﻿body
{
    color: #484954;
    font: 12px/1.5 arial, "Hiragino Sans GB" ,simsun, "Source Han Sans CN";
}
*
{
    padding: 0;
    margin: 0;
    border: 0;
}
.clear
{
    clear: both;
    content: ".";
    display: none;
}
.clearfix {
    zoom: 1;
   
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
}
ul
{
    zoom: 1;
}
ul:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
}

#mainpayform {
    zoom: 1;
}
#mainpayform:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
}

.header
{
    background: #446bba;
    height: 69px;
    text-align: right;
    margin-bottom: 14px;
    color: #e5e5e5;
    min-width: 960px;
    width: 100%;
}
.header-wrap
{
    width: 960px;
    margin: 0 auto;
}
.logo-a
{
    text-indent: -9999em;
    display: block;
    background: url('../images/logo.png') no-repeat;
    width: 213px;
    height: 65px;
    float: left;
}
.header-wrap ul
{
    list-style: none;
    float: right;
    margin-top: 40px;
}
.header-wrap ul li
{
    float: left;
    width: 120px;
    font-size: 12px;
}

.content
{
    width: 960px;
    min-height: 800px;
    margin: 0 auto;
    position: relative;
    background: url(../images/content-bg.png) repeat-y;
    border: 1px solid #d3d3d3;
    border-radius: 2px;
}

.fleft
{
    padding: 0 0 38px 0px;
    text-align: center;
    float: left;
    width:178px;
}

.product-detail
{
    color: #999;
    margin: 0 auto;
    width: 178px;
}

.product-detail img
{
    border-bottom: 1px solid #DCDCDD;
    display: block;
    margin: 0px auto 0;
    padding-bottom: 10px;
    width: 178px;
}

.product-detail p
{
    line-height: 26px;
    text-align: center;
    font-size: 14px;
}

.payinfo
{
    margin-top: 40px;
    width: 160px;
	margin: 0 auto;
	
}

.payinfo p
{
    line-height: 26px;
    text-align: left;
    font-size: 12px;
    color: #999;
}

.paymain
{
    padding: 35px 0 35px 65px;
    position: relative;
    width: 718px;
    float: left;
    color: #484954;
    font: 14px/1.5 arial, "Hiragino Sans GB" ,simsun, "Source Han Sans CN";
}
/*产品选择*/
.product-choose
{
    position: relative;
}
.product-choose1{
	margin-bottom:12px;
	}

