* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 14px;
}

textarea {
  resize: none;
}

li {
  display: list-item;
  list-style: none
}

input,
button,
textarea,
select {
  border: none
}

input,
button,
textarea {
  background: transparent;
}

input {
  outline: none;
}

body {
  padding: 0 !important;
  font-size: 14px !important;
}

a {
  color: inherit;
  text-decoration: none;
}

a,
button {
  cursor: pointer;
}

button,
input,
select,
textarea {
  font-size: 100%;
}

em {
  font-style: normal;
}

:focus {
  outline: none;
}

/*for IE*/
::-moz-focus-inner {
  border-color: transparent;
}


/* 定义变量 */
:root {
  /* --theme-color: #2b5496; */
  --theme-color: #017FFD;
  --theme-color-slight1:#017FFD;
  --theme-color-slight2: #017FFD;
  --theme-color-slight3: hsl(0,47%,77.9%);
  --gray-background: rgb(245, 245, 245);
  /* 一些通用颜色 */
  --mini-block-color: rgb(255, 90, 0);
  /*nav颜色*/
  --nav-background: rgb(33, 33, 33);
  --footer-background: rgb(33, 33, 33);
}

a:hover {
  color: var(--theme-color)
}

body {
  color: var(--main-font-color)
}

/* 主题色类名 */
.background-thmem1 {
  background-color: var(--theme-color);
}

/* 轻主题色类名 */
.background-thmem-slight1 {
  background-color: var(--theme-color-slight1);
}

.background-thmem-slight2 {
  background-color: var(--theme-color-slight2);
}

.background-thmem-slight3 {
  background-color: var(--theme-color-slight3);
}

.background-gray {
  background-color: #f4f4f4;
}

.background-white {
  background-color: #fff;
}

/* 字体颜色 */
.main-font-color1 {
  color: var(--theme-color);
}

.main-font-color2 {
  color: var(--theme-color-slight1);
}

.main-font-color3 {
  color: var(--theme-color-slight2);
}

.main-font-color4 {
  color: var(--theme-color-slight3);
}

.font-white {
  color: white;
}

/* 渐变色 */
/* 字体渐变 */
.background-font-linear {
  background: linear-gradient(to right, var(--theme-color-slight3), var(--theme-color-slight1));
  color: transparent;
  -webkit-background-clip: text;
}

/* 背景渐变 */
.background-linear {
  background: linear-gradient(to right, var(--theme-color-slight3), var(--theme-color));
  /* background-color:linear-gradient(-90deg, var(--theme-color-slight3) 0%, var(--theme-color) 100%); */
}

/* 主题色边框 */
.border-theme1 {
  border: 1px solid var(--theme-color);
}

.border-theme1-weight {
  border: 2px solid var(--theme-color);
}

.border-theme1-left {
  border-left: 1px solid var(--theme-color);
}

.border-theme1-bottom {
  border-bottom: 1px solid var(--theme-color);
}
.border-theme1-bottom-dashed {
  border-bottom: 1px dashed var(--theme-color);
}
.border-theme1-bottom-weight {
  border-bottom: 2px solid var(--theme-color);
}

.border-theme1-top-weight {
  border-top: 2px solid var(--theme-color);
}

.border-theme-color-slight1 {
  border: 1px solid var(--theme-color-slight1);
}

.border-theme-color-slight2 {
  border: 1px solid var(--theme-color-slight2);
}

.border-theme-color-slight3 {
  border: 1px solid var(--theme-color-slight3);
}

.common-border1 {
  border: 1px solid #e8e8e8;
}

.common-border2 {
  border: 1px solid var(--mini-block-color);
}

.common-border-bottom {
  border-bottom: 1px solid #e8e8e8;
}



/* 常用的小块背景色 */
.background-mini-block-color {
  background-color: var(--mini-block-color);
}

/* 头部底部导航背景色 */
.nav-background {
  background: var(--nav-background);
}

.footer-background {
  background: var(--footer-background);
}

.gray-background {
  background-color: var(--gray-background);
}

