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