@import "./normalize.css";
@import "../fonts/iconfont.css";
@import "./productlist.css";
@import "./common.css";
@import "./manager.css";
/*:root -> 获取根元素html*/
:root {
  --color--bgcW:#fff;
  --color--bgcB:#202020;
  --color--bgcO:#f60;
  --color--bgcH:#d7d7d7;
  --text--colorW:#fff;
  --text--colorH:#999;
  --text--colorB:#333;
  --text--colorO:#f60;
  --border--colorH:#eee;
  --font-size: 14px;
  --line-height: 1.5;
}
body {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  user-select: none; /* 禁止用户鼠标在页面上选中文字/图片等 */
  -webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
  background: var(--color-background);
  color: var(--text--colorB);
  max-width: 100vw;
  width: 100%;
  line-height: 1.6;
}

img{
  vertical-align: middle;
}

.fl{
  float: left;
}
.fr{
  float: right;
}

.hot{
  color:#FF0000
}

.fw{
  font-weight: 700;
}

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

input:focus {
  outline: none;
}

ul,li{ padding:0;margin:0;list-style:none}
.type_area{
  width: 80%;
  margin: 0 auto;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover{
  cursor:pointer ;
}

.clear-fix::after {
  clear: both;
  content: '';
  display: block;
  width: 0;
  height: 0;
  visibility: hidden;
}
.clear-fix {
  zoom: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

.fn70{
  font-size: 70px;
}
.fn60{
  font-size: 60px;
}
.fn53{
  font-size: 53px;
}
.fn55{
  font-size: 55px;
}
.fn48{
  font-size: 2.64rem;
}
.fn40{
  font-size: 40px;
}
.fn36{
  font-size: 36px;
}
.fn30{
  font-size: 30px;
}
.fn24{
  font-size: 24px;
}
.fn22{
  font-size: 22px;
}
.fn20{
  font-size: 20px;
}
.fn18{
  font-size: 18px;
}
.fn16{
  font-size: 16px;
}
.fn15{
  font-size: 15px;
}
.fn14{
  font-size: 14px;
}
.fn12{
  font-size: 12px;
}

.w1600{
  width: 83.33%;
  margin: 0 auto;
}
.w1480{
  width: 77.08%;
  margin: 0 auto;
}
.w1440{
  width: 1440px;
  margin: 0 auto;
}
.w1300{
  width: 1300px;
  margin: 0 auto;
}
.w1280{
  width: 66.67%;
  margin: 0 auto;
}
.w1180{
  width: 1180px;
  margin: 0 auto;
}
.w1225{
  width: 63.8%;
  margin: 0 auto;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}
.w1160{
  width: 60.42%;
  margin: 0 auto;
}

.typearea{
  width: 90%;
  margin: 0 auto;
}

.click_tit{
  margin-bottom: 5px;
  color: #333;
  transition: all 0.1s ease-in-out;;
}

.pt40{
  padding-top: 40px;
}

.mt55{
  margin-top: 55px;
}

.mt40{
  margin-top: 40px;
}

.mt30{
  margin-top: 30px;
}

.mt10{
  margin-top: 10px;
}

.mb40{
  margin-bottom: 40px;
}

.pb55{
  padding-bottom: 55px;
}

.product-banner-box{
  position: relative;
  z-index:0;
}
.footer-mod-box{
  position: relative;
  z-index: -2;
}

.colorW{
  color: var(--text--colorW);
}
.colorH{
  color: var(--text--colorH);
}

.tox-tinymce-aux {
  z-index: 9999 !important;
}
.time{
  color: #b9b7b7;
}
.w19{
  width: 19%;
  margin-right: 1.25%;
}
.w19:nth-child(5n){
  margin-right: 0;
}
.w32{
width: 32%;
margin-right: 2%;
}
.w32:nth-child(3n){
margin-right: 0;
}
.w24{
  width: 24%;
  margin-right: 1.3333%;
}
.w24:nth-child(4n){
  margin-right: 0;
}
.w49{
  width: 49.5%;
  margin-right: 1%;
}
.w49:nth-child(2n){
  margin-right: 0;
}

@media only screen and (max-width: 1440px) {
  .w1440,.w1480{
    width: 100%;
  }
  .w1440{
    padding: 0 2%;
  }
}
@media only screen and (max-width: 1300px) {
  .w1300{
    width: 100%;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 1280px) {
  .w1280{
    width: 100%;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 1180px) {
  .w1180{
    width: 100%;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 768px) {
  .w1440,.w1280,.w1180{
    padding: 0;
  }
  .w19,.w24,.w32,.w49{
    width: 100%;
  }
}