/*@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: 12px/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;
|
}
|
.w1{width: 1px;}.h1{height: 1px;}
|
|
.flex-center {
|
justify-content: center;
|
-webkit-justify-content: center;
|
align-items: center;
|
-webkit-align-items: center;
|
}
|
|
.flex-ver {-webkit-align-items: center;align-items: center;}
|
.flex-col {-webkit-flex-flow: column;flex-flow: column;}
|
/* flex 换行 */
|
.flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;}
|
.flex-end{
|
-webkit-justify-content: flex-end;
|
justify-content: flex-end;
|
}
|
.flex-sb{
|
-webkit-justify-content: space-between;
|
justify-content: space-between;
|
}
|
|
.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: 1px 1px 0 0;
|
}
|
.ar-h24{width: 9px;height: 9px;}
|
.ar-h20{width: 7px;height: 7px;}
|
.arrow-right{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
|
.arrow-down{-webkit-transform: rotate(135deg) translate(-2px,2px);transform: rotate(135deg) translate(-2px,2px);}
|
.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: 1280px;
|
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: 20px;}
|
.fs16{font-size: 16px;}
|
|
/* ====================================================================== */
|
.fs20{font-size:20px}
|
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: 1204px; */
|
}
|
/* .appContainer{
|
position: relative;width: 100%;
|
min-height: 1204px;
|
} */
|
|
/* 遮罩 */
|
.mask{
|
position: fixed;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
z-index: 10;
|
background: rgba(0,0,0,0.8);
|
}
|
