初始版本

statics/mobile/css/base.css

@@ -0,0 +1,165 @@
+@charset "UTF-8";
+/*base.css*/
+html{
+    font-size:12px; 
+    background: #f5f5f5;
+}
+html,body{
+    width:100%;
+    margin:0;
+    overflow:hidden;
+    font-family:'Microsoft YaHei',"Arial";
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color:transparent;
+    -webkit-text-size-adjust:none;
+    -webkit-touch-callout:behavior;
+
+}
+h1,h2,h2,h3,h4,h5,h6{
+    margin:0;
+    font-size:100%;
+}
+p,dl,dd,form,figure{
+    margin:0;
+}
+td,th{
+    padding:0;
+}
+a,a:hover,time{
+    text-decoration:none;
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color:transparent;
+}
+ol,ul{
+    padding:0;
+    margin:0;
+    list-style:none;
+}
+li{
+    list-style-type:none;
+}
+table{
+    border-collapse:collapse;
+}
+img{
+    border:none;
+    vertical-align:middle;
+}
+em,i{
+    font-style:normal;
+}
+a:focus,
+textarea:focus,
+input:focus,
+textarea,input{
+    padding:0;
+    margin:0;
+    resize:none;
+    outline:none;
+    font-family:'Microsoft YaHei';
+    vertical-align:middle;
+    -webkit-appearance:none;
+}
+/*点击链接时周围的虚线框*/
+input::-ms-clear{
+    display:none;
+}
+/*chrome记住密码 input输入框会有黄色*/
+input:-webkit-autofill { 
+    -webkit-box-shadow: 0 0 0px 100px #f9f9f9 inset;
+}
+
+/*html5 reset*/
+header,nav,article,section,aside,footer,figure,figcaption{
+    display:block;
+
+}
+
+/*comm css*/
+.rel{
+    position:relative;
+}
+.abs{
+    position:absolute;
+}
+.dn{
+    display:none;
+}
+.block{ 
+    display:block; 
+}
+.r{
+    float:right;
+}
+.l{
+    float:left;
+}
+.mc{
+    margin-right:auto;
+    margin-left:auto;
+}
+.tl{ 
+    text-align:left; 
+}
+.tr{ 
+    text-align:right; 
+}
+.tc{ 
+    text-align:center; 
+}
+.cl{ 
+    clear:both; 
+}
+.textOverflow{
+    white-space:nowrap;
+    text-overflow:ellipsis;
+    overflow:hidden;
+}
+.textOverflows{
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow : hidden;
+    text-overflow: ellipsis;
+    word-wrap: break-word;
+}
+.textBreak{
+    word-break:break-all;
+　　word-wrap:break-word;
+}
+.textNowrap{
+    white-space:nowrap;
+}
+.col-red{
+    color:red;
+}
+.col-blue{
+    color:blue;
+}
+.col-green{
+    color:green;
+}
+.col-gray{
+    color:gray;
+}
+/* media */
+/* 横屏 */
+@media screen and (orientation:landscape){
+      
+}
+/* 竖屏 */
+@media screen and (orientation:portrait){
+      
+}
+/* 窗口宽度<960,设计宽度=768 */
+@media screen and (max-width:959px){
+      
+}
+/* 窗口宽度<768,设计宽度=640 */
+@media screen and (max-width:767px){
+      
+}
+/* 窗口宽度<640,设计宽度=480 */
+@media screen and (max-width:639px){
+      
+}