Authored by 陈峰

合并featrue/seckill分支修改的公共样式对width750的支持

@@ -10,7 +10,6 @@ @@ -10,7 +10,6 @@
10 box-sizing: border-box; 10 box-sizing: border-box;
11 -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 11 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
12 } 12 }
13 -  
14 html, 13 html,
15 body { 14 body {
16 width: 100%; 15 width: 100%;
@@ -18,6 +17,15 @@ body { @@ -18,6 +17,15 @@ body {
18 font-family: helvetica, Arial, "黑体"; 17 font-family: helvetica, Arial, "黑体";
19 line-height: 1.4; 18 line-height: 1.4;
20 } 19 }
  20 +.width750 {
  21 + font-size: 28px;
  22 + .main-wrap {
  23 + max-width: 750px;
  24 + }
  25 + .good-failure {
  26 + background-size: 155px !important;
  27 + }
  28 +}
21 29
22 button, 30 button,
23 input, 31 input,
  1 +.width750 {
  2 + .yoho-footer {
  3 + font-size: 28px;
  4 + }
  5 + .op-row {
  6 + padding: 0 35px;
  7 + height: 140px;
  8 + line-height: 140px;
  9 + .user-name {
  10 + margin-right: 1.17em;
  11 + margin-left: 0.35em;
  12 + max-width: 234px;
  13 + }
  14 + .back-to-top {
  15 + right: 47px;
  16 + }
  17 + .sep-line {
  18 + margin: 0 0.35em;
  19 + }
  20 +
  21 + }
  22 + .copyright {
  23 + height: 140px;
  24 + line-height: 140px;
  25 + }
  26 +}
1 .yoho-footer { 27 .yoho-footer {
2 position: relative; 28 position: relative;
3 width: 100%; 29 width: 100%;
@@ -10,7 +10,36 @@ @@ -10,7 +10,36 @@
10 font-size: 20PX; 10 font-size: 20PX;
11 line-height: 90px; 11 line-height: 90px;
12 } 12 }
13 - 13 +.width750 {
  14 + .yoho-header {
  15 + height: 105px;
  16 + line-height: 105px;
  17 + .nav-back {
  18 + left: 12px;
  19 + width: 105px;
  20 + height: 105px;
  21 + line-height: 105px;
  22 + }
  23 + .nav-home {
  24 + right: 12px;
  25 + width: 105px;
  26 + height: 105px;
  27 + line-height: 105px;
  28 + }
  29 + .nav-btn {
  30 + right: 12px;
  31 + width: 105px;
  32 + height: 105px;
  33 + line-height: 105px;
  34 + }
  35 + .nav-title {
  36 + margin-right: 117px;
  37 + margin-left: 117px;
  38 + font-size: 42px;
  39 + font-weight: normal;
  40 + }
  41 + }
  42 +}
14 .yoho-header { 43 .yoho-header {
15 position: relative; 44 position: relative;
16 z-index: 1; 45 z-index: 1;
@@ -76,6 +105,18 @@ @@ -76,6 +105,18 @@
76 } 105 }
77 } 106 }
78 107
  108 +.width750 {
  109 + .system-update {
  110 + height: 105px;
  111 + line-height: 105px;
  112 + .system-header {
  113 + font-size: 70px;
  114 + }
  115 + span {
  116 + font-size: 94px;
  117 + }
  118 + }
  119 +}
79 .system-update { 120 .system-update {
80 display: none; 121 display: none;
81 overflow: hidden; 122 overflow: hidden;
@@ -106,6 +147,24 @@ @@ -106,6 +147,24 @@
106 } 147 }
107 } 148 }
108 149
  150 +.width750 {
  151 + .homebuttom {
  152 + height: 105px;
  153 + ul {
  154 + padding-top: 14px;
  155 + li {
  156 + i {
  157 + margin-bottom: 9px;
  158 + }
  159 +
  160 + span {
  161 + line-height: 47px;
  162 + font-size: 16px;
  163 + }
  164 + }
  165 + }
  166 + }
  167 +}
109 .homebuttom { 168 .homebuttom {
110 position: relative; 169 position: relative;
111 z-index: 2; 170 z-index: 2;
@@ -14,7 +14,19 @@ @@ -14,7 +14,19 @@
14 opacity: 1; 14 opacity: 1;
15 } 15 }
16 } 16 }
17 - 17 +.width750 {
  18 + .loading {
  19 + margin-top: -23px;
  20 + margin-left: -70px;
  21 + width: 140px;
  22 + height: 47px;
  23 + > div {
  24 + margin: 5px;
  25 + width: 35px;
  26 + height: 35px;
  27 + }
  28 + }
  29 +}
18 .loading-mask { 30 .loading-mask {
19 position: fixed; 31 position: fixed;
20 top: 0; 32 top: 0;