/*
 * @Description: 样式基础配置文件 不在这个页面写样式，只写基础配置
 * @fileName: base.css
 * @Author: LiSuwan
 * @Date: 2020-01-09 11:54:14
 * @LastEditors: LiJuncai
 * @LastEditTime: 2022-05-24 16:38:30
 */

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

/* 隐藏 input[type=number] 的上下箭头 */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* ====== 清除input框在chrome浏览器下粘贴的默认底色 start ====== */

input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  /* 浏览器记住密码的底色的颜色 */
  -webkit-text-fill-color: #606266 !important;
  /* 浏览器记住密码的字的颜色 */
  transition: background-color 3000s ease-in-out 0s;
  /* 通过延时渲染背景色变相去除背景颜色 */
  caret-color: #acfff2;
  /* 光标颜色，可选*/
}

/* ====== 清除input框在chrome浏览器下粘贴的默认底色 end ====== */

html {
  font: normal 14px "微软雅黑", Arial;
  width: 100%;
}

body {
  padding: 0px;
  margin: 0px auto;
  color: #666;
  width: 100%;
  /*min-width: 1200px;*/
  /*width: expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );*/
  zoom: 1;
  font-family: "微软雅黑", Repair-Light;
  overflow-x: hidden;

  /*网页置灰*/
  /*-webkit-filter: grayscale(100%);*/
  /*-moz-filter: grayscale(100%);*/
  /*-ms-filter: grayscale(100%);*/
  /*-o-filter: grayscale(100%);*/
  /*filter: grayscale(100%);*/
  /*-webkit-filter: gray;*/
  /*filter: gray;*/
  /*-webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);*/
  /*filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);*/
}

ul,
li,
ol {
  list-style: none;
  margin-bottom: 0px;
}

p {
  margin-bottom: 0px;
}

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;
}

label {
  margin-bottom: 0px;
}

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

.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*/

/**
  * @Description: 轮播动画
  * @Author: longhaiyan
  * @Date: 2020-04-15 15:40:47
  margin-top 值向上滑动 改为 margin-left/right/bottom 即为左/右/下轮播
  值为滑动距离
  */

.marquee_top {
  transition: all 0.5s linear;
  margin-top: -60px;
}

/**
  * @Description: 鼠标经过手型
  * @Author: longhaiyan
  * @Date: 2020-04-15 15:39:54
  */

.cursor {
  cursor: pointer;
}

/* 单选框样式
      <label >
      <input type="radio" name="paixu" >
         按热门排序
     </label>
     start
 */

/* 选中前的样式 */

input[type="radio"] {
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
}

/* 选中后的样式(使用背景图写的，使用时换背景图即可) */

input[type="radio"]:checked {
  background: url(../images/radoi_checkedhiolk.png) left top no-repeat;
  background-size: 100% 100%;
  border: 1px solid transparent;
}

/* 单选框样式
      <label >
      <input type="radio" name="paixu" >
         按热门排序
     </label>
     end
 */

/* 复选框
     <label >
     <input type="checkbox" name="" >
         按热门排序
     </label>
     start
  */

/* 选前的样式 */

input[type="checkbox"] {
  width: 16px;
  height: 16px;
  border: 1px solid #e5e5e5;
}

/* 选中之后的样式 */

input[type="checkbox"]:checked {
  background: url(../images/radoi_checkedhiolk.png) left top no-repeat;
  background-size: 100% 100%;
  border: 1px solid transparent;
}

/* 复选框
     <label >
     <input type="checkbox" name="" >
         按热门排序
     </label>
     end
  */

/* a,button 手型 */

a,
button,
select,
option,
input[type="button"] {
  cursor: pointer;
}

/*
 ::-webkit-scrollbar 滚动条整体部分
 ::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
 ::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
 ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
 ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
 ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
 ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 */

/*修改滚动条样式   start */

/* ::-webkit-scrollbar {
    width: 8px;
}

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

 ::-webkit-scrollbar-thumb {
    width: 8px;
    height: 98px;
    background-color: #fff;
    border-radius: 4px;
} */

*/
/*修改滚动条样式   end

ul,
li,
p {
    margin: 0px;
}


/* 文字一行展示，超过长度用 ... 表示： start */

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

/* 文字一行展示，超过长度用 ... 表示： end */

/* 多行展示，超过长度用 ... 表示： start */

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

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

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

/* 多行展示，超过长度用 ... 表示： end */

/* @font-face {} */

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 0px;
}
.hide {
  display: none;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  background-color: rgba(0, 0, 0, 0.3);
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li a.active span,
.fp-slidesNav ul li:hover a.active span {
  width: 8px;
  height: 8px;
  background-color: #0268f0;
  margin-left: -4px;
}

#fp-nav ul li a.active span:after {
  content: " ";
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  border: 1px solid #0268f0;
  border-radius: 50%;
}