/*commtop*/
.commtop{ font-size: 30px; font-weight: bold; color: #26272f; overflow: hidden;}
.commtop span{ font-size: 16px; font-weight: 400; padding-left: 10px; font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;}
.commtop a{ display: block; float: right;}
.commtop a img{ width: 29px; margin-top: 6px;}
/*commtop end*/

/*commtop2*/
.commtop2{}
.commtop2 .ctxt1{ font-size: 14px; color: #333;text-transform:uppercase;}
.commtop2 .ctxt2{ font-size: 36px; color: #26272f; font-weight: bold;}
/*commtop2 end*/

/*分页*/
.pages{ width: 100%; text-align: center; font-size: 0;}
.pages a,
.pages span,
.pages em{ display: inline-block; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #999; vertical-align: top; margin: 0 5px; position: relative;}
.pages a,
.pages span{ border: 1px solid #E6E6E6; background: #fff;}
.pages span{ color: #333; font-weight: bold;}
.pages a.a1::after{position: absolute; content: '';width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(-135deg);  margin:auto; top: 0; bottom: 0; left: 50%; margin-left: -2px;}
.pages a.a2::after{position: absolute; content: '';width: 8px;height: 8px;border-top: 1px solid #666;border-right: 1px solid #666;transform: rotate(45deg);  margin:auto; top: 0; bottom: 0; right: 50%; margin-right: -2px;}
.pages a:hover{ border: 1px solid #A98F73; background: #A98F73; color: #fff;}
.pages a:hover::after{border-top: 1px solid #fff;border-right: 1px solid #fff;}
/*分页 end*/
.blockbox{ width: 1440px; margin: 0 auto;}

.flex {display: flex;}
.flex-wrap{display: flex;flex-wrap: wrap;align-content: flex-start;}
.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-around{display: flex;justify-content: space-around;align-items: center;}



.bold{ font-weight: bold;}
/*placeholder样式*/
.placeclass{ font-size: 14px; color: #fff;}
/* 子元素超过父元素宽度可横向滚动 */
.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;}
/* 多行文字超出显示省略号 */
.ellipsis-more{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/* 单行文字超出显示省略号 */
.ellipsis{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
/* 更多 --- 右箭头图片( > ) */
.more{width: 10rpx;height: 18rpx;}
/* 文字颜色渐变(橙黄) */
.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;}
/* 缺省图片 */
.default-size{width: 244rpx;height: 200rpx;margin-bottom: 34rpx;}
/* 右箭头 */
.right-Arrow{width: 12rpx;height: 28rpx;}