/*
 * @Description: 样式基础配置文件 不在这个页面写样式，只写基础配置
 * @fileName: base.css
 * @Author: LiSuwan
 * @Date: 2020-01-09 11:54:14
 * @LastEditors: 李苏皖 onceseo@163.com
 * @LastEditTime: 2025-12-06 19:12:58
 */

@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  /* 解决手机微信公众号中的网页文字无法复制到剪切板问题 */
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  box-sizing: border-box;
  word-break: break-all;
}

html {
  font: normal 14px '微软雅黑', Arial;
}

body {
  padding: 0px;
  margin: 0px auto;
  /*color: #666;*/
  width: 100%;
  /*min-width: 1200px;*/
  /*width: expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );*/
  zoom: 1;
}

ul,
li,
ol {
  list-style: none;
}

select,
input,
textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
  color: #666;
  background: none;
  border: none;
  resize: none;
}

input:focus {
  outline: none;
}

input,
button,
select,
textarea {
  outline: none;
  /* -webkit-appearance:none; */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*强制去除表单自带的样式*/
  font: normal 14px '微软雅黑', Arial;
}

textarea {
  resize: none;
  /*-webkit-appearance:none;*/
  /*强制去除textarea自带的样式*/
}

article,
aside,
footer,
header,
nav,
section,
figure,
figcaption {
  display: block;
}

/*html5设置*/

