/*黄老师基础样式*/

@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: #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;transition: all 0.5s;}
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);}
.anisca:hover 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;}
.anitop:hover{-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);}
.anirot:hover 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;}

/*仅仅手机端*/

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