Begin to include bill output

uncloud_django_based/uncloud/static/uncloud_pay/css/style.css

@@ -0,0 +1,115 @@
+body {
+    font-family: Avenir;
+    background: white; 
+    padding: 20px;
+    font-weight: 500;
+    line-height: 1.1;
+    font-size: 14px; 
+    width: 600px;
+     margin: auto;
+      padding-top: 40px;
+       padding-bottom: 15px;
+
+}
+p {
+    display: block;
+    -webkit-margin-before: 14px;
+    -webkit-margin-after: 14px;
+    -webkit-margin-start: 0px;
+    -webkit-margin-end: 0px;
+}
+.bold {
+    font-weight: bold;
+}
+.logo {
+    width: 220px;
+    height: 120px;
+}
+.d1 {
+    width: 60%; 
+    float: left;
+
+}
+.d2 {
+    padding-top: 15px;
+    width: 40%; 
+    float: left; 
+}
+.d4 { 
+    width: 40%; 
+    float: left; 
+}
+.b1 {
+    width: 50%; 
+    float: left; 
+}
+.b2 { 
+    width: 50%; 
+    float: left; 
+    text-align: right;
+    left: 0;
+}
+.d5 {
+    margin-top: 50px;
+    width: 100%;
+}
+.d6 {
+    width: 60%; 
+    float: left;
+    font-size: 13px;
+}
+.d7 {
+    width: 40%; 
+    float: left;
+}
+.wf {
+    width: 100%;
+}
+hr {
+    border: 0;
+    clear:both;
+    display: inline-block;
+    width: 100%;               
+    background-color:gray;
+    height: 1px;
+  }
+  .tl {
+    text-align: left;
+  }
+
+  .tr {
+      text-align: right;
+      float: right;
+  }
+  .pc p {
+    display: block;
+    -webkit-margin-before: 3px;
+    -webkit-margin-after: 5px;
+    -webkit-margin-start: 0px;
+    -webkit-margin-end: 0px;
+}
+  .th {
+      border-top: 1px solid gray;
+      border-bottom: 1px solid gray;
+  }
+  .ts {
+      font-size: 14px;
+  }
+  .icon {
+      width: 16px;
+      height: 14px;
+      vertical-align: middle;
+      margin-right: 2px; 
+  }
+  .footer {
+      margin-top: 70px;
+      font-size: 14px;
+  }
+
+  .footer p {
+    display: block;
+    -webkit-margin-before: 5px;
+    -webkit-margin-after: 5px;
+    -webkit-margin-start: 0px;
+    -webkit-margin-end: 0px;
+}