@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;
}