/**************************************************全局公共样式**************************************************************/
.flex {display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;}
.flex-end{display: flex;justify-content: flex-end;align-items: center;}
/* 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左右靠边、向上对其 */
.flex-between-top {display: flex;align-items: flex-start;justify-content: space-between;}
/* flex左右靠边、向下对其 */
.flex-between-bottom {display: flex;align-items: flex-end;justify-content: space-between;}
/* flex向左向上对其 */
.flex-left-top{display: flex;align-items: flex-start;justify-content:flex-start;}
/* flex向左向下对其 */
.flex-left-bottom{display: flex;align-items: flex-end;justify-content:flex-start;}
/* 水平均匀分布 */
.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;}
/*切换元素位置*/
.flex-flow{ flex-flow: row-reverse;}

.center{ text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}
.bold{ font-weight: bold;}

/* 子元素超过父元素宽度可横向滚动 */
.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;}

.box{ width: 1000px; 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;}

/* 常用文字颜色 */
.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;}

/*字母转大写*/
.txt_upper{ text-transform: uppercase;}

@keyframes huxi{
    0%{transform: translateY(3px);}
    100%{transform: translateY(-3px);}
}

/**************************************************全局公共样 end******************************************************/

/******禁止老旧浏览器*****/
#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*****/

a:hover{-webkit-transition:all 0.2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s; color: #1e94d4;}
/* body{ background: url('../images/bg1.jpg') center bottom no-repeat; background-size: 100% auto;} */

/*page分页*/
/* .newLists .newList .page ul li{height: 40px; line-height: 40px;} */
.page{width:100%;text-align:center;margin:0 auto;overflow:hidden;margin-top:0.58rem;}
.page li{width:38px;height:38px;font-size:18px;line-height:38px;display:inline-block;color:#B4B4B4;margin:0 0.10rem;border:1px solid #F0F0F0;background:#fff;background:#F0F0F0;cursor:pointer;}
.page li a{display:block;width:100%;height:100%;}
.page li:hover{color:#1465DC !important;border-color:#1465DC !important;}
.page .active{width:38px;height:38px;font-size:18px;color:#fff !important;background:#1465DC !important;margin:0 10px;border:1px solid #1465DC;display:inline-block;line-height:38px;}
.page .active:hover{color:#fff !important;}
.page .disabled:hover{border:1px solid #F0F0F0 !important;color:#B4B4B4 !important;}