201530126012@qq.com
7 years ago
parent
18ae4c8304
commit
cfa64cd78b
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,16 @@
|
||||
@charset 'utf-8';
|
||||
html{color:#000;background:#FFF;font-family:'Microsoft YaHei',sans-serif,Arial;}
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:'Microsoft YaHei',sans-serif,Arial;}
|
||||
table{border-collapse:collapse;border-spacing:0;}
|
||||
img{border:0;}
|
||||
a{text-decoration:none; color:#333; outline:none;}
|
||||
a:hover{text-decoration:underline;}
|
||||
var,em,strong{font-style:normal;}
|
||||
em,strong,th,var{font-style:inherit;font-weight:inherit;}
|
||||
li{list-style:none;}
|
||||
caption,th{text-align:left;}
|
||||
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
|
||||
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
|
||||
input,button,textarea,select{*font-size:100%;}
|
||||
.clearfix {*zoom: 1;}
|
||||
.clearfix:after {content: '\200B';clear: both;display: block;height: 0px;}
|
||||
@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi" name="viewport" >
|
||||
<link rel="stylesheet" type="text/css" href="reset.css" >
|
||||
<link rel="stylesheet" type="text/css" href="weichat.css">
|
||||
<title>My Wallet</title>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrap">
|
||||
<div class="wallet-content">
|
||||
<div class="wallet-box">
|
||||
<img src="aq.png" >
|
||||
<h2>您的订单已提交</h2>
|
||||
<h3>请耐心等候银行审批</h3>
|
||||
|
||||
<button class="out">返回首页</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom"> </div>
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,283 @@
|
||||
@charset"utf-8";
|
||||
html{
|
||||
background: #f0eff5;
|
||||
}
|
||||
.wrap{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background: #f0f0f0;
|
||||
position: relative;
|
||||
}
|
||||
.top-bar{
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
background: #6C7B8B;
|
||||
position: fixed;
|
||||
}
|
||||
.goback{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.goback img{
|
||||
width: 1em;
|
||||
height:1em;
|
||||
position: absolute;
|
||||
top: 0.5em;
|
||||
left: 0.2em;
|
||||
}
|
||||
.wrap h1{
|
||||
font-size: 1em;
|
||||
color:white;
|
||||
position: absolute;
|
||||
left: 2em;
|
||||
line-height: 2em;
|
||||
}
|
||||
.more{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
.more img{
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0.2em;
|
||||
}
|
||||
.top-con{
|
||||
width: 100%;
|
||||
height: 10em;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
background: #6C7B8B;
|
||||
}
|
||||
.top-con-box{
|
||||
width: 12%;
|
||||
height: 3em;
|
||||
float: left;
|
||||
margin-right:16%;
|
||||
margin-top: 2.5em;
|
||||
position: relative;
|
||||
}
|
||||
.top-con-box:first-child{
|
||||
margin-left: 16%;
|
||||
}
|
||||
.top-con-box:last-child{
|
||||
margin-right: 16%;
|
||||
}
|
||||
.top-con-box img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.top-con-box h4{
|
||||
color:white;
|
||||
font-size:1em;
|
||||
}
|
||||
.top-con-box p{
|
||||
font-size: 0.2em;
|
||||
color:white;
|
||||
}
|
||||
.content{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 12.2em;
|
||||
background: white;
|
||||
}
|
||||
.con-bar{
|
||||
width: 100%;
|
||||
height: 2em;
|
||||
line-height: 2em;
|
||||
color:#696969;
|
||||
}
|
||||
.con-bar h5{
|
||||
font-size: 1em;
|
||||
position: absolute;
|
||||
left: 1em;
|
||||
}
|
||||
.con-box{
|
||||
width:32.6% ;
|
||||
height: 8em;
|
||||
border:1px solid #f0f0f0;
|
||||
float: left;
|
||||
margin-left: -1px;
|
||||
margin-top: -1px;
|
||||
text-align: center;
|
||||
padding-top: 2em;
|
||||
}
|
||||
.con-box img{
|
||||
width: 70%;
|
||||
height: 70%;
|
||||
}
|
||||
.con-box h5{
|
||||
font-size: 0.6em;
|
||||
color:#696969;
|
||||
}
|
||||
.wallet-more{
|
||||
width: 4em;
|
||||
height: 2em;
|
||||
position: absolute;
|
||||
right: 1em;
|
||||
top:0;
|
||||
line-height: 2.5em;
|
||||
color:white;
|
||||
font-size: 0.2em;
|
||||
}
|
||||
.wallet-content{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
top: 2em;
|
||||
text-align: center;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.wallet-box{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.wallet-box img{
|
||||
width: 20%;
|
||||
height: 20%;
|
||||
}
|
||||
.wallet-box h2{
|
||||
font-size: 1em;
|
||||
}
|
||||
.wallet-box h3{
|
||||
font-size: 2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.wallet-box p{
|
||||
font-size: 11px;
|
||||
color:#586699;
|
||||
}
|
||||
.in-int{
|
||||
width: 90%;
|
||||
height: 2.6em;
|
||||
border:none;
|
||||
background: #19ab18;
|
||||
border-radius: 2px;
|
||||
color: white;
|
||||
outline: none;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.out{
|
||||
width: 90%;
|
||||
height: 2.6em;
|
||||
border:1px solid #ccc;
|
||||
border-radius: 2px;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 2em;
|
||||
background: transparent;
|
||||
outline: none;
|
||||
}
|
||||
.bottom{
|
||||
position: absolute;
|
||||
bottom:0.5em;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.qs{
|
||||
font-size: 11px;
|
||||
color:#606f8b;
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
.ser{
|
||||
color:#b8b8ba;
|
||||
font-size: 11px;
|
||||
}
|
||||
.tixian-box{
|
||||
width: 90%;
|
||||
height: 15em;
|
||||
position: absolute;
|
||||
top: 3em;
|
||||
box-shadow: 1px 1px 3px #ccc;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
left: 5%;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.tobank{
|
||||
width: 100%;
|
||||
height: 6em;
|
||||
background:#fcfcfc;
|
||||
}
|
||||
.dzyh{
|
||||
font-size: 0.6em;
|
||||
color:#1a1a1a;
|
||||
position: absolute;
|
||||
left: 8%;
|
||||
top: 5%;
|
||||
}
|
||||
|
||||
.yhk{
|
||||
font-size: 0.8em;
|
||||
color:#565899;
|
||||
position: absolute;
|
||||
top: 5%;
|
||||
left: 30%;
|
||||
}
|
||||
|
||||
.dz{
|
||||
font-size: 0.8em;
|
||||
color:#bdbdbd;
|
||||
position: absolute;
|
||||
top: 14%;
|
||||
left: 30%;
|
||||
}
|
||||
.t-moneys{
|
||||
background: #ffffff;
|
||||
width: 100%;
|
||||
height: 9em;
|
||||
}
|
||||
.txje{
|
||||
font-size: 0.8em;
|
||||
color:#1a1a1a;
|
||||
position: absolute;
|
||||
left: 8%;
|
||||
}
|
||||
.rmb{
|
||||
font-size: 2em;
|
||||
position: absolute;
|
||||
left: 8%;
|
||||
top: 45%;
|
||||
z-index: 9999;
|
||||
}
|
||||
.t-input{
|
||||
width: 75%;
|
||||
height: 2.8em;
|
||||
border:none;
|
||||
border-bottom: 2px solid #e7e7e7;
|
||||
position: relative;
|
||||
left: 3.5%;
|
||||
outline: none;
|
||||
padding-left: 15%;
|
||||
}
|
||||
.kyye{
|
||||
font-size: 0.8em;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 8%;
|
||||
color:#bdbdbd;
|
||||
}
|
||||
.kyye a{
|
||||
color:#565899;
|
||||
text-decoration: none;
|
||||
}
|
||||
#getout{
|
||||
width: 90%;
|
||||
height: 2.5em;
|
||||
position: relative;
|
||||
top:20%;
|
||||
left: 5%;
|
||||
border:none;
|
||||
background: #19ab18;
|
||||
outline: none;
|
||||
border-radius: 2px;
|
||||
color:white;
|
||||
filter: alpha(opacity:40);
|
||||
opacity: 0.4;
|
||||
}
|
||||
Loading…
Reference in new issue