/* CSS Document */ @charset "utf-8"; *{ padding: 0; margin: 0; /*border: 0;*/ -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -ms-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; } *:not(input,textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } img{ pointer-events: none; } /*移动端*/ blockquote, body, dd, dir, dl, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, input[type=checkbox], input[type=radio], input[type=range], listing, menu, ol, p, plaintext, pre, ul, xmp { margin: 0; } button, dir, fieldset, input, input[type=button], input[type=checkbox], input[type=file], input[type=hidden], input[type=image], input[type=password], input[type=radio], input[type=range], input[type=reset], input[type=search], input[type=submit], isindex, legend, menu, ol, textarea, ul { padding: 0; } html, body { height: 100%; width: 100%; font-size: 0.347rem; } body{ font-family:Arial,"Microsoft Yahei","微软雅黑";-webkit-font-smoothing: antialiased;} html * { outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; } input, select, textarea { -webkit-tap-highlight-color: transparent; -webkit-appearance: none; border: 0; border-radius: 0 } h1,h2,h3,h4,h5.h6{ font-weight: normal; } b,i,strong{ font-weight: normal; font-style: normal; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } button, input, select { color: inherit } button, input, select, textarea { font-family: inherit; font-weight: inherit; font-size: inherit; margin: 0; } address, cite, dfn, em, i, var { font-style: normal; } table { border-collapse: collapse; border-spacing: 0; font-family: normal; } fieldset, iframe { border: 0; } ol, ul { list-style: none } a{ color: #333; text-decoration:none; } /*IE7不支持的清除浮动*/ .clearfix:after{ visibility:hidden; display:block; font-size:0; content:"."; clear:both; height:0; } * html .clearfix{ zoom:1; } /*全版本兼容清楚浮动*/ .clears{ clear:both; line-height:0px; overflow:hidden; font-size:0px; height:0px;} input,textarea,select{font-family:Verdana,Arial,"Microsoft Yahei","微软雅黑";} a{color: #333;text-decoration: none;} a:hover {color: inherit;} .mui-flex { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box ; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox ; /* TWEENER - IE 10 */ display: -webkit-flex ; /* NEW - Chrome */ display: flex ; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .mui-flex .mui-flex { display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox !important; /* TWEENER - IE 10 */ display: -webkit-flex !important; /* NEW - Chrome */ display: flex !important; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .mui-flex, .mui-flex *, .mui-flex:after, .mui-flex:before { box-sizing: border-box } .mui-flex.vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .mui-flex.vertical.reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .mui-flex.vertical >.cell { width: auto } .mui-flex.vertical > .cell > .inner { position: absolute; width: 100%; height: 100% } .mui-flex.horizental { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .mui-flex.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .mui-flex.justify-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .mui-flex.justify-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .mui-flex.justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mui-flex.justify-between { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .mui-flex.justify-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .mui-flex.align-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .mui-flex.align-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .mui-flex.align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .mui-flex.align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .mui-flex.align-stretch .cell { height: auto !important } .mui-flex.center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .mui-flex > .cell { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1; /* OLD - Firefox 19- */ /*width: 20%; /!* For old syntax, otherwise collapses. *!/*/ -webkit-flex: 1; /* Chrome */ -ms-flex: 1; /* IE 10 */ flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0; position: relative } .mui-flex.vertical > .cell { width: auto; height: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; /*max-height: 100%;*/ /*max-width: inherit;*/ display: block; padding: 0; position: relative } .mui-flex > .cell.fixed { -webkit-box-flex: 0 !important; -webkit-flex: none !important; -ms-flex: none !important; flex: none !important; width: auto } .mui-flex > .cell.self-start { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .mui-flex > .cell.self-end { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end } .mui-flex > .cell.self-center { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center } .cat{ -webkit-box-flex: 3; -moz-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; } .covers{position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;background: rgba(0,0,0,.8);text-align: center;z-index: 99999999;display: none;} .covers img{width: 450px;height: 340px;margin-top: 100px;}