@charset "utf-8";
/*引入特殊字体*/
@font-face {
	font-family: avenir-heavy; /*这里是说明调用来的字体名字*/
	src: url('../font/Avenir Heavy.ttf'); /*这里是字体文件路径*/
}



/*全局样式重置*/
html{width:100%;min-height:100%;outline:0;-webkit-text-size-adjust:none;font-family: "Microsoft YaHei,PingFang-Regular";}
body{background-color:#fff;color:#333;font-family: "Microsoft YaHei,PingFang-Regular";}
a{outline:0;border:0 none;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333333}
.clearfix:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0;content:'\200B'}
.clearfix{zoom:1}
html{min-width:320px; margin:0 auto;position:relative; height:100%;}
body{min-width:320px;font-size:14px;position:relative;height:auto; min-height:100%; background: #212121;}
.oe{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family: "Microsoft YaHei,PingFang-Regular";}
textarea{-webkit-appearance:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 0;}
html,body{font-family:"Microsoft YaHei, PingFang-Regular", arial, helvetica, sans-serif;  overflow-x: hidden; }
ol,ul,li{list-style:none}
textarea{resize:none;font-family: "PingFang-Regular";}
li{vertical-align:top;vertical-align:bottom}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal}
button[type="submit"],button[type="reset"],input[type="submit"],input[type="reset"],button{cursor:pointer}
fieldset,input,button,object{outline:none}
table{border-collapse:collapse;border-spacing:0}
img{border:none;outline:none; }
a{text-decoration:none;border:none;outline:none;cursor:pointer;color:#000}
.animat{-webkit-transition:all 0.3s ease 0s;  -o-transition:all 0.3s ease 0s;  transition:all 0.3s ease 0s;}
a:hover{-webkit-transition:all .2s ease 0s;  -o-transition:all 0.2s ease 0s;  transition:all 0.2s ease 0s;}
input[type="button"],input[type="submit"],input[type="reset"],input[type="number"] {-webkit-appearance: none;}
textarea{-webkit-appearance: none;}
/*不允许文本域拖动*/
textarea{resize:none;}
/*删除谷歌浏览器input焦点样式*/
*:focus {outline: none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none; padding:0;}
/*重置页面滚动条*/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:#ddd;}
::-webkit-scrollbar-thumb{background-color:#666;}
::-webkit-scrollbar-thumb:hover {background-color:#666}
::-webkit-scrollbar-thumb:active {background-color:#666}
.img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}
/*图片变大*/
.tra {
 -webkit-transform:scale(1);
 -moz-transform:scale(1);
 -ms-transform:scale(1);
 -o-transform:scale(1);
 filter:scale(1);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
.tra:hover {
 -webkit-transform:scale(1.15);
 -moz-transform:scale(1.15);
 -ms-transform:scale(1.15);
 -o-transform:scale(1.15);
 filter:scale(1.15);
 filter:transform;
 transition:all 0.5s ease 0s;
 -webkit-transform:all 0.5s ease 0s;
}
.img-cover {width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;}

.table{display: table;width:100%;height: 100%;margin: 0 auto;}
.cell{display: table-cell;vertical-align: middle;}
/*******************s********分辨率兼容样式属性**************************/
@media screen and (min-width: 320px) {
	html,body{font-size:42.6px;}
}
@media screen and (min-width: 360px) {
	html,body{font-size:48px;}
}
@media screen and (min-width: 375px) {
	html,body{font-size:50px;}
}
@media screen and (min-width: 385px) {
	html,body{font-size:51.3px;}
}
@media screen and (min-width: 400px) {
	html,body{font-size:53.3px;}
}
@media screen and (min-width: 414px) {
	html,body{font-size:55.2px;}
}
@media screen and (min-width: 420px) {
	html,body{font-size:56px;}
}
@media screen and (min-width: 440px) {
	html,body{font-size:58.6px;}
}
@media screen and (min-width: 480px) {
	html,body{font-size:64px;}
}
@media screen and (min-width: 520px) {
	html,body{font-size:69.3px;}
}
@media screen and (min-width: 560px) {
	html,body{font-size:74.6px;}
}
@media screen and (min-width: 580px) {
	html,body{font-size:77.33px;}
}
@media screen and (min-width: 600px) {
	html,body{font-size:80px;}
}
@media screen and (min-width: 640px) {
	html,body{font-size:85.33px;}
}
@media screen and (min-width: 680px) {
	html,body{font-size:90.66px;}
}
@media screen and (min-width: 720px) {
	html,body{font-size:96px;}
}
@media screen and (min-width: 750px) {
	html,body{font-size:100px;}
}
/***************************end分辨率兼容样式属性*************************/