/*黄老师基础样式*/
@charset "utf-8"; 

@font-face {
  font-family: 'AlibabaPuHuiTi-3-45-Light';
  /* 引用字体文件，注意路径相对于 CSS 文件的位置 */
  src: url('/static/fonts/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff2') format('woff2'),
       url('/static/fonts/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff') format('woff'),
       url('/static/fonts/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.ttf') format('truetype');
  font-weight: 300; /* Light 对应 300 */
  font-style: normal;
  /* 关键属性：font-display: swap 让浏览器先显示系统默认字体，等下载完了再切换，防止白屏 */
  font-display: swap; 
}
html,body,div,h1,h2,h3,h4,h5,h6,hr,p,i,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,object,code,em,span,legend,button,input,textarea,th,td,a,img,header,footer,nav,aside,audio,datalist,section{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "AlibabaPuHuiTi-3-45-Light";border: none;outline: none;color: #333;font-size: 16px;}
ul,ol,ul li,ol li{list-style: none;}
form label{cursor: pointer;}
textarea{resize: none;-webkit-appearance: none;}
img{display: inline-block;vertical-align: middle;border: 0;}
table{border-collapse: collapse;display: table;width: 100%;border-spacing: 0;}
button,input[type="reset"],input[type="button"],input[type="submit"]{line-height: normal !important;-webkit-appearance: none;}
a{display: inline-block;text-decoration: none;cursor: pointer;color: #333;}
span,i,b{display: inline-block;}
p{display: block;width: 100%;}
input,button{display: inline-block;border: none;outline: none;background: none;-webkit-appearance: none;vertical-align: middle;}
input,textarea,select,button,fieldset,object{-moz-appearance: none;outline: none;-moz-outline: none;-webkit-box-shadow: none;box-shadow: none;-moz-box-shadow: none;}
textarea{resize: none;-webkit-appearance: none;}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],input[type="button"],button{cursor: pointer;}
i{font-style: inherit;}

/* 3. 确保表单元素也继承字体 */
input, textarea, select, button { 
  font-family: inherit;
}

html{font-size:100px}

/*黄老师自定义样式*/

.touper{text-transform: uppercase;}
.tolower{text-transform: lowercase;}
.tocapit{text-transform: capitalize;}
.oe{display: block;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dot2{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot3{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.dot4{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.dot5{overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.bgcov1,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov1{
    /*background-size: cover !important;*/
background-size: contain !important;
    }
.bg100{background-size: 100% 100% !important;}
.imgcov{width: 100%;height: 100%;max-width: 100%;max-height: 100%;-o-object-fit: cover;object-fit: cover;}

/*表单默认placeholder颜色*/

input::-ms-clear,input::-ms-reveal,input::-o-clear{display: none;}
input::-webkit-input-placeholder{ color: #bbb;}
input::-moz-placeholder{ color: #bbb;}
input:-moz-placeholder{ color: #bbb;}
input:-ms-input-placeholder{ color: #bbb;}
textarea::-ms-clear,textarea::-ms-reveal,textarea::-o-clear{display: none;}
textarea::-webkit-input-placeholder{ color: #bbb;}
textarea::-moz-placeholder{ color: #bbb;}
textarea:-moz-placeholder{ color: #bbb;}
textarea:-ms-input-placeholder{ color: #bbb;}

/*清除浮动*/

.clearfix:after{ clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix:after{ _zoom: 1;}

/*图片缩放*/

.anisca{cursor: pointer;overflow: hidden;}
.anisca img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
@media (any-hover: hover){
  /*--*/
  .anisca:hover img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
  }
@media screen and (max-width: 1000px){
  /*--*/
  .anisca:active img{-webkit-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
  }

/*图片上浮*/

.anitop{ -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
@media (any-hover: hover){
  /*--*/
  .anitop:hover{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
  }
@media screen and (max-width: 1000px){
  /*--*/
  .anitop:active{-webkit-transform: translate3d(0, -3%, 0);transform: translate3d(0, -3%, 0);cursor: pointer;}
  }

/*图片旋转*/

.anirot{cursor: pointer;overflow: hidden;}
.anirot img{cursor: pointer;-webkit-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
@media (any-hover: hover){
  /*--*/
  .anirot:hover img{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
  }
@media screen and (max-width: 1000px){
  /*--*/
  .anirot:active img{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
  }

/*美化滚动条：https://www.jianshu.com/p/c2addb233acd*/

::-webkit-scrollbar{ width: 12px; height: 1px;}
::-webkit-scrollbar-thumb{ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #999;}
::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}

/*仅仅手机端*/

@media screen and (max-width: 1000px){
  /*--*/
  a,input[type='submit'],input[type='reset'],button,p,div{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; -webkit-appearance: none; outline: none; border: none;}
  html,body{min-width: 320px;max-width: 750px;margin: 0 auto;}
  html, body, div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, object, code, em, span, legend, button, input, textarea, th, td, a, img, header, footer, nav, aside, audio, datalist, section{font-size: 0.28rem;}
  }

/*为了解决layer.msg弹窗的文字被改成了黑色的bug*/

.layui-layer-hui .layui-layer-content{color: #fff;}

/*定义版心*/
.page-main .banXin1600,.page-main .banXin1440{max-width: 1200px;}
.banXin1200{width: 1200px;margin: 0 auto;}
.banXin1440{width: 1440px;margin: 0 auto;}
.banXin1600{width: 1600px;margin: 0 auto;}
@media screen and (max-width: 1700px){
  /*--*/
  .banXin1200,.banXin1440,.banXin1600{width: 100%;}
  /*--*/
  }
@media screen and (max-width: 1366px){
  /*--*/
  .banXin1200,.banXin1440,.banXin1600{width: 92%;}
  /*--*/
  }

/*~~~*/

@media screen and (max-width: 1200px){
  /*--*/
  .banXin1200,.banXin1440,.banXin1600{width: 95%;}
  /*--*/
  }

/*~~~*/

@media (any-hover: hover){
  /*--*/
  /*--*/
  }

/*电脑和手机的返回顶部*/

#backTopBtn{position: fixed;right: 50px;bottom: 10%;z-index: 99999;cursor: pointer;width: 36px;height: 36px;display: none;}
#backTopBtn img{width: 100%;height: 100%;display: block;}
@media (max-width:1000px){
  /*1000px*/
  #backTopBtn{right: 0.2rem;width: 0.4rem;height: 0.4rem;}
  }