/* 价格通用颜色 */
.price-color1 {
  color: #f6003c;
}

.price-color2 {
  color: #e42c64;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 55px !important;
}

.mt80 {
  margin-top: 60px !important;
}

.mt85 {
  margin-top: 65px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr006 {
  margin-right: 6% !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr-10 {
  margin-right: -10px !important;
}


.ml-5 {
  margin-left: -5px !important;
}

.ml-22 {
  margin-left: -22px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml70 {
  margin-left: 70px !important;
}


.padding10 {
  padding: 10px !important;
}

.padding15 {
  padding: 15px !important;
}

.padding20 {
  padding: 20px !important;
}


.pt0 {
  padding-top: 0px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl005 {
  padding-left: 5% !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl120 {
  padding-left: 120px !important;
}

.pl190 {
  padding-left: 190px !important;
}

.pl200 {
  padding-left: 200px !important;
}

.pl205 {
  padding-left: 205px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 15px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr120 {
  padding-right: 120px !important;
}



/* border */
.add-border {
  border: 1px solid #e8e8e8 !important;
}

.add-border-l {
  border-left: 1px solid #e8e8e8 !important;
}

.add-border-r {
  border-right: 1px solid #e8e8e8 !important;
}

.add-border-t {
  border-top: 1px solid #e8e8e8 !important;
}

.add-border-b {
  border-bottom: 1px solid #e8e8e8 !important;
}

.none-border {
  border: none !important;
}

/* 边框圆角 */
.br50 {
  border-radius: 50% !important;
}

.br5 {
  border-radius: 5px !important;
}

.br10 {
  border-radius: 10px !important;
}

.br15 {
  border-radius: 15px !important;
}

.br20 {
  border-radius: 20px !important;
}

.br25 {
  border-radius: 25px !important;
}

.br30 {
  border-radius: 30px !important;
}

.br35 {
  border-radius: 35px !important;
}

.br40 {
  border-radius: 40px !important;
}

/* 字体font */
.font12 {
  font-size: 12px !important;
}

.font14 {
  font-size: 14px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font22 {
  font-size: 22px !important;
}

.font24 {
  font-size: 24px !important;
}

.font26 {
  font-size: 26px !important;
}

.font30 {
  font-size: 30px !important;
}

.font_bold {
  font-weight: bold !important;
}

.font-weight {
  font-weight: 600;
}

.color_b3b3b3 {
  color: #b3b3b3;
}

/* 文字对齐 */
.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

/* width */
.width15 {
  width: 15% !important;
}

.width100 {
  width: 100% !important;
}

.width20 {
  width: 20% !important;
}

.width25 {
  width: 25% !important;
}

.width50 {
  width: 50% !important;
}

.width33 {
  width: 33% !important;
}

.width66 {
  width: 66% !important;
}


/* adapt */
.main-container {
  width: 100%;
  min-width: 1300px;
}

.adapt-img {
  width: 100%;
  height: 100%;
}

.overflow {
  overflow: hidden;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.w1300 {
  width: 1300px;
  margin: 0 auto;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.clearfix::after,
.clearfix::before {
  content: " ";
  display: table;
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}


.show {
  display: block !important;
}

.hidden {
  display: none !important;
}

.position_r {
  position: relative;
}

.position_a {
  position: absolute;
}


/*文本超出显示省略号*/
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.text-ellipsis-two{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-overflow-hidden {
  white-space: nowrap;
  word-spacing: normal;
  letter-spacing: normal;
  overflow: hidden;
}

.border-box{box-sizing: border-box;}

/* 根据主题颜色绘制三角形颜色 */
.triangle-top{
  border-top: 80px solid var(--theme-color);
  border-left: 80px solid transparent;
  width: 0;
  height: 0;
}
.triangle-top1{
  border-top: 80px solid var(--theme-color-slight1);
  border-left: 80px solid transparent;
  width: 0;
  height: 0;
}
.triangle-top2{
  border-top: 80px solid var(--theme-color-slight3);
  border-left: 80px solid transparent;
  width: 0;
  height: 0;
}