| | |
| | | flex: 1; |
| | | -webkit-flex: 1; |
| | | } |
| | | .flex-1-w1 {width: 1px;} |
| | | .w1{width: 0.0732vw;}.h1{height: 0.0732vw;} |
| | | |
| | | .flex-center { |
| | |
| | | align-items: center; |
| | | -webkit-align-items: center; |
| | | } |
| | | |
| | | /* 水平居中 */ |
| | | .flex-align-center{ |
| | | justify-content: center; |
| | | -webkit-justify-content: center; |
| | | } |
| | | /* 水平居左 */ |
| | | .flex-align-start{ |
| | | justify-content: start; |
| | | -webkit-justify-content: start; |
| | | } |
| | | /* 水平居右 */ |
| | | .flex-align-end{ |
| | | justify-content: end; |
| | | -webkit-justify-content: end; |
| | | } |
| | | .flex-ver {-webkit-align-items: center;align-items: center;} |
| | | .flex-col {-webkit-flex-flow: column;flex-flow: column;} |
| | | .flex-end{ |
| | |
| | | box-sizing: border-box; |
| | | padding: 0 23px 42px 23px; |
| | | } |
| | | |
| | | /* 避免Chrome浏览器看到Safari黑客 */ |
| | | @supports (-webkit-touch-callout: none) { |
| | | .page { |
| | | /* The hack for Safari */ |
| | | /* height: -webkit-fill-available; */ |
| | | /* height: -webkit-fill-available; */ |
| | | } |
| | | } |
| | | .page_header { |
| | | min-height: 100px; |
| | | height: 100px; |
| | | } |
| | | |
| | | .page_header .left { |
| | | cursor: pointer; |
| | | } |
| | | |
| | | .page_logo_1 { |
| | |
| | | height: 45px; |
| | | display: block; |
| | | } |
| | | |
| | | .page_logo_1 .img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .page_logo_2 { |
| | | width: 132px; |
| | | height: 50px; |
| | | display: block; |
| | | margin-left: 10px; |
| | | } |
| | | |
| | | .page_logo_2 .img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .page_date { |
| | | line-height: 28px; |
| | | color: rgba(255,255,255,1); |
| | |
| | | |
| | | .page_container { |
| | | width: 100%; |
| | | height: calc( 100% - 100px ); |
| | | } |
| | | |
| | | .btn_ani { |
| | |
| | | scale: 1; |
| | | } |
| | | 50% { |
| | | scale: 1.05; |
| | | scale: 1.1; |
| | | } |
| | | 100% { |
| | | scale: 1; |