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, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { 
    margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: inherit;font-family: inherit;vertical-align: baseline;}
*,body{font-family: "Open Sans",PingFangSC-Light,Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑", STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif}

:focus {outline: 0;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
a img, iframe {border: none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ 
ol { margin-left:2em; } 
/* == clearfix == */ 
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
.clearfix{clear: both;}


.fr{float: right;}
.fl{float: left;}

.center {margin: 0 auto;}

a {text-decoration: none;color: #333;font-size: 14px;}

.middle {width: 1200px;margin: 0 auto;padding: 0;}

.width{width: 100%;}

.omit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*居中对齐*/
.center_align{position: absolute;top:0;right: 0;left: 0;bottom:0;margin: auto;}

/*遮幕*/
.mask{position: fixed;width: 100%;height: 100%;background: rgba(31 ,31 ,31,0.7);z-index: 10;top: 0;}