| 提交 | 用户 | age | ||
| 36e1de | 1 | /*@import "../js/app/toast/toast.css";*/ |
| L | 2 | html{ |
| 3 | -webkit-tap-highlight-color: rgba(0,0,0,0); | |
| 4 | word-break: break-all; | |
| 5 | -webkit-text-size-adjust:none; | |
| 6 | text-size-adjust:none; | |
| 7 | } | |
| 8 | 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 { | |
| 9 | margin: 0; | |
| 10 | padding: 0 | |
| 11 | } | |
| 12 | html,input,textarea,select{font-family: -apple-system-font, Helvetica Neue, Helvetica, STHeiTi, Microsoft Yahei, sans-serif;} | |
| 13 | body{ | |
| 14 | font: 12px/1.5 arial,Microsoft YaHei,"\u5b8b\u4f53",sans-serif; | |
| 15 | -webkit-font-smoothing: antialiased; | |
| 16 | color: #333; | |
| 17 | background: #f2f2f2; | |
| 18 | } | |
| 19 | a {color: #333;text-decoration: none;} | |
| 20 | ol,ul{list-style: none;} | |
| 21 | .flex { | |
| 22 | display: box; | |
| 23 | display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ | |
| 24 | display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ | |
| 25 | display: -ms-flexbox; /* TWEENER - IE 10 */ | |
| 26 | display: -webkit-flex; /* NEW - Chrome */ | |
| 27 | display: -moz-flex; | |
| 28 | display: -ms-flex; | |
| 29 | display: -o-flex; | |
| 30 | display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ | |
| 31 | } | |
| 32 | ||
| 33 | .flex-1 { | |
| 34 | -webkit-box-flex: 1; | |
| 35 | flex: 1; | |
| 36 | -webkit-flex: 1; | |
| 37 | } | |
| 38 | .w1{width: 1px;}.h1{height: 1px;} | |
| 39 | ||
| 40 | .flex-center { | |
| 41 | justify-content: center; | |
| 42 | -webkit-justify-content: center; | |
| 43 | align-items: center; | |
| 44 | -webkit-align-items: center; | |
| 45 | } | |
| 46 | ||
| 47 | .flex-ver {-webkit-align-items: center;align-items: center;} | |
| 48 | .flex-col {-webkit-flex-flow: column;flex-flow: column;} | |
| 49 | /* flex 换行 */ | |
| 50 | .flex-wrap {-webkit-flex-wrap: wrap;flex-wrap: wrap;} | |
| 51 | .flex-end{ | |
| 52 | -webkit-justify-content: flex-end; | |
| 53 | justify-content: flex-end; | |
| 54 | } | |
| 55 | .flex-sb{ | |
| 56 | -webkit-justify-content: space-between; | |
| 57 | justify-content: space-between; | |
| 58 | } | |
| 59 | ||
| 60 | .ell{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} | |
| 61 | .wsnw{white-space: nowrap;} | |
| 62 | ||
| 63 | input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ | |
| 64 | color: #999; | |
| 65 | } | |
| 66 | /* css arrow */ | |
| 67 | .arrow{ | |
| 68 | display: inline-block; | |
| 69 | border: solid #29262A; | |
| 70 | border-width: 1px 1px 0 0; | |
| 71 | } | |
| 72 | .ar-h24{width: 9px;height: 9px;} | |
| 73 | .ar-h20{width: 7px;height: 7px;} | |
| 74 | .arrow-right{-webkit-transform: rotate(45deg);transform: rotate(45deg);} | |
| 75 | .arrow-down{-webkit-transform: rotate(135deg) translate(-2px,2px);transform: rotate(135deg) translate(-2px,2px);} | |
| 76 | .ac{text-align: center;}.ar{text-align: right;} | |
| 77 | .hide{display: none!important;} | |
| 78 | ||
| 79 | input::-webkit-outer-spin-button, | |
| 80 | input::-webkit-inner-spin-button { | |
| 81 | -webkit-appearance: none; | |
| 82 | } | |
| 83 | input[type="number"]{ | |
| 84 | -moz-appearance: textfield; | |
| 85 | } | |
| 86 | /*page common*/ | |
| 87 | ||
| 88 | .w{ | |
| 89 | width: 1280px; | |
| 90 | margin: 0 auto; | |
| 91 | } | |
| 92 | .fl{float: left} | |
| 93 | .fr{float: right} | |
| 94 | .al{text-align: left;}.ar{text-align: right;} | |
| 95 | .tdu{text-decoration: underline;} | |
| 96 | .clear,.clr,.clearfix:after { | |
| 97 | content: ''; | |
| 98 | display: block; | |
| 99 | overflow: hidden; | |
| 100 | clear: both; | |
| 101 | height: 0; | |
| 102 | line-height: 0; | |
| 103 | font-size: 0; | |
| 104 | } | |
| 105 | .blue{color: #0084e6;} | |
| 106 | /* 浅色#23a9fd 中间#218ad9 深色#005bbd */ | |
| 107 | .gray{color: #666;}.g4{color: #444;} | |
| 108 | .red{color: red;}.green{color: green;} | |
| 109 | .orange{color: #FC6621;} | |
| 110 | .vm{vertical-align: middle;} | |
| 111 | .ml20{margin-left: 20px;} | |
| 112 | .fs16{font-size: 16px;} | |
| 113 | ||
| 114 | /* ====================================================================== */ | |
| 115 | .fs20{font-size:20px} | |
| 116 | html, body{ | |
| 117 | min-height: 100%; | |
| 118 | } | |
| 119 | body{ | |
| 120 | height: 100%; | |
| 121 | /* background: #000; */ | |
| 122 | -webkit-text-size-adjust: 100% !important; | |
| 123 | text-size-adjust: 100% !important; | |
| 124 | -moz-text-size-adjust: 100% !important; | |
| 125 | } | |
| 126 | #app{ | |
| 127 | user-select: none; | |
| 128 | -webkit-user-select: none; | |
| 129 | /* width: 100vw; | |
| 130 | height: 100vh; | |
| 131 | background: url(../imgs/bg.jpg) no-repeat; | |
| 132 | background-size: 100% 100%; | |
| 133 | min-height: 1204px; */ | |
| 134 | } | |
| 135 | /* .appContainer{ | |
| 136 | position: relative;width: 100%; | |
| 137 | min-height: 1204px; | |
| 138 | } */ | |
| 139 | ||
| 140 | /* 遮罩 */ | |
| 141 | .mask{ | |
| 142 | position: fixed; | |
| 143 | top: 0; | |
| 144 | left: 0; | |
| 145 | right: 0; | |
| 146 | bottom: 0; | |
| 147 | z-index: 10; | |
| 148 | background: rgba(0,0,0,0.8); | |
| 149 | } | |
