body {
    background-color: var(--page-background-color);
    font-size: 12px;
    font-family: "Microsoft YaHei" ! important;
    color: var(--text-color);
}
body, section, div, ul, li, dl, dd, p, a, span, h3, h4, img ,input{
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei" ! important;
}
input{
    outline: none;
}
h3 { font-size: 14px; }
ul, ul li, dl, dd { list-style: none; }
a {
    text-decoration: none;
    color: var(--text-color)
}
a, img { border: none; }
em { font-style: normal; }
.fl, .fr {
    display: inline;
    float: left;
}
.fr { float: right; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: block;
    min-height: 1%;
}
*html .clearfix { height: 1%; }
.hide{
    display: none !important;
}
.inn{
    height: 22px;
    padding: 8px;
    border: 1px solid #c0c0c0;
    background: 0;
    font-size: 14px;
    line-height: 22px;
}
.triangle-down{
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    border-top: 5px solid #868686;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    margin-bottom: 3px;
}

#pay-header{
    height: 70px;
    background-color: var(--front-background-color);
    border-bottom: solid #e9e9e9 1px;
    box-shadow: 0 2px 2px #f2f2f2;
}
#pay-header .pay-head{
    width: 1002px;
    margin: 0 auto auto;
    height: 70px;
    position: relative;
}
#pay-header .pay-head .pay-logo{
    position: absolute;
    top: 13px;
    left: 3px;
}
#pay-header .pay-head .pay-tt{
    position: absolute;
    top: 19px;
    left: 130px;
    font-size: 19px;
    border-left: solid #e1e1e1 1px;
    height: 33px;
    padding-left: 17px;
    line-height: 32px;
}
#container{
    width: 1002px;
    margin: 0 auto auto;
}
.pay-user-name{
    height: 33px;
    padding-top: 14px;
    font-size: 14px;
}
.pay-user-name .now-user em{
    color: #ff7700;
}
#pay-main{
    border: solid #e9e9e9 1px;
    background: url(../images/pay_bg.jpg) repeat-y;
    min-height: 682px; 
}
#pay-main .pay-left{
    width: 185px;
}
#pay-main .pay-right{
    width: 814px;
    overflow: hidden;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.pay-tab-tit li{
    height: 58px;
    border-bottom: solid #e9e9e9 1px;
}
.pay-tab-tit li a{
    display: block;
    width: 100%;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    font-weight: bold;
    color:#595959;
}
.pay-tab-tit li .icon{
    background: url(../images/pay_01.png) no-repeat -500px -500px;
    display: inline-block;
    width: 24px;
    height: 19px;
    margin: 0 15px 0 28px;
    vertical-align: middle;
}
.pay-tab-tit li.cur a{
    border-left: solid #ff7700 4px;
    width: 181px;
    background-color: var(--front-background-color); 
    color: #ff7700;
}
.pay-tab-tit li .icon1{
    background-position: 0 -23px;
}
.pay-tab-tit li.cur .icon1{
    background-position: 0 0;
}
.pay-tab-tit li .icon2{
    background-position: 0 -68px;
}
.pay-tab-tit li.cur .icon2{
    background-position: 0 -47px;
}
.pay-tab-con{
    padding: 30px 20px;
}
.pay-tab-con .pay-infor{
    width: 100%;
    font-size: 14px;
}
.pay-tab-con .pay-infor .type{
    width: 171px;
    text-align: right;
    padding-right: 10px;
    line-height: 32px;
    min-height: 32px;
}
.pay-tab-con .pay-infor .in-del{
    width: 592px;
    line-height: 32px;
}

