/*@import "../js/app/toast/toast.css";*/
|
html{
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
word-break: break-all;
|
-webkit-text-size-adjust:none;
|
text-size-adjust:none;
|
}
|
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var {
|
margin: 0;
|
padding: 0
|
}
|
html,input,textarea,select{font-family: -apple-system-font, Helvetica Neue, Helvetica, STHeiTi, Microsoft Yahei, sans-serif;}
|
body{
|
font: 0.8785vw/1.5 arial,Microsoft YaHei,"\u5b8b\u4f53",sans-serif;
|
-webkit-font-smoothing: antialiased;
|
color: #333;
|
background: #f2f2f2;
|
}
|
a {color: #333;text-decoration: none;}
|
ol,ul{list-style: none;}
|
.flex {
|
display: box;
|
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: -moz-flex;
|
display: -ms-flex;
|
display: -o-flex;
|
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
|
}
|
|
.flex-1 {
|
-webkit-box-flex: 1;
|
flex: 1;
|
-webkit-flex: 1;
|
}
|
.flex-1-w1 {width: 1px;}
|
.w1{width: 0.0732vw;}.h1{height: 0.0732vw;}
|
|
.flex-center {
|
justify-content: center;
|
-webkit-justify-content: 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{
|
-webkit-justify-content: flex-end;
|
justify-content: flex-end;
|
}
|
|
/* flex 换行 */
|
.flex-wrap {
|
flex-wrap: wrap;
|
-webkit-flex-wrap: wrap;
|
}
|
|
/* flex 容器（设置为flex）内子元素向两边顶齐平分 */
|
.flex-sb {
|
justify-content: space-between;
|
-webkit-justify-content: space-between;
|
}
|
|
/* flex 容器（设置为flex）内子元素向两边平分 */
|
.flex-sa {
|
justify-content: space-around;
|
-webkit-justify-content: space-around;
|
}
|
|
/* 容器（设置为flex）内子元素靠最后对齐（水平时比较像右浮动） */
|
.flex-jcfe {
|
justify-content: flex-end;
|
-webkit-justify-content: flex-end;
|
}
|
|
/* 容器（设置为flex）内子元素靠最前对齐（水平时比较像左浮动） */
|
.flex-jcfs {
|
justify-content: flex-start;
|
-webkit-justify-content: flex-start;
|
}
|
|
/* 容器（设置为flex）内子元素等高 */
|
.flex-ais {
|
align-items: stretch;
|
-webkit-align-items: stretch;
|
}
|
|
/* 容器（设置为flex）内子元素置底 */
|
.flex-aife {
|
align-items: flex-end;
|
-webkit-align-items: flex-end;
|
}
|
|
.ell{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
.wsnw{white-space: nowrap;}
|
|
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
|
color: #999;
|
}
|
/* css arrow */
|
.arrow{
|
display: inline-block;
|
border: solid #29262A;
|
border-width: 0.0732vw 0.0732vw 0 0;
|
}
|
.ar-h24{width: 0.6589vw;height: 0.6589vw;}
|
.ar-h20{width: 0.5124vw;height: 0.5124vw;}
|
.arrow-right{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
|
.arrow-down{-webkit-transform: rotate(135deg) translate(-0.1464vw,0.1464vw);transform: rotate(135deg) translate(-0.1464vw,0.1464vw);}
|
.ac{text-align: center;}.ar{text-align: right;}
|
.hide{display: none!important;}
|
|
input::-webkit-outer-spin-button,
|
input::-webkit-inner-spin-button {
|
-webkit-appearance: none;
|
}
|
input[type="number"]{
|
-moz-appearance: textfield;
|
}
|
/*page common*/
|
|
.w{
|
width: 93.7042vw;
|
margin: 0 auto;
|
}
|
.fl{float: left}
|
.fr{float: right}
|
.al{text-align: left;}.ar{text-align: right;}
|
.tdu{text-decoration: underline;}
|
.clear,.clr,.clearfix:after {
|
content: '';
|
display: block;
|
overflow: hidden;
|
clear: both;
|
height: 0;
|
line-height: 0;
|
font-size: 0;
|
}
|
.blue{color: #0084e6;}
|
/* 浅色#23a9fd 中间#218ad9 深色#005bbd */
|
.gray{color: #666;}.g4{color: #444;}
|
.red{color: red;}.green{color: green;}
|
.orange{color: #FC6621;}
|
.vm{vertical-align: middle;}
|
.ml20{margin-left: 1.4641vw;}
|
.fs16{font-size: 1.1713vw;}
|
|
/* ====================================================================== */
|
.fs20{font-size:1.4641vw}
|
html, body{
|
min-height: 100%;
|
}
|
body{
|
height: 100%;
|
/* background: #000; */
|
-webkit-text-size-adjust: 100% !important;
|
text-size-adjust: 100% !important;
|
-moz-text-size-adjust: 100% !important;
|
}
|
#app{
|
user-select: none;
|
-webkit-user-select: none;
|
/* width: 100vw;
|
height: 100vh;
|
background: url(../imgs/bg.jpg) no-repeat;
|
background-size: 100% 100%;
|
min-height: 88.1406vw; */
|
}
|
/* .appContainer{
|
position: relative;width: 100%;
|
min-height: 88.1406vw;
|
} */
|
|
/* 遮罩 */
|
.mask{
|
position: fixed;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
z-index: 10;
|
background: rgba(0,0,0,0.67);
|
}
|
body{
|
overflow: hidden;
|
}
|
/* 页面通用样式 */
|
.page {
|
width: 100vw;
|
height: 100vh;
|
/* width: 1440px;
|
height: 900px; */
|
background-color: rgba(34,123,235,1);
|
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 {
|
height: 100px;
|
}
|
|
.page_header .left {
|
cursor: pointer;
|
}
|
|
.page_logo_1 {
|
width: 50px;
|
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);
|
font-size: 20px;
|
font-family: PingFangSC-regular;
|
text-align: right;
|
margin-left: 33px;
|
}
|
|
.page_week {}
|
|
.page_day {}
|
|
.page_time {
|
line-height: 75px;
|
color: rgba(255,255,255,1);
|
font-size: 54px;
|
font-family: PingFangSC-regular;
|
margin-left: 15px;
|
text-align: right;
|
}
|
|
.page_container {
|
width: 100%;
|
}
|
|
.btn_ani {
|
animation-name: anim_scale;
|
animation-duration: 1.1s;
|
animation-iteration-count: infinite;
|
}
|
|
@keyframes anim_scale {
|
0% {
|
scale: 1;
|
}
|
50% {
|
scale: 1.1;
|
}
|
100% {
|
scale: 1;
|
}
|
}
|
