/*黄老师基础样式*/

@charset "utf-8";
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{-webkit-box-sizing: border-box;box-sizing: border-box;font-style: normal;margin: 0;padding: 0;font-family: "Microsoft YaHei";border: none;outline: none;color: #555;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: #555;transition: all 0.4s;}
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;}

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

.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: 2;-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;}
.bgcov,.bg100{display: block;width: 100%;background-repeat: no-repeat !important;background-position: center center !important;}
.bgcov{background-size: cover !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: 5px; 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;}

/*仅仅电脑端*/

body{padding-top: 75px;}

@media screen and (max-width: 1000px){
  /*--*/
  body{padding-top: 0;}
  }

/*仅仅手机端*/

@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;}
  /*手机端必须去掉指定所有元素的动画效果，否则会造成页面刚刚加载的时候到处都在动画很难看，不能全部重置，否则有些本身动画不显示了*/
  a,.pcHeader2 .searchDiv input{transition: none !important;}
  html{background: #f5f5f5;}
  body{background: #fff;}
  }

/*定义版心*/

.banXin1{width: 75%;margin: 0 auto;}
.banXin2{width: 75%;margin: 0 auto;}
@media screen and (max-width: 1300px){
  /*--*/
  .banXin1,.banXin2{width: 90%;}
  }
@media screen and (max-width: 1150px){
  /*--*/
  .banXin1,.banXin2{width: 92%;}
  }

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

#backTopBtn{position: fixed;right: 50px;bottom: 20%;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: 30px;height: 30px;}
  }

/*主题蓝色：#2cb5e7*/


/*主题蓝色：rgba(44,181,231,0.1)*/


/*蓝色悬浮：#139dcf*/


/*主题红色：#fe0100*/


/*主题红色：rgba(254,1,0,0.1)*/
