添加后台代理代码

codes/agent/game/api/sample/onlinepay/css/style.css

@@ -0,0 +1,165 @@
+body{
+    font-size: 14px;
+    font-family: "微软雅黑";
+    position: relative;
+}
+body,ul,li,article{
+    margin: 0;
+    padding: 0;
+}
+ul,li{
+    list-style: none;
+}
+a{
+    text-decoration: none;
+    color: inherit;
+}
+.text-center{
+    text-align: center;
+}
+.red{
+    color: red;
+}
+.btn{
+    display: inline-block;
+    padding: 8px 14px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 1.42857143;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+    touch-action: manipulation;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    background-image: none;
+    border: 1px solid transparent;
+    /*border-radius: 4px;*/
+    text-decoration: none;
+}
+.btn-blue{
+    color: #fff;
+    background: -moz-linear-gradient(top, #41b8ff, #0b53bb);
+    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#41b8ff),to(#0b53bb));
+    background: -webkit-linear-gradient(top,  #41b8ff, #0b53bb);
+    background: -o-linear-gradient(top,  #41b8ff, #0b53bb);
+    background: -ms-linear-gradient(top,   #41b8ff, #0b53bb);
+    border-color: rgb(253, 253, 254);
+}
+.header{
+    background-color: #2b2b2b;
+    color: #ffffff;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    position: fixed;
+    width: 100%;
+}
+.header .img{
+    position: absolute;
+    left: 0;
+    top: 7px;
+    padding-left: 10px;
+    height: 25px;
+}
+.neirong{
+    padding-top: 40px;
+}
+.neirong ul{
+    padding-top: 15px;
+}
+.neirong ul li{
+    padding: 12px 0;
+    /*text-align: center;*/
+}
+.neirong ul li .name{
+    text-align: right;
+    width: 98px;
+    display: inline-block;
+}
+.neirong ul li .input{
+     height: 35px;
+    line-height: 35px;
+    width: 63%;
+    border: none;
+    outline: none;
+    border-bottom: 1px solid #d8d8d8;
+}
+.foot_btn{
+    width: 45%;
+    margin-top: 25px;
+    height: 32px;
+    line-height: 32px;
+    border-radius: 6px;
+}
+
+.shaoma{
+    z-index: 3;
+    position: absolute;
+    text-align: center;
+    top: 35%;
+    display: none;
+    width: 100%;
+}
+.shaoma .xians{
+    width: 80%;
+    height: 100%;
+    border: 1px solid #d8d8d8;
+    position: relative;
+    background-color: #ffffff;
+    left: 10%;
+    right: 10%;
+
+}
+.shaoma .xians .img_close{
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+.img-responsive{
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+}
+.mt_20{
+    margin-top: 20px;
+}
+.shaoma .xians .qing{
+    width: 70%;
+    height: 80px;
+    background-color: #445e84;
+    color: #ffffff;
+    margin: 0 auto 20px auto;
+}
+.shaoma .xians .qing .sys{
+    width: 50px;
+    height: 50px;
+    display: inline-block;
+    float: left;
+    margin: 15px;
+}
+.shaoma .xians .qing span{
+    margin: 10px;
+    height: 70px;
+    display: block;
+    padding-top: 7%;
+}
+
+@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2)
+{
+    .neirong ul li .input{
+        width: 84%;
+    }
+}
+@media screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2)
+{
+    .neirong ul li .input{
+        width: 84%;
+    }
+}
+