.ui-form-group, .ui-game
{
    clear: both;
    position: relative;
    margin-bottom: 20px;
}
.product-choose .ui-form-group label
{
    vertical-align: middle;
    float: left;
    position: relative;
    text-align: right;
    line-height: 28px;
    width: 70px;
    _zoom: 1;
    margin-right: 10px;
}
.product-choose .ui-form-group span
{
    line-height: 28px;
    vertical-align: middle;
}
/*大厅*/
.ui-game
{
    clear: both;
}
.ui-game:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
}
.ui-game-name
{
    float: left;
    vertical-align: middle;
    height: 50px;
    line-height: 50px;
    margin: 0 10px 10px 0;
}
.ui-game ul, .price-choose ul
{
    float: left;
    list-style: none;
    width: 638px;
}
.ui-game ul li
{
    float: left;
    outline: #4c9af2 solid 1px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    width: 174px;
    padding: 0;
    text-align: center;
    border: #4c9af2 solid 1px;
    margin: 1px 10px 10px 0;
    background-image: linear-gradient(to bottom,#f3faff 0,#def 100%);
    background-repeat: repeat-x;
    zoom: 1;
}
.ui-game ul li label
{
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    background: url('../images/check.png') no-repeat scroll right bottom transparent;
}

/*价格*/
.price-choose
{
    clear: both;
    zoom: 1;
}
.price-choose:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
}
.price-choose ul li
{
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 82px;
    float: left;
    margin: 1px 10px 10px 0;
    cursor: pointer;
    border: 1px solid #d1d6de;
    border-color: #f2c679;
    background-image: -webkit-linear-gradient(top,#fffae8 0,#fff5d5 100%);
    background-image: linear-gradient(to bottom,#fffae8 0,#fff5d5 100%);
    background-repeat: repeat-x;
    zoom: 1;
}
.moneyli li:hover{
    border-color: #4c9af2;
}
.selected {
    background: url(../images/check.png) no-repeat scroll right bottom transparent!important;
}

.ui-form-group-yb
{
    clear: both;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

/*支付选择*/
.method-pay
{
    padding-top: 20px;
    position: relative;
}

.method-pay .hd
{
    background: #fff;
    height: 46px;
    width: 660px;
    _width: 658px;
    _clear: both;
    _zoom: 1;
    border-left: #d1d6de 1px solid;
    background-image: -webkit-linear-gradient(top,#fefefe 0,#f5f5f5 100%);
    background-image: linear-gradient(to bottom,#fefefe 0,#f5f5f5 100%);
    background-repeat: repeat-x;
    zoom: 1;
}
.method-pay .hd ul
{
    height: 32px;
    list-style: none;
}
.method-pay .hd ul li
{
    font-size: 14px;
    letter-spacing: 0;
    word-spacing: 0;
    float: left;
    height: 44px;
    line-height: 44px;
    width: 89px;
    _width: 88px;
    text-align: center;
    border-top: #d1d6de 1px solid;
    border-right: #d1d6de 1px solid;
    border-bottom: #d1d6de 1px solid;
    cursor: pointer;
}
.method-pay .hd ul li.on
{
    border-bottom: 0;
    border-top: #4c9af2 3px solid;
    color: #4c9af2;
    font-weight: 700;
    height: 43px;
    background-color: #fff;
}
.method-pay .bd
{
    clear: both;
    zoom:1;
}
.method-pay .bd:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
}
.method-pay .bd ul
{
    list-style: none;
    padding: 15px;
    zoom: 1;
}
.method-pay .bd li
{
    line-height: 24px;
}
.method-pay .bd li .date
{
    float: right;
    color: #999;
}
.method-pay li .own-card{
   border:none;
   background:#ededed;
   color:#555;
}
.method-pay li .own-card.on{
   border:none;
   background:#4c9af2;
   color:#fff;
}
.method-pay .own-card-1{
 padding:20px 0;
 color:#999;
}

.method-pay .own-card-1 table{
padding:0 0;
border-spacing:0;
font-size:12px;
border:none;
}
.method-pay .own-card-1 table td { 
border: 1px solid #e8d7b4; 
padding-left: 10px; 
line-height: 26px; 
}
.method-pay .own-card-2{
 padding:20px 0;
 color:#999;
}

.method-pay .own-card-3{
 padding:20px 0;
 color:#999;
}

.method-pay bdo
{
}

/*网银*/

.hli {
    zoom: 1;
     height: auto!important;
    
}
.hli ul li label {
    display: inline-block;
    width: 100%;
    height: 100%;
    
}
.selected2 
{
    border: 1px solid #4c9af2;
    background: url(../images/check.png) no-repeat scroll right bottom transparent!important;
}
#categoryWangYin li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
}

#categoryWangYin ul li 
{
    float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
}
.bank-zggs
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 0;
}
.bank-zgjs
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -237px;
}
.bank-zgny
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -481px;
}
.bank-zgzs
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -481px;
}
.bank-zgny
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -721px;
}

.bank-zgjt
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -286px;
}
.bank-zgjt
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -286px;
}
.bank-zgyh
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -867px;
}
.bank-zggd
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -772px;
}
.bank-zgyz
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -530px;
}
.bank-zgxy
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -334px;
}
.bank-zgms
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -625px;
}

.bank-zgbj
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -189px;
}
.bank-zgnj
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/nanjing.jpg) no-repeat 50%;
}

.bank-zgpa
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -576px;
}
.bank-zghx
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -673px;
}

