@charset "utf-8";
/* 
如果设计图 640px  
html{
    font-size:31.25vw;
}
如果设计图 750px
html{
    font-size:26.67vw
}
例如:
从设计图量出 216px;
考虑dpr 为 2
216px / 2 == 108px;
108px == 1.08rem 
*/

  /* body {
    font-family: 'MyFont', sans-serif;
  } */

* {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    /* touch-action: none; */
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
/*strong,*/
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font-style: normal;
    font-weight: normal;
}

html,
body {
    /*font-size: 26.67vw;*/
    font-size: 100px;
    width: 100%;
    /* min-width: 1200px!important; */
    min-height: 100%;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    background: #f7f7f7;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
    line-height: 1.5;
    color: #202124;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
    overflow-x: auto;
    overflow-y: auto;
}

img {
    border: 0 none;
    vertical-align: top;
}

ol,
ul,
li {
    list-style: none;
}

input,
select,
button,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: inherit;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
    color: #202124;
}

input[type="text"],
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: none;
    /*解决iPhone圆角问题*/
    border-radius: 0;
    /*解决iPhone圆角问题*/
    resize: none;
    /* 禁止缩放表单 */
}

/* body::-webkit-scrollbar {
    width: 0;
    height: 0;
} */
body::-webkit-scrollbar {
    width: 5px; 
 }

body::-webkit-scrollbar-track {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background: #ebebeb;
  border-radius: 25px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block;
}

sub,
sup {
    font-size: 75%;
    /*字体75%继承父级*/
    line-height: 0;
    /*行高为0*/
    position: relative;
    /*绝对定位*/
    vertical-align: baseline;
    /*设置元素的垂直对齐方式。----默认值:baseline*/
}

a:active,
a:hover,
a:link,
a:visited {
    background: 0 0;
    /*默认值*/
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    /*这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。
          要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。*/
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    /*outline （轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。*/
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0px;
    clear: both;
    visibility: hidden;
}

html {
    font: 12px "苹方简", Microsoft YaHei, Verdana, Arial, Helvetica, sans-serif, Source Han Sans CN;
    top: 0px;
    bottom: 0px;
}

body,
div,
p,
ul,
li,
dl,
dt,
dd,
span,
h1,
h2,
h3,
h4,
ol,
forms,
fieldset,
input,
textarea,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #f4f4f4;
    top: 0px;

    bottom: 0px;
    font-family: Source Han Sans CN;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
    color: #666;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

em,
/*strong,*/
b,
u,
i {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

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

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-size: 100%;
}

img {
    border: 0 none;
    display: block;
    /* vertical-align:middle; */
    object-fit: cover;
}

input {
    border: none;
}

button {
    margin: 0;
    padding: 0;
}

button,
optgroup,
option,
select,
textarea {
    color: #fff;
}

form,
input,
textarea {
    border: 0;
    outline: 0;
    font-family: PingFangSC-Regular, sans-serif, PingFangSC-Light, sans-serif, "Microsoft YaHei", arial;
}

button,
input,
optgroup,
option,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

/* -webkit-text-size-adjust:none; */

* { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }
html,body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, select {margin:0;padding:0;}
html,body{font-family:"苹方简",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%;color:#202124;margin:0;padding:0;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul, li {list-style:none;}
fieldset, img {border:0;}
q:before, q:after {content:'';}
a:focus, input, textarea {outline-style:none;}/*对ie7+有效*/
input:focus{
	outline: 1px solid #0E7AF4;
}
input[type="text"], input[type="password"], textarea {outline-style:none;-webkit-appearance:none;}
textarea {resize:none}
address, caption, cite, code, dfn, em, i, th, var, b {font-style:normal;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
a {text-decoration:none; color: #333;}
a:hover {text-decoration:none;}
img{border:0;vertical-align:middle; object-fit: cover;}
select {
	outline: none;
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: 1px solid #d8d8d8;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	/* background: url("../img/down.png") no-repeat scroll right center transparent; */
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.fl{float: left;}
.fr{float: right;}
.clearfix::after {display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix {zoom:1}
.ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.disblock{display: block;}
.disnone{display: none;}