@font-face {
/* font-test*/
font-family: 'my_font',
src:url('./font/arial.ttf'),
src:url('./font/MyriadPro-Regular_0.otf');
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20180316
    样式重置
*/
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, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: '黑体';
	vertical-align: baseline;
	box-sizing: border-box;
}

/*设置后台页面的最小宽度*/
/*html{min-width: 1280px;}*/
/* webkit内核 阻止自动调整主体文字大小： */
body
{
  
    -webkit-text-size-adjust: 100% !important;
    
    color: #333;
    background-color: #fff;
}

/* frameborder="0"设置边框是不否为3维（0=否，1=是） 要在标签内写 为了对付IE fieldset的边框要保留 */
iframe
{
    border-width: 0;
    display: block;
}

/* HTML5 display-role reset for older browsers  */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

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

/*a:focus,
button:focus,
input:focus,
select:focus
{
    outline: 0 none;
}*/

/*a标签样式重置  TODO l（默认）-v（已访问）-h（悬停）-a（鼠标按下）原则 */
a{
	text-decoration: none;
	color: inherit;
	outline: 0;
}
a:hover{text-decoration: none;}

/*a:link{color: #333;}*/
a:visited{color: #333;}
a:hover{color: #333;}
a:active{color: #333;}

button::-moz-focus-inner,
input::-moz-focus-inner
{
    padding: 0;

    border: 0;
}
input,
select,
textarea
{
    border: 1px solid #ccc;
}
input:focus,
textarea:focus
{
    border-color: #ccc;
}

select:hover{cursor: pointer;}
input[type=text],
textarea,
select
{ font-family: '黑体'; }
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button
{
    height: auto;
}
input[type='search']
{
    -webkit-box-sizing: content-box;
            box-sizing: content-box;

    -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration
{
    -webkit-appearance: none;
}
hr
{
    margin-top: 20px;
    margin-bottom: 20px;

    border: 0;
    border-top: 1px solid #eee;
}
/* img */
img
{
    max-width: 100%;
	max-height: 100%;

    vertical-align: middle;

    border-width: 0;
}

input[type=checkbox],
input[type=radio]{cursor: pointer;}
/*------------------------常用样式--------------------------*/
/*清除浮动*/
.clearFix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.mt10{margin-top: 10px;}
.mb10{margin-bottom: 10px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}

.mt20{margin-top: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mr20{margin-right: 20px;}

.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.ml30{margin-left: 30px;}
.mr30{margin-right: 30px;}

.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
.ml40{margin-left: 40px;}
.mr40{margin-right: 40px;}


/*浮动*/
.fl{float: left;}
.fr{float: right;}

/*定位*/
.pr{position: relative;}
.pa{position: absolute;}

/* 字体 */
.txt-right
{
    text-align: right;
}
/*字体左右居中*/
.txt-center
{
    text-align: center;
}
/*英文换行*/
.txt-wrap
{
    word-break: break-all;
}

/*webkit内核黄色背景*/
input:-webkit-autofill {
    /*使用足够大的纯色内阴影覆盖黄色背景*/
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}