/*
 * @since:2020
 * @author:李鹏飞(superfly) ~~~!
 * @QQ:1263134131
 * @Copyright © 2020 www.itwebs.cn All Rights Reserved.
 **/
@charset "UTF-8";
/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, b{padding: 0;margin: 0;}
html{overflow: -moz-scrollbars-vertical;overflow-x: hidden;} /*始终让 Firefox 显示滚动条*/
*{word-wrap: break-word;margin: 0;padding: 0;}/*文字强制换行word-break:keep-all;(Ff)*/
table{border-collapse: collapse;}/*细线表格*/
fieldset, img{border: none;}/*清除描边,块显示*/
ul, li{list-style-type: none;}/*无列表项目标记*/
a{text-decoration: none;color:#333;}/* 链接无下划线,有为underline;链接去框 */
a:hover{color: #1f4396}
body{
	font-family:'Arial',"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial","sans-serif";
	font-size:14px;
	color:#888;
    background: #f4f6f8;
}
select, input{vertical-align: middle;outline: none;font-family:"Microsoft YaHei";}
em, i{font-style: normal;}
input[type=button], input[type=reset], input[type=submit], input[type=radio], input[type=checkbox]{cursor: pointer;outline: none;border: none;}
input, textarea{-webkit-tap-highlight-color: rgba(255,255,255,0);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color: #aab2bd; /* placeholder颜色  */
    font-size:0.65rem; /* placeholder字体大小  */
    text-align: left; /* placeholder位置  */
}
/*============================================================
    flexbox：定义布局为盒模型
    flex-v：盒模型垂直布局
    flex：子元素占据剩余的空间
    flex-align-center：子元素垂直居中
    flex-pack-center：子元素水平居中
    flex-pack-justify：子元素两端对齐
    兼容性：ios 4+、android 2.3+、winphone8+
============================================================ */
.flexbox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex{-webkit-box-flex: 1; -ms-flex: 1; -webkit-flex: 1;flex: 1;display:block;}
.flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-align-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; }
/*间距*/
.h5{height:5px;clear:both;}
.h10{height:10px;clear:both;}
.h15{height:15px;clear:both;}
.h20{height:20px;clear:both;}
.h25{height:25px;clear:both;}
.h30{height:30px;clear:both;}
.h40{height:40px;clear:both;}
.h50{height:50px;clear:both;}
.h60{height:60px;clear:both;}
.h70{height:70px;clear:both;}
.h80{height:80px;clear:both;}
.h90{height:90px;clear:both;}
.h100{height:100px;clear:both;}
.h110{height:110px;clear:both;}
.h120{height:120px;clear:both;}
.h140{height:140px;clear:both;}
.h160{height: 160px;clear: both;}
.minH {
    min-height: 350px;
    height: auto !important;
    height: 350px;
}
.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; 
}
/*常用公用样式*/
.clearfix:after{ content:""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: block; min-height: 1%; }
.fl{float:left}
.fr{float:right;}
.tl{text-align:left}
.tr{text-align:right;}
.tc{text-align:center;}
.pr{position: relative;}
.pa{position: absolute;}
/*字竖向排列*/
.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;    
}
/**
 * 投影
 * @author SuperFly
 * @return
 */
.shadows{
	-webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	        box-shadow:0px 1px 5px rgba(0,0,0,0.15);
	}
/**
 * 改变浏览器滚动条
 * @author SuperFly
 * @return
 */
::-webkit-scrollbar {width:8px;background:none;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#333;border-radius: 8px;}
::-webkit-scrollbar-corner {background:none;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}
/**
 * 动画
 * @author SuperFly
 * @return
 */
.ani {
	opacity: 0;
	-webkit-transition: all 1s 0.2s;
	-moz-transition: all 1s 0.2s;
	-ms-transition: all 1s 0.2s;
	transition: all 1s 0.2s;
}
.ani.ani-active {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1, 1) !important;
	-moz-transform: translate(0, 0) scale(1, 1) !important;
	-ms-transform: translate(0, 0) scale(1, 1) !important;
	transform: translate(0, 0) scale(1, 1) !important;
}
/**
 * 时间
 * @author SuperFly
 * @return
 */
.ts2s { 
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transition: 0.2s ease-in-out; 
	-o-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out; 
}
.ts3s { 
	-webkit-transition: 0.3s ease-in-out; 
	-moz-transition: 0.3s ease-in-out; 
	-o-transition: 0.3s ease-in-out;
	 transition: 0.3s ease-in-out; 
	}


/**
 * Css截取字数
 * @author SuperFly
 * @return
 */
