| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265 |
- /*Reset 样式初始化*/
- html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
- br, input, button, textarea, h1, h2, h3, h4, h5,em{
- padding: 0;
- margin: 0;
- font-weight: normal;
- font-style: normal;
- font-size: 12px;
- font-family:"微软雅黑","Tahoma";
- vertical-align: baseline;
- text-align:justify;
- word-wrap:break-word;
- text-justify:inter-ideograph
- }
- body{text-align:center}
- ul, ol, li, h1 {
- line-height:normal;
- list-style-image:none;
- list-style-position:outside;
- list-style-type:none
- }
- dl {
- margin:0
- }
- dd {
- margin-left:0
- }
- a {
- outline:none;
- }
- a img {
- border:0 none
- }
- img {
- vertical-align:middle;
- border:0px
- }
- table {
- border-collapse:collapse
- }
- .clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden
- }
- .clearfix {
- display:inline-block;
- overflow:hidden
- }
- .clearfix {
- display:block
- }
- body {color:#333}
- a {color:#0063db;text-decoration:none}
- a:hover {color:#333}
- /**/
- .clearB {clearfix:both}
- .fL {float:left}
- .fR {float:right}
- .colRed {color:#f70000}
- .colOrange {color:#ed8b00}
- .width960 {width:960px;margin-left:auto;margin-right:auto}
- /*css*/
- body{background:#F2F2F2}
- .warpPay {
- background:#fff;
- margin-top:5px;
- border:1px solid #ccc;
- padding:1px
- }
- .payHeader {
- padding:10px 20px;
- background:#849b2f;
- color:#fff;
- margin:0 0 5px 0
- }
- .payHeader .logo {
- font-size:22px
- }
- .payContent {
- margin:5px 0
- }
- .payContent .payWayTab ul{
- padding:0 20px;
- background:#eeeee2 url(pxline.png) repeat-x left bottom
- }
- .payContent .payWayTab li {
- display:inline-block;
- *display:inline;
- zoom:1;
- height:40px;
- line-height:40px;
- margin:0 10px;
- padding:0 15px;
- background:#f7f7f1;
- border-bottom:1px solid #849B2F;
- cursor:pointer;
- font-size:16px
- }
- .payContent .payWayTab li.hover{
- background:#fff
- }
- .payContent .payWayTab li.now {
- border:1px solid #849B2F;
- border-bottom:1px solid #fff;
- background:#fff;
- cursor:default;
- font-weight:600
- }
- .payContent .wayItem {
- padding:20px 30px 30px 30px;
- position:relative
- }
- .bankWayStep {
- margin:0 0 20px 0
- }
- .bankWayStep span{
- font-size:18px;
- color:#ed8b00
- }
- .bankWayStep b{
- font-size:18px;
- color:#ccc;
- margin:0 10px
- }
- .bankWayStep span.til{
- color:#333
- }
- .bankList dl {
- float:left;
- width:280px;
- margin:0 10px;
- background:#f2f2f2
- }
- .bankList dl dt {
- background:#e1e1e1;
- padding:5px 0 5px 10px;
- font-weight:600;
- }
- .bankList dl dd {
- margin:10px 0
- }
- .bankList dl dd span{
- display:inline-block;
- *display:inline;
- zoom:1;
- width:60px;
- text-align:right;
- font-weight:600
- }
- .wayForm {
- margin:20px 0 0 0
- }
- .wayForm p{
- background:#FFFBCC;
- border:1px solid #E6DB55;
- color:#666452;
- padding:8px 12px
- }
- .wayForm dt {
- font-size:14px;
- margin:10px 0;
- }
- .wayForm dd input{
- height:30px;
- line-height:30px;
- font-size:24px;
- padding:0 5px
- }
- a.subButton,input.subButton {
- background:#4787ed;
- background:-webkit-gradient(linear,center bottom,center top,from(#ff6501),to(#fe7d2a));
- background:-moz-linear-gradient(90deg, #ff6501, #fe7d2a);
- border:1px solid #f05e00;
- color:#f2f2f2;
- padding:8px 24px;
- float:left;
- margin:20px 0;
- cursor:pointer
- }
- a.subButton:hover,input.subButton:hover {
- background:-webkit-gradient(linear,center bottom,center top,from(#fe7d2a),to(#ff6501));
- background:-moz-linear-gradient(90deg, #fe7d2a, #ff6501);
- color:#fff;
- font-weight:600;
- border-color:#ca5000
- }
- a.backButton,input.backButton {
- background:#4787ed;
- background:-webkit-gradient(linear,center bottom,center top,from(#4787ed),to(#4d90fe));
- background:-moz-linear-gradient(90deg, #4787ed, #4d90fe);
- border:1px solid #3079ed;
- margin-right:20px
- }
- a.backButton:hover,input.backButton {
- background:#4787ed;
- background:-webkit-gradient(linear,center bottom,center top,from(#4d90fe),to(#4787ed));
- background:-moz-linear-gradient(90deg, #4d90fe, #4787ed);
- border:1px solid #3079ed
- }
- .rcInput {font-size:20px}
- .rcInput ul{
- margin:10px 0 0 8px
- }
- .rcInput li{
- float:left;
- padding:0px 5px;
- font-size:20px;
- margin:0 10px 0 0
- }
- .rcInput li.focus {
- background: #ff6501;
- color:#fff
- }
- .rcBankTitle{
- font-size:20px;
- margin:20px 0 0 0
- }
- .rcBankList li{
- float:left;
- margin:5px 2px;
- padding:5px 10px
- }
- .rcBankList li.focus{
- background: #ff6501;
- }
- .padySusscusTips {
- margin:100px 0 100px 250px
- }
- .padySusscusTips h1{
- font-size:24px;
- color:#17ab0c
- }
- .padySusscusTips h2{
- font-size:18px
- }
- .promoCode {
- position:absolute;
- width:455px;
- right:30px;
- top:50px;
- border:1px solid #9ADF8F;
- padding:10px 20px;
- background:#f0ffee
- }
- .promoCode h2{
- font-size:24px
- }
- .promoCode input{
- height:30px;
- line-height:30px;
- padding:0 5px;
- margin:10px 0;
- font-size:24px
- }
- .promoCode p{
- background:none;
- border:none;
- padding:0
- }
- .bankPromo {
- top:250px
- }
|