.p-btn{
    display: inline-block;
    height: 33px;
    line-height: 32px;
    padding: 0 17px;
    border-radius: 2px;
    background: #f5f3f4;
    border: solid var(--front-border-color) 1px;
    color: var(--text-light-color);
}
.pay-tab-con .pay-line{
    height: 25px;
    border-bottom: dashed var(--front-border-color) 1px;
}
.pay-tab-con .pay-rec .btn-cur{
    background: #3b9eeb;
    border: solid #3b9eeb 1px;
    color: #fff;
    margin-right: 7px;
}
.pay-tab-con .pay-rec .s-acc{
    height: 41px;
    line-height: 38px;
    color: var(--sub-text-color);
    font-size: 12px;
}
.pay-tab-con .pay-rec .s-acc-custom {
    height: 52px;
    padding-top: 12px;
}
.pay-tab-con .pay-rec .s-acc-custom .inn{
    width: 234px;    
}
.pay-tab-con .pay-rec .s-acc-custom .inn:focus{
    border: solid #ff7700 1px;
}
.pay-tab-con .pay-card span {
    padding: 0 15px 0 5px;
}
.pay-tab-con .pay-card select{
    width: 98px;
    height: 22px;
    border : 1px solid #d8d8d8;
}
.pay-tab-con .pay-money{
    position: relative;
    z-index: 6;
}
.pay-tab-con .pay-money .type{
    line-height: 42px;
}
.pay-tab-con .pay-money .in-del{
    line-height: 40px;
}
.pay-tab-con .pay-money .in-del span {
    margin-right: 10px;
    border: 1px solid #bbb;
    padding: 5px 15px;
    cursor: pointer;
}
.pay-tab-con .pay-money .in-del span.cur {
    border-color: #f90;
    border-width: 2px;
    padding: 4px 14px;
}
.pay-tab-con .pay-money .p-rad{
    background: url(../images/pay_02.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.pay-tab-con .pay-money .cur-rad{
    background-position: 0 -17px;
}
.pay-tab-con .pay-money .mon-down{
    display: inline-block;
    width: 68px;
    height: 18px;
    padding: 10px;
    border: 1px solid #c0c0c0;
    background: 0;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-light-color);
    margin-right: 5px;
    cursor: pointer;
}
.pay-tab-con .pay-money .mon-down-cur{
    padding: 9px;
    border: solid #ff7124 2px;
    border-bottom: #fff;
    background-color: var(--front-background-color);
    position: relative;
    z-index: 2;
}

.pay-tab-con .pay-money .mon-down b{
    display: inline-block;
    width: 55px;
}
.pay-tab-con .pay-money .inn{
    width: 66px;
    margin: 0 5px;
}
.pay-tab-con .pay-money .inn:focus{
    border: solid #ff7700 1px;
}

.pay-tab-con .pay-money .mon-rule{
    font-size: 12px;
    color: var(--sub-text-color);
    padding-left: 16px;
}
.pay-tab-con .pay-money .pay-mon-list{
    width: 242px;
    /*height: 143px;*/
    padding: 6px 5px;
    border: solid #ff7124 2px;
    background-color: var(--front-background-color);
    position: absolute;
    z-index: 1;
    top: 36px;
    left: 205px;
    *top:38px;
    *left:201px;
}
.pay-tab-con .pay-money .pay-mon-list ul li{
    width: 56px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    float: left;
    cursor: pointer;
    margin: 6px 2px 0; 
}
.pay-tab-con .pay-money .pay-mon-list ul li:hover{
    background: #ff7700;
    color: #fff;
}
.pay-tab-con .pay-style{
    margin-top: 5px;
}
.pay-tab-con .pay-style .type{
    line-height: 40px;
}
.pay-tab-con .pay-style .in-del .pay-type{
    background: url(../images/pay-bg.png) 0 10px no-repeat;
    line-height: 41px;
    color: #fff;
    text-indent: 12px;
}
.pay-tab-con .pay-style .in-del .pay-point-card {
    background-image: url(../images/point-card-bg.png);
    margin-top : 25px;
}
.pay-tab-con .pay-style ul li{
    width: 107px;
    height: 38px;
    border: solid #dedede 1px;
    float: left;
    margin-right: 7px;
    cursor: pointer;
    position: relative;
}
.pay-tab-con .pay-style ul li b{
    display: none;
    background: url(../images/pay_03.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.pay-tab-con .pay-style ul li.cur{
    border: solid #3b9eeb 1px;
}
.pay-tab-con .pay-style ul li.cur b{
    display: inline-block;
}
.pay-tab-con .pay-style ul li .pay-tip {
    text-align: center;
    color: #ff7700;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 100%;
    text-align: center;
}
.pay-tab-con .pay-style .point-card li{
    width: 107px;
    height: 24px;
    line-height: 24px;
    border: solid #dedede 1px;
    float: left;
    margin-bottom: 10px;
    margin-right: 7px;
    cursor: pointer;
    position: relative;
    text-align: center;   
}
.pay-tab-con .pay-style .point-card li b{
    display: none;
    background: url(../images/pay_03.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.pay-tab-con .pay-style .point-card li.cur b{
    display: inline-block;
}
.pay-tab-con .pay-sum{
    margin-top: 25px;
}
.pay-tab-con .pay-sum em{
    font-size: 26px;
    color: #ff7700;
    padding-right: 5px;
}
.pay-tab-con .t-yc
{
    color: #aaaaaa;
    padding-left: 5px;
}
.pay-tab-con .t-yc em
{
    color: #aaaaaa;
    font-size : 14px;
}
.pay-tab-con .pay-submit{
    margin-top: 26px;
}
.pay-submit .btn-orange{
    margin-bottom: 35px;
    background: #ff7124;
    font-size: 16px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0 45px;
    margin-left: 181px;
    border:none;
}

/*游戏充值*/
.pay-tab-con .game-area{
    margin-bottom: 20px;
    position: relative;
    z-index: 7;
}
.pay-tab-con .game-area .g-down{
    display: inline-block;
    height: 18px;
    padding: 10px;
    border: 1px solid #c0c0c0;
    background: 0;
    color: #a1a1a1;
    font-size: 14px;
    line-height: 18px;
    color: var(--text-light-color);
    margin-right: 5px;
    cursor: pointer;
}
.pay-tab-con .game-area .g-down-cur{
    padding: 9px;
    border: solid #ff7124 2px;
    border-bottom: #fff;
    background-color: var(--front-background-color);
    position: relative;
    z-index: 2;
}
.pay-tab-con .game-area .in-del{
    position:relative;
}
.pay-tab-con .tip-vst {
    display: none;
}
.pay-tab-con .game-area .tip-vst {
    background: url(../images/pay_05.png) no-repeat 0 6px;
    padding-left: 20px;
    color: #ff0505;
    padding-top: 4px;
    height: 16px;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
}
.pay-tab-con .game-area .game-area-list{
    width: 490px;
    padding: 6px 6px 12px;
    border: solid #ff7124 2px;
    box-shadow: 0 3px 4px #bbbaba;
    background-color: var(--front-background-color);
    position: absolute;
    top: 36px;
    left:0;
    *top:38px;
}
.pay-tab-con .game-area .game-area-list ul li{
    width: 91px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    float: left;
    cursor: pointer;
    margin: 6px 3px 0; 
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.pay-tab-con .game-area .game-area-list ul li:hover{
    background: #ff7700;
    color: #fff;
}
.pay-tab-con .game-rec .s-acc .seek{
    display: none;
    color: var(--text-light-color);
}
.pay-tab-con .game-rec .s-acc .tip-wrong{
    display: inline-block;
    background: url(../images/pay_05.png) no-repeat 0px 10px;
    line-height: 34px;
    padding-left: 20px;
    color: #ff0505;
}

/*微信支付*/
.pay-wxin{
    position: relative;
    padding-bottom: 20px;
}
.pay-wxin .wxin-goback{
    height: 29px;
    background: url(../images/pay_06.png) no-repeat 0 15px;
    float: right;
    padding:15px 30px 0 24px;
}
.pay-wxin .wxin-goback a:hover{
    color: #ff7700;
}
.pay-wxin .wxin-tit{
    padding: 98px 0 0 286px;
    font-size: 26px;
    padding-bottom: 25px;
}
.pay-wxin .wxin-ewm{
    margin: 0 0 0 272px;
}
.pay-wxin .wxin-ewm img{
    width: 190px;
    height: 190px;
}
.pay-wxin .w-tim{
    position: absolute;
    top: 73px;
    left: 485px;
}
.pay-wxin .w-tip{
    background: url(../images/pay_04.png) no-repeat;
    padding-left: 30px;
    color: var(--sub-text-color);
    margin: 10px 0 22px 278px;
}
.pay-wxin .wxin-table{
    margin: 0 0 0 168px;
}
.pay-wxin .wxin-table td{
    padding-left: 16px;
    font-size: 16px;
}

.pay-wxin-succeed{
}
.pay-wxin-succeed .w-suc-pic{
    padding-top: 192px;
    margin-left: 276px;
}
.pay-wxin-succeed .w-suc-pic img{
    width: 205px;
    height: 198px;
}
.pay-wxin-succeed .w-suc-tip{
    background: url(../images/pay_07.png) no-repeat right 7px;
    width: 134px;
    font-size: 26px;
   margin: 13px 0 16px 325px;
}
.pay-wxin-succeed .w-suc-link{
    font-size: 14px;
    color: #4989c9;
    margin-left: 356px;
}

.pay-speed-ser{
    border-bottom: solid #ff7700 4px;
}
.pay-speed-ser h3{
    font-size: 18px;
    font-weight: bold;
    color: #656565;
}
.pay-speed-ser h3 span{
    padding-left: 27px;
    font-size: 14px;
}
.pay-tab-con .game-rec .rec-tip{
    font-size: 12px;
    padding-left: 8px;
    color: var(--sub-text-color);
}
/*微信支付超过3000提示*/
.pay-tab-con .wx-overtip{
    margin-top: 16px;
}
.pay-tab-con .wx-overtip .in-del{
    width: 326px;
    border: 1px solid #ff7700;
    background: #fff5ef;
    padding: 12px;
    line-height: 26px;
}
.pay-tab-con .wx-overtip .in-del .ot-2{
    color: #8f8e8e;
}

/*网银支付*/
.pay-tab-con .pay-bank {
    margin-top: 24px;
    display: none;
}
.pay-tab-con .pay-bank .bank-box ul li {
    float: left;
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: block;
    border: 1px solid #DDDEDE;
    margin: 0 -1px -1px 0;
    position: relative;
    z-index: 0;
    cursor: pointer;
}
.pay-tab-con .pay-bank .bank-box ul li .icon-radio{
    background: url(../images/pay_02.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    vertical-align: -2px;
    *vertical-align: 0;
}
.pay-tab-con .pay-bank .bank-box ul li b{
    display: none;
    background: url(../images/pay_03.png) no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.pay-tab-con .pay-bank .bank-box ul li:hover{
    border: 1px solid #3b9eeb;
    background: #e6f4ff;
    z-index: 2;
}
.pay-tab-con .pay-bank .bank-box ul li.cur{
    border: 1px solid #3b9eeb;
    background: #e6f4ff;
    z-index: 2;
}
.pay-tab-con .pay-bank .bank-box ul li.cur b{
    display: inline-block;
}
.pay-tab-con .pay-bank .bank-box ul li.cur .icon-radio{
    background-position: 0 -17px;
}
.pay-tab-con .pay-bank .bank-box .tip-wrong{
    background: url(../images/pay_05.png) no-repeat 0px 10px;
    line-height: 34px;
    padding-left: 20px;
    color: #ff0505;
    display: none;
}
.ico_bank{
    background: url(../images/bank_ico.png) no-repeat;
    display: inline-block;
    height: 18px;
    margin-right: 3px;
    overflow: hidden;
    width: 18px;
    position: relative;
    vertical-align: -3px;
    *vertical-align: 0px;
}
.pay-tab-con .pay-bank .bank-box ul li.bank-2 .ico_bank{ background-position: 0 0; }
.pay-tab-con .pay-bank .bank-box ul li.bank-3 .ico_bank{ background-position: -18px 0; }
.pay-tab-con .pay-bank .bank-box ul li.bank-1 .ico_bank{ background-position: -72px 0; }
.pay-tab-con .pay-bank .bank-box ul li.bank-4 .ico_bank{ background-position: -36px 0; }
.pay-tab-con .pay-bank .bank-box ul li.bank-5 .ico_bank{ background-position: -54px 0;}
.pay-tab-con .pay-bank .bank-box ul li.bank-11 .ico_bank{ background-position: -36px -18px; }
.pay-tab-con .pay-bank .bank-box ul li.bank-12 .ico_bank{ background-position: -126px 0; }
.pay-tab-con .pay-bank .bank-box ul li.bank-7 .ico_bank{ background-position: 0 -18px }
.pay-tab-con .pay-bank .bank-box ul li.bank-8 .ico_bank{ background-position: -72px -18px; }
.pay-tab-con .pay-bank .bank-box ul li.bank-10 .ico_bank{ background-position: -90px -18px; }
.pay-tab-con .pay-bank .bank-box ul li.bank-14 .ico_bank{ background-position: -90px 0;}
.pay-tab-con .pay-bank .bank-box ul li.bank-17 .ico_bank{ background-position: 0 -36px; }
.pay-tab-con .pay-bank .bank-box ul li.bank-20 .ico_bank{ background-position: -18px -18px; }


body.weixin {
    background-color: var(--page-background-color);
}
.weixin #pay-main {
   background-color: var(--front-background-color);
   border: none;
   border-top: 3px solid #ff7701;
}
.weixin #pay-main .pay-right {
    width: 100%;
}
.weixin #pay-main .pay-wxin .wxin-tit {
    padding: 98px 0 25px;
    text-align: center;
}
.weixin #pay-main .pay-wxin .wxin-ewm {
    margin: 0 auto;
    width: 190px;
    height: 190px;
}
.weixin #pay-main .pay-wxin .w-tip{
    margin: 10px auto 22px;
    width: 150px;
}
.weixin #pay-main .pay-wxin .w-tim{
    left: 50%;
    margin-left: 120px;
}
.weixin #pay-main .pay-wxin .wxin-table {
    margin: 0 auto; 
}
.weixin .pay-user-name {
    height: 35px;
    padding-top: 20px;
}
.weixin .pay-user-name h3 {
    font-size: 18px;
    color: #4e4e4e;
}
.weixin .pay-user-name h3 span {
    font-size: 14px;
    font-weight: normal;
    margin-left: 20px;
}
.weixin .pay-user-name .now-user {
    margin-top: 3px;
}

/** 银联支付新增  **/
.pay_question{margin-left:32px;padding-bottom:30px;width:95%;}
.pay_ques{background:url(../images/icon_what.png) no-repeat;color:#f70;padding-left:24px;border-bottom:1px solid #d2d2d2;padding-bottom:20px;}
.pay_ques2 p{margin-top:10px;}
.pay_ques2 p h4{color:var(--text-color);}
.pay_qtest{margin-top:5px;padding-left:5px;color:#919191;}


/*新用户等级优化2*/
.pay_award .pay_recharge_award{
    width:100%;margin-top:15px;
}
.pay_award .pay_recharge_award  .type {
    width: 171px;
    text-align: right;
    padding-right: 10px;
    line-height: 32px;
    min-height: 32px;
}
.pay_award .pay_recharge_award  .type {
    line-height: 20px;
}
.pay_award .pay_recharge_award .in-del {
    width: 592px;
    line-height: 32px;    
    min-height: 32px;
}
.pay_award .pay_recharge_award .in-del ul li{height:22px;line-height:22px;}

.pay_award .pay_month_award{
    width:100%;margin-top:0px;
}
.pay_award .pay_month_award  .type {
    width: 171px;
    text-align: right;
    padding-right: 10px;
    line-height: 32px;
    min-height: 32px;
}
.pay_award .pay_month_award  .type {
     line-height: 20px;
}
.pay_award .pay_month_award .in-del {
    width: 592px;
    line-height: 32px;   
     min-height: 32px;
}
.pay_award .pay_month_award .in-del ul li{height:22px;line-height:22px;}
.pay_award .pay_month_award .in-del ul li .high{color: #ff7700;}

.pay_award .pay_month_award_new{
    width:100%;
    margin-top:0px;
    color: #aaaaaa;
}
.pay_award .pay_month_award_new  .type {
    width: 100%;
    margin: 0 10px 0 50px;
    line-height: 30px;
    height: 30px;
    text-indent: 25px;
    color: #fff;
    text-align: left;
    background: url(../images/pay-desc-bg.png) no-repeat;
}
.pay_award .pay_month_award_new  .type span {
    color: #aaa;
    margin-left: 48px;
}
.pay_award .pay_month_award_new .in-del {
    width: 100%;
    line-height: 32px;   
    min-height: 32px;
    margin-left: 50px;
    margin-top: 10px;
}
.pay_award .pay_month_award_new .in-del ul li{
    height:32px;
    line-height:32px;
    padding-left: 20px;
    color: var(--text-light-color);
    font-size: 13px;
    background: url(../images/pay_month_award_item.png) no-repeat 0 center;
}
.pay_award .pay_month_award_new .in-del ul li .high{color: #ff7700;}

.pay_award .pay_recharge_award2{
    width:100%;
    margin-top:15px;
    color: #aaaaaa;
}
.pay_award .pay_recharge_award2 .type {
    line-height: 32px;
    min-height: 32px;
    width: 100%;
    margin: 0 10px 0 50px;
    line-height: 30px;
    height: 30px;
    text-indent: 25px;
    color: #fff;
    text-align: left;
    background: url(../images/pay-desc-bg.png) no-repeat;
}
.pay_award .pay_recharge_award2 .type span {
    color: #aaa;
    margin-left: 48px;
}
.pay_award .pay_recharge_award2 .in-del {
    width: 100%;
    line-height: 32px;
    min-height: 32px;
    margin-left: 50px;
    margin-top: 10px;
}
.pay_award .pay_recharge_award2 .in-del ul li{
    color: var(--text-light-color);
    font-size: 13px;
    height:32px;
    line-height:32px;
    padding-left: 20px;
    background: url(../images/pay_month_award_item.png) no-repeat 0 center;
}


/*by wangyuchao*/

.card-input {
    width: 238px;
    height: 34px;
    line-height: 34px;
    text-indent: 10px;
    border : 1px solid #d8d8d8;
    margin-top : -8px;
} 

.point-pay-error {
    background: url('../images/error.png') no-repeat 0px 2px;
    color:  red;
    line-height: 18px;
    padding-left: 20px;
    display: none;
}

.card-point-content {
    display: none;
}

.card-pay-pop {
    display: none;
    width : 400px;
    position: fixed;
    z-index: 101;
    top : 50%;
    left : 50%;
    margin-left: -200px;
    margin-top : -130px;
}
.card-pay-pop .close {
    position: absolute;
    top : 0;
    right : 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
}
.card-pay-pop .pay-title {
    position: relative;
    width: 100%;
    height: 41px;
    background: url('../images/card_yc_title_pg.png') no-repeat;
}
.card-pay-pop .text {
    text-align: center;
    color: #fff;
    line-height: 41px;
    font-size: 14px;
    font-weight: 700;
}
.card-pay-pop .pay-content{
    background: url('../images/yc_pop_bg.png') #fff no-repeat 200px 0;
    padding-top : 40px;
    height: 172px;
}
.card-pay-pop .pay-content .pop-group{
    margin-left : 45px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    overflow: hidden;
} 
.card-pay-pop .pay-content .pop-group .title {
    font-weight: 700;  
    margin-right : 16px;
}
.card-pay-pop .pay-content .pop-group .money {
    color: #ff7700;
    font-size: 14pt;
    padding-right: 5px;
}
.card-pay-pop .pay-content .pop-group div{
    display: inline-block;
    float : left;
}
.card-pay-pop .pay-content .pay-btn{
    margin : 25px auto 0;
    width: 212px;
    height: 34px;
    line-height: 34px;
    color: #fff;
    background: url('../images/pay_btn_bg.png') no-repeat;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
.card-pay-pop .pay-content .paying {
    background: url('../images/paying_btn_bg.png') no-repeat;
    color: #fff;   
}
#card-pay-pop .pay-foot{
    background: url('../images/card_cy_foot_bg.png') no-repeat;  
    width: 100%;
    height: 6px;
}

.pay-content-success , .payed-foot {
    width : 760px;
    margin: 0 auto;
}

.pay-content-success {
    padding-top : 355px;
    padding-left : 190px;
    padding-bottom : 132px;
    width: 570px;
    background: url('../images/pay-success.png') no-repeat 400px 258px;
}
.pay-content-success .yc span{
    color: #ff6632;
    font-size: 30px;
    font-weight: 700;
    padding-right : 10px;
}
.pay-content-success .pay-success-btn {
    margin-top : 30px;
}
.pay-content-success .pay-success-btn a{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    height : 30px;
    margin-right : 24px;
}
.pay-content-success .pay-success-btn .gg {
    width: 80px;   
    background: url('../images/gg-bg.png') no-repeat;   
    color: #fff;
}
.pay-content-success .pay-success-btn .to-home{
    color: #0477d0;
}
.payed-foot {
    margin-top : 15px;
    border-top : 1px solid #e9e9e9;
    padding-top : 10px;
}
.payed-foot p {
    margin-left: 60px;
    line-height: 30px;
}
.payed-foot p a {
    color: #ff7700;
    text-decoration: underline;
}

.pay-content-fail {
    background: url('../images/pay-fail.png') no-repeat 435px 200px;
    width : 100%;
    height : 147px;
    padding-top : 440px;
    margin: 0 auto;
    text-align: center;
}
.pay-content-fail .pay-success-btn {
    margin-top: 10px;
}
.pay-content-fail .pay-success-btn .gg {
    display: inline-block;
    width: 80px;
    height : 30px;
    line-height: 30px;
    background: url('../images/gg-bg.png') no-repeat;   
    color: #fff;
    font-size: 14px;
    margin-right : 24px;
}
.pay-content-fail .pay-success-btn .to-home{
    color: #0477d0;
    font-size: 14px;
}
.pay-content-fail div {
    font-size: 24px;
    text-align: center;
}
.pay-content-paying {
    padding-top : 130px;
    background: url('../images/paying-bg.png') no-repeat;
    width : 200px;
    height : 210px;
    margin: 210px auto 0 ;
}

.pay-content-paying .paying-text{
    position: relative;
    color: var(--text-color);
    font-size: 18pt;
    text-indent: 70px;
    margin : 132px auto 0;
    position: relative;

}
.pay-content-paying span{
    top : -5px;
    position: absolute;
}

.pay-content-paying .dot0 {
    left :86px;
}
.pay-content-paying .dot1 {
    left :96px;
}
.pay-content-paying .dot2 {
    left :106px;
}

.short-remind{
    min-height: 45px;
    padding: 5px 20px;
    background: #ffd7b5;
    border-top: 1px solid #f1c3b3;
    border-bottom: 1px solid #f1c3b3;
    text-align: center;
    color: var(--text-color);
    line-height: 24px;
}
.short-remind h3{
    font-size: 16px;
}
.short-remind p{
    font-size: 14px;
}


/*2016-8-24 task #18488 leihaipeng*/
#container.paysuccess, #container.payfailure{text-align:center;padding:30px 0 20px;background:url(../images/bg-paysuccess.jpg?20160826) center 7px no-repeat;}
.logeduserwrap .rightround, .logeduserwrap .leftround, .payagain, .paytip, .gohomepage{background:url(../images/paybgs.png?20160826) no-repeat;}
#container.payfailure{background-image:url(../images/bg-payfailure.jpg?20160826);}
.logeduserwrap{margin-bottom:320px;font-size:14px;}
.logeduserwrap .rightround, .logeduserwrap .leftround{width:24px;height:45px;}
.logeduserwrap span, .logeduserwrap strong{display:inline-block;*display:inline;zoom:1;height:45px;line-height:45px;vertical-align: middle;}
.logeduserwrap .rightround{background-position:0 -325px;}
.logeduserwrap .logeduser{padding:0 15px;background-color: var(--front-sub-background-color);white-space:nowrap;word-wrap:normal;word-break:keep-all;}
.logeduserwrap .logeduser strong{color: #f60;line-height:42px;}
.logeduserwrap .leftround{background-position:0 -280px;}
.paymessage{font-size:32px;font-weight:bold;color:var(--text-color);}
.payinfo{margin:10px 0;font-size:18px;color:var(--text-light-color);}
.payinfo em{margin-right:10px;color:#10a5f2;}
.payinfo strong{margin:0 5px;color:#f70;font-size:20px;}
.payagain, .gohomepage{display:inline-block;*display:inline;zoom:1;width:200px;height:45px;line-height:45px;margin-bottom:65px;background-position:0 -100px;font-size:18px;font-weight:bold;color:#fff;}
.payagain:hover{background-position:0 -190px;}
.paytip{width:700px;height:100px;margin:0 auto;}
.paytiptit{padding:26px 27px;margin-right:10px;font-size:18px;font-weight:bold;color:var(--text-light-color);}
.paytipcont{padding-top:20px;text-align:left;color:var(--sub-text-color);}
.paytipcont li{line-height:26px;}
.paytipcont li span{margin-right:8px;font-size:16px;color:#ccc;}
.paytipcont li a{text-decoration:underline;color:#f70;}
.paytipcont li a:hover{color:#ff8c28;}
.gohomepage{margin:20px 0 78px;font-weight:normal;background-position:0 -145px;color:var(--text-light-color);}
.gohomepage:hover{background-position:0 -235px;color:#f70;}
/*2016-8-24 task #18488 leihaipeng*/

/*
*start #33220 首充送道具
*
*/
.first-charge-propbag-layer{
    background: #333;
    height: 35px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 12px;
    line-height: 35px;
}
.first-charge-propbag-layer i{
    display: inline-block;
    width: 18px;
    height: 19px;
    background: url(../images/peck-icon.png) no-repeat 0 0;
    vertical-align: middle;
    margin-right: 5px;
}
.first-charge-propbag-layer span{
    vertical-align: middle;
}

.first-charge-propbag-layer .f70{
    color: #f70;
}