.{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clamp2{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp3{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp4{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp5{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clamp6{
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 6 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*
* 内容垂直居中
*/
.tableCont{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    z-index: 3;
}
.table{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: table;
    position: relative;
    z-index: 3;
}
.tableCell{
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
/*
* 侧面浮动
*/
.icon-float{ 
	background-image:url(../images/icon-float.png);
	background-repeat:no-repeat;
}
.suspension{ 
	width:70px; 
	position:fixed; 
	z-index:205; 
	bottom:150px; 
	right:0;
	display:none;
}
.suspension .item{ 
	width:70px; 
	height:70px; 
	margin-top:5px; 
	position:relative;
}
.suspension .tap{ 
	width:68px;
	font-size:12px; 
	height:68px; 
	background:#fafafa; 
	display:block; 
	overflow:hidden; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	-ms-border-radius:3px; 
	border-radius:3px;
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;
}
.suspension .tap .icon-float{ 
	width:30px; 
	height:30px; 
	display:block; 
	margin:9px auto 0;
}
.suspension .tap p{ 
	line-height:1; 
	text-align:center; 
	color:#999; 
	padding-top:8px;
}
.suspension .tap:hover,.suspension .tap.active{ background:#1f4396;}
.suspension .tap:hover p,.suspension .tap.active p{ color:#fff;}
.suspension .tap .icon-dhzx{ background-position:0px 0px;}
.suspension .tap:hover .icon-dhzx{ background-position:-30px 0px;}
.suspension .tap .icon-app{ background-position:0px -30px;}
.suspension .tap:hover .icon-app{ background-position:-30px -30px;}
.suspension .tap .icon-wxgzh{ background-position:0px -60px;}
.suspension .tap:hover .icon-wxgzh{ background-position:-30px -60px;}
#back-top .tap{opacity:0; -webkit-transform:translateY(24px); -moz-transform:translateY(24px); -ms-transform:translateY(24px); transform:translateY(24px);}
#back-top .tap.active{opacity:1; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0)}
.suspension .tap .icon-fhdb{ background-position:0px -90px; }
#back-top .tap:hover .icon-fhdb{ background-position:-30px -90px;}
#back-top .tap.active .icon-fhdb{ background-position:-30px -90px;}

.suspension-box{ 
	width:320px; 
	background: #FFF; 
	border:#ddd 1px solid; 
	position:absolute; 
	top:0; 
	right:70px; 
	-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.15); 
	-moz-box-shadow:0 1px 10px rgba(0,0,0,0.15); 
	-ms-box-shadow:0 1px 10px rgba(0,0,0,0.15); 
	box-shadow:0 1px 10px rgba(0,0,0,0.15); 
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s; 
	-webkit-transform:translateX(-20px); 
	-moz-transform:translateX(-20px); 
	-ms-transform:translateX(-20px); 
	transform:translateX(-20px); 
	opacity:0; 
	visibility:hidden;
	}
.suspension .item:hover .suspension-box{ 
	opacity:1; 
	visibility:visible; 
	-webkit-transform:translateX(0); 
	-moz-transform:translateX(0); 
	-ms-transform:translateX(0); 
	transform:translateX(0);
}
.suspension-box:after{ 
	content:''; 
	position:absolute; 
	right:-8px; 
	top:27px; 
	border-top:8px solid transparent; 
	border-bottom:8px solid transparent; 
	border-left:8px solid #fff; 
}
.dhzx{ 
	width:240px; 
	padding:20px 20px;
}
.dhzx .small{ 
	font-size:14px; 
	line-height:1; 
	color:#999;
}
.dhzx .big{ 
	font-size:24px; 
	line-height:1; 
	margin-top:10px;
}
.suspension .ewms{ 
	width:100px; 
	padding:14px;
}
.suspension .ewms img{ width:100px;}
.suspension .ewms p{ 
	font-size:16px; 
	line-height:24px; 
	font-size:14px; 
	color:#666; 
	margin-top:10px; 
	text-align:center;
}

/*
* 加载
*/
.fade{
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.fadeTop,
.fadeBottom{
	position: absolute;
	width: 100%;
	height: 50%;
	background: rgba(255,255,255,.95);
	left: 0;
}
.fadeLogo{
	text-align: center;
	width: 100%;
}
.fadeC{
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -57px;
	text-align: center;
}
.fadeTop{
	top: 0;
}
.fadeBottom{
	bottom: 0;
}
.fadeLoading {
   display:inline-block;
   font-size:0px;
   padding:0px;
}
.fadeLoading span {
   vertical-align:middle;
   border-radius:100%;
   
   display:inline-block;
   width:10px;
   height:10px;
   margin:3px 2px;
   -webkit-animation:loader1 0.8s linear infinite alternate;
   animation:loader1 0.8s linear infinite alternate;
}
.fadeLoading span:nth-child(1) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.6);
}
.fadeLoading span:nth-child(2) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
}
.fadeLoading span:nth-child(3) {
   -webkit-animation-delay:-0.26666s;
   animation-delay:-0.26666s;
  background:rgba(0, 117, 193,1);
}
.fadeLoading span:nth-child(4) {
   -webkit-animation-delay:-0.8s;
   animation-delay:-0.8s;
  background:rgba(0, 117, 193,0.8);
  
}
.fadeLoading span:nth-child(5) {
   -webkit-animation-delay:-1s;
   animation-delay:-1s;
  background:rgba(0, 117, 193,0.4);
}

@keyframes loader1 {
   from {transform: scale(0, 0);}
   to {transform: scale(1, 1);}
}
@-webkit-keyframes loader1 {
   from {-webkit-transform: scale(0, 0);}
   to {-webkit-transform: scale(1, 1);}
}
@media all and (max-width:960px) {
	.h5{ height:0.3125rem; clear: both;}
	.h10{ height:0.625rem; clear: both;}
	.h15{ height:0.9375rem; clear: both;}
	.h20{ height:1.25rem; clear: both;}
	.h25{ height:1.5625rem; clear: both;}
	.h30{ height:1.85rem; clear: both;}
	.h50{ height:1.85rem; clear: both;}
	.h60{ height:1.85rem; clear: both;}
	.h120{ height:1.85rem; clear: both;}
}