html { color: #000; height: 100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select, button { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { *font-size: 100%; }
input[type=checkbox] { margin-right: 0.5em; }
legend { color: #000; }
header, section, footer, nav { display: block; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-family: "Microsoft YaHei", simSun, "Lucida Grande", "Lucida Sans Unicode", Arial; line-height: 160%; font-size: 14px; color: #333; background: #120e0b url(https://imgtg.37wan.com/u/2026/0302/1772431526791842.jpg) no-repeat 50% 0; }
a { color: #ff9703; text-decoration: none; }
a:hover { color: #ff5c03; text-decoration: underline; }
a.under:link, a.under:active, a.under:visited, a.under:hover { text-decoration: underline; }

.wrap { *zoom: 1; width: 1220px; margin: 0 auto; position: relative; }
.wrap:before, .wrap:after, .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.btn { display: inline-block; background: #ff8533; color: #fff; border: 0; outline: 0; cursor: pointer; text-align: center; border-radius: 4px; transition: all 0.3s ease; }
.btn:hover { background: #ff6a00; text-decoration: none; color: #fff; }
.btn.btndisabled { background: #ffc999; cursor: default; }
.btnSec { background: #ff8533; }

.glareColor, .glareColor a, .glareColor:hover { color: #3598da; }
.orangeColor, .orangeColor:hover { color: #f60; }
.greenColor, .greenColor:hover { color: #390; }
.redColor, .redColor:hover { color: #f00; }
/* 头部样式 */
#header {
    background: url('../images/bg_header.png') no-repeat center top;
    background-size: 100% 100%;
    padding: 4px 0;
    box-shadow: 0 0 7px #888888;
}
#header .header-inner {
    margin: 0 auto;
    width: 700px;
	position: relative;
}
.hd-top{line-height:30px;border-bottom:1px solid #ececec;box-shadow:0 1px 2px rgba(0,0,0,.05);z-index:22}
.hd-nav,.hd-nav .w1000{height:85px}
.hd-nav{box-shadow:0 4px 4px rgba(0,0,0,.2)}
.top-has-msg,.user-info{box-shadow:0 0 5px rgba(0,0,0,.2)}
.logo-icon,.logo-pay,.logo37,.top-has-msg,.top-user{position:absolute}
.header a:hover{text-decoration:none}
.logo37{width:180px;height:20px;left:195px;top:15px;background:url(../images/payzx.gif) no-repeat}
.logo37 a{height:100%;display:block}
.logo-icon{display:block;width:1px;height:40px;left:180px;top:7px;background:#ddd}
.logo-pay{height:42px;left:0px;top:3px;position: relative;overflow: hidden;display: inline-block;line-height:42px}
.logo-pay a{height:100%;display:block}
/* ===== 字体单独设置 ===== */
.logo-pay b {
    margin: 0;
    padding: 0;
    font-family: "LiSu", "STLiti", "SimLi", "STLibian", "KaiTi", serif;
    font-size: 40px;
    font-weight: 400;      /* 隶书本身笔画较粗，保持正常字重即可 */
    color: #006699;        /* 深黑色，显沉稳 */
    letter-spacing: 4px;   /* 隶书结构宽扁，需加大字距避免拥挤 */
    text-transform: none;  /* 保持原字形 */
    display: block;
    height: 100%;
    -webkit-font-smoothing: antialiased;  /* 优化渲染 */
    -moz-osx-font-smoothing: grayscale;
}

.top-user{right:0;top:10px;z-index:5;top:24px}

.payForm {
    background:#FFFFFF;
    padding: 30px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    margin: 2vh auto 0;    /* 顶部 5% 视口高度 */
    width: 700px;
}

/* 支付方式列表 */
.payList { float: none; width: auto; display: flex; gap: 10px; padding: 0; margin: 0; background: none; box-shadow: none; border-radius: 0; }
.payList > li { position: relative; border: none; margin: 0; }
.payList > li > a { display: block; width: 138px; height: 38px; line-height: 38px; padding: 0 !important; text-indent: 52px; font-size: 16px; font-weight: normal; color: #333; background: #fcfcfc; border: 1px solid #eee; border-radius: 4px; cursor: pointer; transition: all .3s ease; }
.payList > li > a::before { content: ""; position: absolute; top: 50%; left: 10px; margin-top: -16px; width: 32px; height: 32px; background: url(../images/payicons.png?v02281) no-repeat 0 0; }
.payList > li > a.i1::before { background-position: 0 0; }
.payList > li > a.i2::before { background-position: -32px 0; }
.payList > li > a.i3::before { background-position: -64px 0; }
.payList > li > a.i4::before { background-position: -96px 0; }
.payList > li > a.i5::before { background-position: -128px 0; }
.payList > li > a:hover { background-color: #f8f9fa; text-decoration: none; }
.payList > li.on > a.i1 { background-color: #00a9f2; border-color: #00a9f2; color: #fff; box-shadow: 0 0 0 3px rgba(0, 169, 242, .08); }
.payList > li.on > a.i1::before { background-position: -97px 0; }
.payList > li.on > a.i2 { background-color: #42b035; border-color: #42b035; color: #fff; box-shadow: 0 0 0 3px rgba(66, 176, 53, .08); }
.payList > li.on > a.i2::before { background-position: -129px 0; }
.payList > li.on > a.i3 { background-color: #CD0000; border-color: #CD0000; color: #fff; box-shadow: 0 0 0 3px rgba(66, 176, 53, .08); }
.payList > li.on::before { content: ""; position: absolute; bottom: 0; right: 0; width: 21px; height: 21px; background: url(../images/payicons.png?v02281) no-repeat -129px -40px; }

.main-header { padding: 10px 10px 10px; font-size: 22px; font-weight: bold; color: #f36b04; }
.form-box { margin: 20px 0; }
.form-box > .form-list { margin-bottom: 20px; }
.form-box > .form-list:before, .form-box > .form-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.form-box > .form-list > .col_form_1 { float: left; width: 17%; padding: 10px; line-height: 22px; text-align: left; }
.form-box > .form-list > .col_form_2 { float: left; width: 80%; }
.form-box > .form-list > .col_form_offset_1 { margin-left: 17%; }
.form-box > .form-list .btn { width: 150px; height: 50px; font-weight: bold; font-size: 16px; }
.form-box .tip_error { color: #f00; }

.form-tip { margin: 20px; padding: 10px 15px; border: 1px solid #eee; line-height: 1.6; color: #565656; }
.form-tip > h4 { color: #333; font-weight: bold; }

.form_control { margin-right: 5px; display: inline-block; width: 200px; height: 42px; padding: 10px; color: #666; background-color: #fff; background-image: none; border: 1px solid #d0d0d0; }
.account-container { position: relative; display: inline-block; }
.account-item { position: relative; display: inline-block; }
#account.on { border-color: #ff9703; color: #390; font-weight: bold;  }
.account-item.on:before { content: ""; position: absolute; bottom: 0; right: 5px; width: 21px; height: 21px; background: url(../images/payicons.png?v02281) no-repeat -129px -40px; }
#confirmAccount { margin-left: 10px; height: 42px; padding: 0 15px; font-weight: bold; }
.form_control:focus { outline: none; border-color: #ff9703; }
textarea.form_control { height: auto; }
.error-tip { margin-left: 10px; color: #f00; font-size: 12px; vertical-align: middle; }

.ui-select { position: relative; float: left; }
.ui-select > ol > li { position: relative; float: left; border: 1px solid #d0d0d0; margin-right: 10px; cursor: pointer; width: 200px; height: 42px; padding: 10px; line-height: 22px; }
.ui-select > ol > li:before { content: ""; position: absolute; top: 50%; right: 12px; margin-top: -3px; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d0d0d0; }
.ui-select > ol > li.disabled { opacity: 0.5; filter: alpha(opacity=50); }
.ui-select > ol > li.on { border-color: #ff9703; }
.ui-select > ol > li.on:before { border-top-color: #ff9703; }
.ui-select > .list { display: none; position: absolute; top: 42px; left: 0; border: 1px solid #d0d0d0; border-top: 0; width: 200px; background-color: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); z-index: 10; height: 160px; overflow: hidden; overflow-y: auto; }
.ui-select > .list > a { display: block; height: 32px; line-height: 32px; color: #333; text-indent: 8px; font-size: 12px; }
.ui-select > .list > a:hover { background-color: #f3f3f3; color: #3598da; text-decoration: none; }

.ui-money { width: 600px; }
.ui-money > li { position: relative; float: left; border: 1px solid #d9d9d9; margin-right: 12px; margin-bottom: 12px; height: 38px; line-height: 38px; text-align: center; width: 15%; cursor: pointer; border-radius: 4px; transition: all 0.3s ease; }
.ui-money > li > input { width: 100%; text-align: center; border: 0; height: 34px; line-height: 34px; background: none; cursor: pointer; outline: none; border-radius: 4px; }
.ui-money > li:hover, .ui-money > li.on { border-color: #ff9703; background: #f8f9fa; }
.ui-money > li.on:before { content: ""; position: absolute; bottom: 0; right: 0; width: 21px; height: 21px; background: url(../images/payicons.png?v02281) no-repeat -129px -40px; }

/* 弹窗样式 */
#divMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); z-index: 100; }
.divMsg { position: fixed; z-index: 101; display: none; width: 500px; top: 50%; left: 50%; margin: 0 auto auto -250px; background: #fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); }
.divMsg > .titlebar { padding: 0 15px; height: 40px; line-height: 40px; background: #ececec; }
.divMsg > .winbody { padding: 20px 20px 25px; text-align: center; }
.divMsg > .winbody > h3 { padding: 15px 0; font-size: 24px; }
.divMsg > .winbody > p { padding-bottom: 30px; font-size: 14px; color: #999; }
.divMsg > .winbody > .btn { width: 150px; padding: 12px 0; font-weight: bold; font-size: 16px; }
.divMsg > .winbody > .msg { margin: 0 auto 15px; width: 90%; font-size: 15px; line-height: 1.6; }
.divMsg > i.close { position: absolute; right: 10px; top: 10px; height: 20px; width: 20px; background: url(../images/payicons.png?v02281) no-repeat -150px -40px; text-indent: -9999em; cursor: pointer; }

/* 结果页面 */
.resultPan { position: relative; width: 900px; margin: auto; padding-left: 110px; }
.resultPan > .icon { position: absolute; top: 0; left: 40px; width: 43px; height: 43px; background: url(../images/payicons.png?v02281) no-repeat -198px -22px; }
.resultPan > .icon.i1 { background-position: 0 -40px; }
.resultPan > .icon.i2 { background-position: -43px -40px; }
.resultPan > .icon.i3 { background-position: -43px -40px; }
.resultPan > .icon.i4 { background-position: -86px -40px; }
.resultPan > .msg { margin-bottom: 40px; line-height: 1.7; }
.resultPan > .msg > h3 { font-size: 18px; }
.resultPan > .msg > p { font-size: 14px; color: #999; }
.resultPan > .details { width: 400px; margin-bottom: 20px; }
.resultPan > .details > table { margin-top: 10px; width: 100%; border: 1px solid #ddd; }
.resultPan > .details > table td { padding: 6px 15px; border: 1px solid #eee; }
.resultPan > .details > table td.tag { width: 30%; color: #999; }
.resultPan > .bar .btn { width: 120px; padding: 10px 0; margin-right: 15px; }
/*-----客服------*/
.kf {
    position: fixed;        /* 改为 fixed，相对于视口固定 */
    width: 88px;
    height: 178px;
    background: url(../images/cz_2.png);
    right: 20px;           /* 改为固定像素值，距离右边缘20px */
    top: 100px;            /* 距离顶部100px */
    z-index: 9999;         /* 确保在最上层 */
}

.footer { padding:10px 0; font-size:12px; color:#999; text-align:center; }