.bank-zgbh
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/bank-main.jpg) no-repeat 0 -576px;
}
.bank-zgdy
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/dongya.jpg) no-repeat 50%;
}
.bank-zgszfz
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/shenfa.jpg) no-repeat 50%;
}
.bank-zggzpf
{
    cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/shangpufa.jpg) no-repeat 50%;
}
.alipay-zfb 
{
     float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/other-options.jpg) no-repeat 16px -803px;
}

#categoryWeiXin ul li 
{
    float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
}

#categoryWeiXin li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
}


.wx_pay
{
     float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/other-options.jpg) no-repeat 0px -1060px;
}

.qq_pay
{
     float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/QQpay.jpg) no-repeat;
}
.ten_pay
{
     float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    background: url(../images/other-options.jpg) no-repeat 16px -1002px;
}
.other-dx,.other-lt,.other-qq,.other-yd {
    float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 38px!important;
    line-height: 38px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    
}
.other-yd {
    background: url(../images/other-options.jpg) no-repeat 5px -560px;
}
.other-dx {
    background: url(../images/other-options.jpg) no-repeat 10px -606px;
}
.other-lt {
    background: url(../images/other-options.jpg) no-repeat 10px -654px;
}
.other-qq {
    background: url(../images/QQ.jpg) no-repeat 50%;
}


.bank-jw,.bank-qq,.bank-wy,.bank-sd,.bank-sohu,.bank-wanmei,.bank-zt,.bank-szx,.bank-telecom,.bank-unicom,.bank-jy,.bank-th,.bank-txf,.bank-sft{
    float: left;
    margin: 1px 10px 10px 0;
    width: 130px;
    _width: 129px;
    height: 51px!important;
    line-height: 51px;
    text-align: center;
    position: relative;
     cursor: pointer;
    border: 1px solid #d1d6de;
    
}
.bank-jw {
    background: url(../images/JUNNET.png) no-repeat;
}
.bank-wy {
   background: url(../images/NETEASE.png) no-repeat;
}
.bank-qq {
    background: url(../images/QQCARD.png) no-repeat;
}

.bank-sd {
    background: url(../images/SNDACARD.png) no-repeat;
}
.bank-sohu {
    background: url(../images/SOHU.png) no-repeat;
}
.bank-wanmei {
    background: url(../images/WANMEI.png) no-repeat;
}
.bank-zt {
    background: url(../images/ZHENGTU.png) no-repeat;
}
.bank-jy {
    background: url(../images/JIUYOU.png) no-repeat;
}
.bank-th {
    background: url(../images/TIANHONG.png) no-repeat;
}
.bank-txf {
    background: url(../images/TIANXIA.png) no-repeat;
}
.bank-sft {
    background: url(../images/SHENGFU.jpg) no-repeat;
}
.bank-szx {
    background: url(../images/SZX.png) no-repeat;
}
.bank-telecom {
    background: url(../images/TELECOM.png) no-repeat;
}
.bank-unicom {
    background: url(../images/UNICOM.png) no-repeat;
}

/*立即支付*/

.pay-now
{
    padding-left:35px;
    position: relative;
    background-color:#fff;
}
.pay-now:after
{
    content: ".";
    display: block;
    clear: both;
    height: 0;
}

.btn-pay
{
    color: #fff;
    text-decoration: none;
    padding: 16px 30px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border: #d1d6de 1px solid;
    border-radius: 2px;
    cursor: pointer;
    overflow: visible;
    display: inline-block;
    position: relative;
    background-color: #ff6022;
    background-image: -webkit-linear-gradient(top,#ff823e 0,#ff6022 100%);
    background-image: linear-gradient(to bottom,#ff823e 0,#ff6022 100%);
    background-repeat: repeat-x;
    zoom: 1;
    border: #c25119 1px solid;
}
.btn-pay:hover
{
     background-color: #ff823e;
    background-image: -webkit-linear-gradient(top,#ff823e 0,#ff823e 100%);
    background-image: linear-gradient(to bottom,#ff823e 0,#ff823e 100%);
}

/*提示*/
.paytips
{
    width: 650px;
    padding-top: 0;
    margin-top: 30px;
    font-size: 12px;
}
.paytips h4
{
    border-top: 1px dashed #d1d6de;
    padding-top: 30px;
}