figure,
figcaption {
  margin: 0px;
  padding: 0px;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

img {
  border: none;
  border: 0;
  max-width: 100%;
  vertical-align: middle;
}

a,
a:hover,
a:focus {
  outline: none;
  -moz-outline: none;
  text-decoration: none;
  color: #fff;
}

.clear {
  display: block;
  clear: both;
  height: 0px;
  overflow: hidden;
}

/* 设置placeholder默认文字颜色样式 start*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b8b8b8;
}

input::-moz-input-placeholder,
textarea::-moz-input-placeholder {
  color: #b8b8b8;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #b8b8b8;
}

/* 设置placeholder默认文字颜色样式 end*/

.cursor {
  cursor: pointer;
}

button,
a {
  cursor: pointer;
}

.text_overflow_1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

.text_overflow_2,
.text_overflow_3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text_overflow_2 {
  -webkit-line-clamp: 2;
}

.text_overflow_3 {
  -webkit-line-clamp: 3;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
ul,
ol,
p {
  margin: 0px;
}

/* ===== flex布局  start =====*/
.flex_spaceAround {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex_spaceBetween {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex_spaceBetweenStart {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.flex_spaceBetweenEnd {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.flex_spaceBetweenBaseline {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

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

.flex_start {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.flex_start2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.flex_end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.flex_baseline {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
}

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

.flex_columnSpaceBetween {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
/* ===== flex布局  end =====*/

/* ====== 内边距 start ======*/

.paddingTop5 {
  padding-top: 5px;
}
.paddingTop10 {
  padding-top: 10px;
}
.paddingTop15 {
  padding-top: 15px;
}
.paddingTop20 {
  padding-top: 20px;
}
.paddingTop25 {
  padding-top: 25px;
}
.paddingTop30 {
  padding-top: 30px;
}
.paddingTop35 {
  padding-top: 35px;
}
.paddingTop40 {
  padding-top: 40px;
}
.paddingTop45 {
  padding-top: 45px;
}
.paddingTop50 {
  padding-top: 50px;
}
.paddingTop55 {
  padding-top: 55px;
}
.paddingTop60 {
  padding-top: 60px;
}
.paddingTop65 {
  padding-top: 65px;
}
.paddingTop70 {
  padding-top: 70px;
}
.paddingTop75 {
  padding-top: 75px;
}
.paddingTop80 {
  padding-top: 80px;
}
.paddingTop85 {
  padding-top: 85px;
}
.paddingTop90 {
  padding-top: 90px;
}
.paddingTop95 {
  padding-top: 95px;
}
.paddingTop100 {
  padding-top: 100px;
}
.paddingTop105 {
  padding-top: 105px;
}
.paddingTop110 {
  padding-top: 110px;
}
.paddingTop115 {
  padding-top: 115px;
}
.paddingTop120 {
  padding-top: 120px;
}
.paddingTop125 {
  padding-top: 125px;
}
.paddingTop130 {
  padding-top: 130px;
}
.paddingTop135 {
  padding-top: 135px;
}
.paddingTop140 {
  padding-top: 140px;
}
.paddingTop145 {
  padding-top: 145px;
}
.paddingTop150 {
  padding-top: 150px;
}

.paddingRight5 {
  padding-right: 5px;
}
.paddingRight10 {
  padding-right: 10px;
}
.paddingRight15 {
  padding-right: 15px;
}
.paddingRight20 {
  padding-right: 20px;
}
.paddingRight25 {
  padding-right: 25px;
}
.paddingRight30 {
  padding-right: 30px;
}
.paddingRight35 {
  padding-right: 35px;
}
.paddingRight40 {
  padding-right: 40px;
}
.paddingRight45 {
  padding-right: 45px;
}
.paddingRight50 {
  padding-right: 50px;
}
.paddingRight55 {
  padding-right: 55px;
}
.paddingRight60 {
  padding-right: 60px;
}
.paddingRight65 {
  padding-right: 65px;
}
.paddingRight70 {
  padding-right: 70px;
}
.paddingRight75 {
  padding-right: 75px;
}
.paddingRight80 {
  padding-right: 80px;
}
.paddingRight85 {
  padding-right: 85px;
}
.paddingRight90 {
  padding-right: 90px;
}
.paddingRight95 {
  padding-right: 95px;
}
.paddingRight100 {
  padding-right: 100px;
}
.paddingRight105 {
  padding-right: 105px;
}
.paddingRight110 {
  padding-right: 110px;
}
.paddingRight115 {
  padding-right: 115px;
}
.paddingRight120 {
  padding-right: 120px;
}
.paddingRight125 {
  padding-right: 125px;
}
.paddingRight130 {
  padding-right: 130px;
}
.paddingRight135 {
  padding-right: 135px;
}
.paddingRight140 {
  padding-right: 140px;
}
.paddingRight145 {
  padding-right: 145px;
}
.paddingRight150 {
  padding-right: 150px;
}

.paddingBottom5 {
  padding-bottom: 5px;
}
.paddingBottom10 {
  padding-bottom: 10px;
}
.paddingBottom15 {
  padding-bottom: 15px;
}
.paddingBottom20 {
  padding-bottom: 20px;
}
.paddingBottom25 {
  padding-bottom: 25px;
}
.paddingBottom30 {
  padding-bottom: 30px;
}
.paddingBottom35 {
  padding-bottom: 35px;
}
.paddingBottom40 {
  padding-bottom: 40px;
}
.paddingBottom45 {
  padding-bottom: 45px;
}
.paddingBottom50 {
  padding-bottom: 50px;
}
.paddingBottom55 {
  padding-bottom: 55px;
}
.paddingBottom60 {
  padding-bottom: 60px;
}
.paddingBottom65 {
  padding-bottom: 65px;
}
.paddingBottom70 {
  padding-bottom: 70px;
}
.paddingBottom75 {
  padding-bottom: 75px;
}
.paddingBottom80 {
  padding-bottom: 80px;
}
.paddingBottom85 {
  padding-bottom: 85px;
}
.paddingBottom90 {
  padding-bottom: 90px;
}
.paddingBottom95 {
  padding-bottom: 95px;
}
.paddingBottom100 {
  padding-bottom: 100px;
}
.paddingBottom105 {
  padding-bottom: 105px;
}
.paddingBottom110 {
  padding-bottom: 110px;
}
.paddingBottom115 {
  padding-bottom: 115px;
}
.paddingBottom120 {
  padding-bottom: 120px;
}
.paddingBottom125 {
  padding-bottom: 125px;
}
.paddingBottom130 {
  padding-bottom: 130px;
}
.paddingBottom135 {
  padding-bottom: 135px;
}
.paddingBottom140 {
  padding-bottom: 140px;
}
.paddingBottom145 {
  padding-bottom: 145px;
}
.paddingBottom150 {
  padding-bottom: 150px;
}

.paddingLeft5 {
  padding-left: 5px;
}
.paddingLeft10 {
  padding-left: 10px;
}
.paddingLeft15 {
  padding-left: 15px;
}
.paddingLeft20 {
  padding-left: 20px;
}
.paddingLeft25 {
  padding-left: 25px;
}
.paddingLeft30 {
  padding-left: 30px;
}
.paddingLeft35 {
  padding-left: 35px;
}
.paddingLeft40 {
  padding-left: 40px;
}
.paddingLeft45 {
  padding-left: 45px;
}
.paddingLeft50 {
  padding-left: 50px;
}
.paddingLeft55 {
  padding-left: 55px;
}
.paddingLeft60 {
  padding-left: 60px;
}
.paddingLeft65 {
  padding-left: 65px;
}
.paddingLeft70 {
  padding-left: 70px;
}
.paddingLeft75 {
  padding-left: 75px;
}
.paddingLeft80 {
  padding-left: 80px;
}
.paddingLeft85 {
  padding-left: 85px;
}
.paddingLeft90 {
  padding-left: 90px;
}
.paddingLeft95 {
  padding-left: 95px;
}
.paddingLeft100 {
  padding-left: 100px;
}
.paddingLeft105 {
  padding-left: 105px;
}
.paddingLeft110 {
  padding-left: 110px;
}
.paddingLeft115 {
  padding-left: 115px;
}
.paddingLeft120 {
  padding-left: 120px;
}
.paddingLeft125 {
  padding-left: 125px;
}
.paddingLeft130 {
  padding-left: 130px;
}
.paddingLeft135 {
  padding-left: 135px;
}
.paddingLeft140 {
  padding-left: 140px;
}
.paddingLeft145 {
  padding-left: 145px;
}
.paddingLeft150 {
  padding-left: 150px;
}

/* ====== 内边距 end======*/

/* ====== 外边距 start======*/

.marginTop5 {
  margin-top: 5px;
}
.marginTop10 {
  margin-top: 10px;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop20 {
  margin-top: 20px;
}
.marginTop25 {
  margin-top: 25px;
}
.marginTop30 {
  margin-top: 30px;
}
.marginTop35 {
  margin-top: 35px;
}
.marginTop40 {
  margin-top: 40px;
}
.marginTop45 {
  margin-top: 45px;
}
.marginTop50 {
  margin-top: 50px;
}
.marginTop55 {
  margin-top: 55px;
}
.marginTop60 {
  margin-top: 60px;
}
.marginTop65 {
  margin-top: 65px;
}
.marginTop70 {
  margin-top: 70px;
}
.marginTop75 {
  margin-top: 75px;
}
.marginTop80 {
  margin-top: 80px;
}
.marginTop85 {
  margin-top: 85px;
}
.marginTop90 {
  margin-top: 90px;
}
.marginTop95 {
  margin-top: 95px;
}
.marginTop100 {
  margin-top: 100px;
}
.marginTop105 {
  margin-top: 105px;
}
.marginTop110 {
  margin-top: 110px;
}
.marginTop115 {
  margin-top: 115px;
}
.marginTop120 {
  margin-top: 120px;
}
.marginTop125 {
  margin-top: 125px;
}
.marginTop130 {
  margin-top: 130px;
}
.marginTop135 {
  margin-top: 135px;
}
.marginTop140 {
  margin-top: 140px;
}
.marginTop145 {
  margin-top: 145px;
}
.marginTop150 {
  margin-top: 150px;
}
.marginTop160 {
  margin-top: 160px;
}
.marginRight5 {
  margin-right: 5px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginRight15 {
  margin-right: 15px;
}
.marginRight20 {
  margin-right: 20px;
}
.marginRight25 {
  margin-right: 25px;
}
.marginRight30 {
  margin-right: 30px;
}
.marginRight35 {
  margin-right: 35px;
}
.marginRight40 {
  margin-right: 40px;
}
.marginRight45 {
  margin-right: 45px;
}
.marginRight50 {
  margin-right: 50px;
}
.marginRight55 {
  margin-right: 55px;
}
.marginRight60 {
  margin-right: 60px;
}
.marginRight65 {
  margin-right: 65px;
}
.marginRight70 {
  margin-right: 70px;
}
.marginRight75 {
  margin-right: 75px;
}
.marginRight80 {
  margin-right: 80px;
}
.marginRight85 {
  margin-right: 85px;
}
.marginRight90 {
  margin-right: 90px;
}
.marginRight95 {
  margin-right: 95px;
}
.marginRight100 {
  margin-right: 100px;
}
.marginRight105 {
  margin-right: 105px;
}
.marginRight110 {
  margin-right: 110px;
}
.marginRight115 {
  margin-right: 115px;
}
.marginRight120 {
  margin-right: 120px;
}
.marginRight125 {
  margin-right: 125px;
}
.marginRight130 {
  margin-right: 130px;
}
.marginRight135 {
  margin-right: 135px;
}
.marginRight140 {
  margin-right: 140px;
}
.marginRight145 {
  margin-right: 145px;
}
.marginRight150 {
  margin-right: 150px;
}

.marginBottom5 {
  margin-bottom: 5px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginBottom15 {
  margin-bottom: 15px;
}
.marginBottom20 {
  margin-bottom: 20px;
}
.marginBottom25 {
  margin-bottom: 25px;
}
.marginBottom30 {
  margin-bottom: 30px;
}
.marginBottom35 {
  margin-bottom: 35px;
}
.marginBottom40 {
  margin-bottom: 40px;
}
.marginBottom45 {
  margin-bottom: 45px;
}
.marginBottom50 {
  margin-bottom: 50px;
}
.marginBottom55 {
  margin-bottom: 55px;
}
.marginBottom60 {
  margin-bottom: 60px;
}
.marginBottom65 {
  margin-bottom: 65px;
}
.marginBottom70 {
  margin-bottom: 70px;
}
.marginBottom75 {
  margin-bottom: 75px;
}
.marginBottom80 {
  margin-bottom: 80px;
}
.marginBottom85 {
  margin-bottom: 85px;
}
.marginBottom90 {
  margin-bottom: 90px;
}
.marginBottom95 {
  margin-bottom: 95px;
}
.marginBottom100 {
  margin-bottom: 100px;
}
.marginBottom105 {
  margin-bottom: 105px;
}
.marginBottom110 {
  margin-bottom: 110px;
}
.marginBottom115 {
  margin-bottom: 115px;
}
.marginBottom120 {
  margin-bottom: 120px;
}
.marginBottom125 {
  margin-bottom: 125px;
}
.marginBottom130 {
  margin-bottom: 130px;
}
.marginBottom135 {
  margin-bottom: 135px;
}
.marginBottom140 {
  margin-bottom: 140px;
}
.marginBottom145 {
  margin-bottom: 145px;
}
.marginBottom150 {
  margin-bottom: 150px;
}

.marginLeft5 {
  margin-left: 5px;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft15 {
  margin-left: 15px;
}
.marginLeft20 {
  margin-left: 20px;
}
.marginLeft25 {
  margin-left: 25px;
}
.marginLeft30 {
  margin-left: 30px;
}
.marginLeft35 {
  margin-left: 35px;
}
.marginLeft40 {
  margin-left: 40px;
}
.marginLeft45 {
  margin-left: 45px;
}
.marginLeft50 {
  margin-left: 50px;
}
.marginLeft55 {
  margin-left: 55px;
}
.marginLeft60 {
  margin-left: 60px;
}
.marginLeft65 {
  margin-left: 65px;
}
.marginLeft70 {
  margin-left: 70px;
}
.marginLeft75 {
  margin-left: 75px;
}
.marginLeft80 {
  margin-left: 80px;
}
.marginLeft85 {
  margin-left: 85px;
}
.marginLeft90 {
  margin-left: 90px;
}
.marginLeft95 {
  margin-left: 95px;
}
.marginLeft100 {
  margin-left: 100px;
}
.marginLeft105 {
  margin-left: 105px;
}
.marginLeft110 {
  margin-left: 110px;
}
.marginLeft115 {
  margin-left: 115px;
}
.marginLeft120 {
  margin-left: 120px;
}
.marginLeft125 {
  margin-left: 125px;
}
.marginLeft130 {
  margin-left: 130px;
}
.marginLeft135 {
  margin-left: 135px;
}
.marginLeft140 {
  margin-left: 140px;
}
.marginLeft145 {
  margin-left: 145px;
}
.marginLeft150 {
  margin-left: 150px;
}

/* ====== 外边距 end======*/

/* ====== 鼠标hover效果 start ======*/

.hover_style {
  transition: all 0.6s;
  cursor: pointer;
}

/* 放大效果 */

.hover_magnify:hover {
  transform: scale(1.05);
}

/* 向上移动效果 */

.hover_top:hover {
  transform: translateY(-20px);
}

/* ====== 鼠标hover效果 end ======*/

/* ====== 优化滚动条样式 start ====== */

body::-webkit-scrollbar {
  width: 0px;
}

.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 90px;
}

.scrollbar::-webkit-scrollbar-track {
  background: #f7f7f7;
  border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-thumb {
  width: 4px;
  height: 10px;
  background-color: #e5e5e5;
  border-radius: 4px;
}

/* ====== 优化滚动条样式 end ====== */

/* ===== 富文本 start ======*/

.richText {
  overflow: hidden;
}

.richText img {
  max-width: 100%;
  height: auto;
}

/* ===== 富文本 end ======*/

/* ====== 公共的类 ====== */

.fl {
  float: left;
}

.fr {
  float: right;
}

.fontWeightBold {
  font-weight: bold;
}

.public_boxShadow {
  box-shadow: 0px 10px 20px 0px rgba(201, 221, 241, 0.3);
}

.overflow {
  overflow: hidden;
}

.absolute_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* ====== 公共的类 end ====== */

@media (max-width: 767px) {
  .marginTop15 {
    margin-top: 5px;
  }
  .marginTop20,
  .marginTop25 {
    margin-top: 10px;
  }

  .marginTop30,
  .marginTop35 {
    margin-top: 15px;
  }

  .marginTop45,
  .marginTop40,
  .marginTop50,
  .marginTop55,
  .marginTop60,
  .marginTop70 {
    margin-top: 20px;
  }
  .marginBottom50 {
    margin-bottom: 20px;
  }
  .paddingTop70,
  .paddingTop40,
  .paddingTop50 {
    padding-top: 20px;
  }
  .paddingTop95 {
    padding-top: 20px;
  }

  .paddingBottom25 {
    padding-bottom: 10px;
  }
  .paddingBottom95 {
    padding-bottom: 20px;
  }

  /* ====== 隐藏移动端滚动条 start ======*/
  .hide_scrollbar {
    -ms-overflow-style: none; /* IE 和 Edge */
    scrollbar-width: none; /* Firefox */
  }

  .hide_scrollbar::-webkit-scrollbar {
    display: none; /* WebKit 浏览器（Chrome、Safari 等） */
  }
  /* ====== 隐藏移动端滚动条 end ======*/
}