@charset "utf-8";
* { -webkit-box-sizing: border-box;box-sizing: border-box;}
/**,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;max-height: 100000px;}*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0;padding:0; }
html,body,input, select, textarea /* for ie */{ font: 14px Microsoft YaHei,"宋体", arial,-apple-system, "PingFang SC","Helvetica Neue", Helvetica,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color: #333;/*touch-action: none*/}/** 设置默认字体 **/
header, section, footer, aside, nav, article, figure{ display: block; }
input,button,select,textarea { outline: none;vertical-align: middle;/*解决父级底部多余空白*/-webkit-appearance: none; /*去掉webkit默认的表单样式*/font-size: 100%;/* 使得表单元素在 ie 下能继承字体大小 */border:none;background:none;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 ， 注：optgroup 无法扶正 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; background:none;}
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
object, embed, video { max-width: 100%; }
a:link,a:active,a:visited,a:hover{ text-decoration: none; }
table{ border-collapse: collapse;border-spacing: 0; }
img { border: 0;max-width: 100%;vertical-align: middle; }/*解决父级底部多余空白*/
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
legend { color:#000; }/*for ie6*/
fieldset{ border: 0; }
li{ list-style: none; }
a{ color:inherit; }
/*click outline for firefox*/
button::-moz-focus-inner,
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; }
/*click outline for IE and other browser*/
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="file"] > input[type="button"]:focus { outline: none; }
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,textarea:-ms-input-placeholder,input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color: #ccc; }
*:not(input, select, textarea) { -webkit-user-select: none; }/*禁止选中文本内容*/
::-webkit-scrollbar {display: none;/*隐藏滚轮*/}
/*phone*/
/*给IOS系统里cursor不为pointer的元素添加事件时会不同程度受影响，加上cursor: pointer可解决*/
select,input[type=button], input[type=submit], input[type=file],input[type=checkbox],input[type=radio], button { cursor: pointer;}
img {width:auto\9;/*ie8*/-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/border: none;pointer-events: none;/*阻止图片在微信里被点击放大*/}
/*禁止文本缩放 字体设置 取消touch高亮效果*/
html,body { -webkit-text-size-adjust: 100% !important;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;}
body {font-family:Microsoft YaHei,"宋体", arial,-apple-system, "PingFang SC","Helvetica Neue", Helvetica,'DejaVu Sans','Lucida Grande',Tahoma,'Hiragino Sans GB',STHeiti,SimSun,sans-serif;color: #333;
font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;}
/*兼容微信端滑动到顶部或底部出现的问题*/
/*body::before{ width: 100%;height: 100%;content:'';position: fixed;z-index: -1;top: 0;left: 0; }*/
/*去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android)*/
a,button,input,textarea{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/
img,a{-webkit-touch-callout:none;}
/* other */
/* iconfont*/
@font-face {
font-family: 'iconfont'; /* project id 773620 */
src: url('//at.alicdn.com/t/font_773620_tl97ro8053.eot');
src: url('//at.alicdn.com/t/font_773620_tl97ro8053.eot?#iefix') format('embedded-opentype'),
url('//at.alicdn.com/t/font_773620_tl97ro8053.woff') format('woff'),
url('//at.alicdn.com/t/font_773620_tl97ro8053.ttf') format('truetype'),
url('//at.alicdn.com/t/font_773620_tl97ro8053.svg#iconfont') format('svg');
}
.iconfont {
font-family:"iconfont" !important;
font-size:inherit;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
/* common class */
/*bfc model*/
.bfc-o { overflow: hidden;position: relative;}
.bfc-d,.dib { display: inline-block; vertical-align: top;position: relative;}
.bfc-p { position: absolute; }
.fl { float: left; position: relative; }
.fr { float: right; position: relative; }
.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }
.hide { display:none; }
/*top-fixed and bottom-fixed*/
.tf,.bf{
position: fixed;
width: 100%;
height: 50px;
z-index: 999;
}
.tf{top: 0;}
.bf{bottom: 0;}
/*mask*/
.mask{
position: fixed;
display: none;
width: 100%;
height: 100%;
background: rgba(39, 39, 39, 0.76);
top: 0;
bottom: 0;
margin: auto;
z-index: 999999;
}
/*center-center*/
.cc{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width:100px;
height:100px;
/*box-shadow: 0px 0px 60px 20px #ddd;*/
}
/*close*/
.close{
position: relative;
float: right;
width: 20px;
height: 20px;
line-height: 20px;
background: #f8f8f8;
text-align: center;
cursor: pointer;
}
/*triangle*/
.triangle{
position: absolute;
display: inline-block;
width: 0;
border: 8px solid transparent;
top: 50%;
left: -16px;
margin-top: -8px;
transition: all 0.5s;
}
/*t-o-h-e*/
.oe{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* pc 外体框架 */
.size,.header-wrap{
position: relative;
max-width: 1300px;
min-width: 1020px;
margin: 0 auto;
padding: 0 15px;
overflow: hidden;
}
.clearfix:after,.clearfix:before{content:"";display:table;/*创建匿名的表格单元，触发bfc*/}
.clearfix:after{clear:both;/*清除浮动*/}
.clearfix{zoom:1;/*为IE6，7的兼容性设置*/}
[data-dpr="2"] body{
font-size: 28px;
}
[data-dpr="3"] body{
font-size: 42px;
}
/*init end*/
来源：CSDN
作者：风安•辛幸
链接：https://blog.csdn.net/qq_36278221/article/details/83867562