/**************************************************全局公共样式**************************************************************/
.flex {display: flex;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: -moz-box;}
/* flex顺序排列-自动换行 */
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
/* flex垂直排列 */
.flex-col {display: flex;flex-direction: column;}
/* flex全居中 */
.flex-center {display: flex;align-items: center;justify-content: center;}
/* flex竖向全居中 */
.flex-center-col {display: flex;flex-direction: column;align-items: center;justify-content: center;}
/* flex垂直居中 */
.flex-center-y {display: flex;align-items: center;}
/* flex水平居中 */
.flex-center-x {display: flex;justify-content: center;}
/* flex左右靠边、上下居中 */
.flex-between {display: flex;  align-items: center;justify-content: space-between; flex-wrap: wrap;}
/* flex左右靠边、向上对其 */
.flex-between-top {display: flex;align-items: end;justify-content: space-between;flex-wrap: wrap;}
/* 水平均匀分布 */
.flex-around{display: flex;justify-content: space-around;align-items: center;}
/*水平居左-垂直居中*/
.flex-left{ display: flex; flex: 1;align-items: center; text-align: left;}
/*水平居右-垂直居中*/
.flex-right{ display: flex; flex: 1;align-items: center; text-align: right;justify-content: flex-end;}
/*换行靠左-需设置元素margin*/
.flex-distribution{display: flex;justify-content: flex-start;  align-items: center;flex-wrap: wrap;}
.flex-distribution:after {content: "";flex: auto;}

/* 文字加粗 */
.bold{ font-weight: bold;}
/* 文字居中 */
.center{ text-align: center;}
/* 子元素超过父元素宽度可横向滚动 */
.full-x{overflow-x: scroll;overflow-y: hidden;white-space: nowrap;width: 100%;}
/* 隐藏滚动条 */
.full-x::-webkit-scrollbar {display:none}
/* 背景颜色渐变(从左到右 由橙到黄) */
.orangeToYellow{background: linear-gradient(90deg,#02889D 0%,#11B268 100%) !important;}
/* 多行(2)文字超出显示省略号 */
.ellipsis-more{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 多行(3)文字超出显示省略号 */
.ellipsis-more-three{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/* 多行(4)文字超出显示省略号 */
.ellipsis-more-four{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/* 单行文字超出显示省略号 */
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 文字颜色渐变(橙黄) */
.text-fade{background-image: -webkit-linear-gradient(92deg, #F64E32, #FA7E36);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: hue 60s infinite linear;}



.blockbox{ width: 1520px; margin: 0 auto;}
.rowcenter{position: relative;max-height: 100%;max-width: 100%;top: 50%;transform: translateY(-50%);}
.max_w_h{ max-width: 100%; max-height: 100%;}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
.animat_s{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}
.animat_o{-webkit-transition:all 0.1s ease 0s;  -o-transition:all 0.1s ease 0s;  transition:all 0.1s ease 0s;}

/* 常用文字颜色 */
.color0{ color: #000;}
.color3{ color: #333;}
.color4{ color: #444;}
.color6{ color: #666;}
.color9{ color: #999;}
.color255{ color: #fff;}

/* 常用文字大小 */
.fs12{ font-size: 12px;}
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.fs15{ font-size: 15px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}
.fs22{ font-size: 22px;}
.fs24{ font-size: 24px;}
.fs26{ font-size: 26px;}
.fs28{ font-size: 28px;}
.fs30{ font-size: 30px;}
.fs32{ font-size: 32px;}
.fs36{ font-size: 36px;}
.fs40{ font-size: 40px;}
.fs48{ font-size: 48px;}

/**************************************************全局公共样 end******************************************************/
.emptys{ text-align: center; width: 100%; padding: 30px 0; font-size: 14px; color: #fff;}

/******禁止老旧浏览器*****/
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px; height: 250px; position: fixed; margin: auto; z-index: 9; left: 0; right: 0; top: 0; bottom: 0; padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
/******禁止老旧浏览器 end*****/

/*分页*/
.pages{ text-align: center; padding: 100px 0;}
.pages ul{ overflow: hidden;}
.pages ul li{ display: inline-block;}
.pages a,
.pages span{ display: inline-block; width: 48px; height: 48px; line-height: 48px; margin: 0 5px; color: #fff; vertical-align: top; font-family: "avenir-heavy"; font-size: 18px;}
.pages ul li.disabled{ display: none;}
.pages a{ background: #333333;}
.pages a:hover{ background: #009B8E;}
/*分页 end*/