/* 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;
|
}
|
|
/*移动端*/
|
html{font-size: 625%; font-size: 100px; }
|
body{font-size: 0.16rem;}
|
body{ font-family:Arial,"Microsoft Yahei","微软雅黑";-webkit-font-smoothing: antialiased;}
|
|
html,body{
|
height: 100%;
|
}
|
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 * {
|
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
|
}
|
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;
|
}
|
/*common font*/
|
.f12{
|
font-size: .06rem;
|
}
|
.f14{
|
font-size: .07rem;
|
}
|
.f16{
|
font-size: .08rem;
|
}
|
.f18{
|
font-size: .09rem;
|
}
|
.f20{
|
font-size: .1rem;
|
}
|
.f22{
|
font-size: .11rem;
|
}
|
.f24{
|
font-size: .12rem;
|
}
|
.f26{
|
font-size: .13rem;
|
}
|
.f28{
|
font-size: .14rem;
|
}
|
.f30{
|
font-size: .15rem;
|
}
|
.f32{
|
font-size: .16rem;
|
}
|
.f34{
|
font-size: .17rem;
|
}
|
.f36{
|
font-size: .18rem;
|
}
|
.f38{
|
font-size: .19rem;
|
}
|
.f40{
|
font-size: .2rem;
|
}
|
.f48{
|
font-size: .24rem;
|
}
|
.f60{
|
font-size: .3rem;
|
}
|
|
/*comment margin-top*/
|
.m12{
|
margin-top: .06rem;
|
}
|
.m20{
|
margin-top: .1rem;
|
}
|
.m22{
|
margin-top: .11rem;
|
}
|
|
|
/*comment height*/
|
.h66{
|
height: .33rem;
|
}
|
.h90{
|
height: .45rem;
|
}
|
|
.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;}
|
