@charset "utf-8";
body,html,div,p,h1,h2,h3,h4,h5,ul,li,span,table,tr,td,th,a,input,dl,dd,dt,iframe,input,line-height{ padding:0; margin:0;}
html,body{ overflow-x:hidden; font-family: Arial, Helvetica, sans-serif;}
/*body{ color:#93806C;font-size:13px; line-height:24px;font-family:微軟正黑體 ; }*/
ul,li,dl,dt,dd{ list-style:none;}
input{ vertical-align:middle;}
img{ border:none; vertical-align:middle}
a{  text-decoration:none;}
.no{ display:none;}
.clear{ clear:both;}
a.moretxt{float:right;_margin-top:-20px; color:#F3C200;}
/*公共头部样式*/
.header {height: 480px;background: url(../images/pay_banner.jpg) no-repeat center center;min-width: 1200px;}
.main_bottom{width:1200px; margin:0 auto;margin-top:50px;margin-bottom: 50px;}
/* .content_bottom_bg{background:url(../images/pay_bg_b1.png) no-repeat left bottom; padding-bottom:61px; overflow:hidden;width:1265px;}
.content_center_bg{width:1194px; background:url(../images/pay_bg_m.png);clear: both;}
.content_top_bg{background:url(../images/pay_bg_t.png) no-repeat;min-height: 325px;padding: 34px 30px 0px 30px; width:1193px;}
 */
.content_center_bg{background: url(../images/pay_bg_m.png) repeat-y scroll 0 0 transparent;overflow: hidden;width: 1265px; position: relative;}
.content_bottom_bg{background: url(../images/pay_bg_b.png) no-repeat scroll 0 0 transparent;clear: both;height: 61px;}
.content_top_bg {background:url(../images/pay_bg_t.png) no-repeat;min-height: 325px;padding: 34px 30px 0px 30px; width:1193px;}

/*公共头部样式*/
.list_main{width:1130px; }
.list_main_left{width:250px;float: left;}
.list_main_left li{  padding-left:20px;  position: relative;cursor: pointer;width:230px;height: 60px;border:1px solid #bab2a3;margin-bottom: 10px;font: 700 18px/60px 'Microsoft YaHei';}
.list_main_left img,.recommend img {vertical-align: middle;margin-right: 10px;}
.list_main_left a{color:#fff;}
.list_main_left li.hover{background:#fffff7; margin-right:2px; color: #f00; }
.list_main_right{ width:790px; border:1px solid #bab2a3;padding:30px 30px 0px 30px; min-height:200px; position: relative;float:right;}
li.li_seven{margin-bottom: 0px;}
.part p, .ul_box p {font: 800 16px/30px 'Microsoft YaHei'; width:800px;margin-bottom:10px;}
.tip p{margin-bottom: 10px;font: 400 16px/30px 'Microsoft YaHei'; width:800px;}
/* .ul_box{width:800px;display: flex; justify-content: space-between;} */
.ul_box{width:800px; overflow: hidden;}
.ul_hide{ display:none;margin-top:20px;}
.recommend{width: 43%;padding: 7px 20px;height: 36px;float: left;font: 400 16px/36px 'Microsoft YaHei'; border: 2px solid #964e04;background: #f9f6ec;position: relative;cursor: pointer;margin: 0 10px 20px 0;border-radius: 5px;}
.recommend:hover{background: #f6d1a0; } 
.recommend .paymentTypeImg { height: 36px;}
.recommend span { background: url(../images/icon_en.png) no-repeat; background-size: 100% auto; display: block;position: absolute;top: -2px; right: -2px;width: 47px;height: 48px;}
.recommend .recommend_th { background: url(../images/icon_th.png) no-repeat; background-size: 100% auto; display: block;position: absolute;top: -2px; right: -2px;width: 47px;height: 48px;}
.recommend .recommend_vn { background: url(../images/icon_vn.png) no-repeat; background-size: 100% auto; display: block;position: absolute;top: -2px; right: -2px;width: 47px;height: 48px;}
.titles{color: #636363; z-index: 99; font: 400 14px/30px 'Microsoft YaHei'; max-width: 800px;margin-bottom: 20px;}
.recommend1{width: 43%;padding: 7px 20px;height: 36px; float: left; font: 400 28px/36px 'Microsoft YaHei'; border: 2px solid #964e04;background: #f9f6ec;position: relative;cursor: pointer;margin: 0 10px 20px 0;border-radius: 5px;}
/* .part{border:1px solid #f00;} */
.more{position:relative;text-align:center;width:610px;margin:0px auto 10px;height:40px; font-size: 20px; color:#000;}
.more { background:url(../images/more_down.png) no-repeat center center;}
.inactives{background:url(../images/more_up.png) no-repeat center center;} 
 .block{display: block;}
 .active { background:url(../images/icon_up.png) no-repeat 5px center #FF9; color:#000; }
/*公共头部样式*/
.footer{width:100%; height:104px; background:#000000; clear:both;}
.footer_main{width:560px; margin:0 auto; display: flex; justify-content: space-between;padding-top: 40px;line-height:64px;}
/*公共头部样式*/
.pay_right {width:1050px;padding:10px 40px;position: relative;border: 1px solid #bab2a3;margin-right: 36px; float: left;}
.pay_right.pay_confirm{width:1050px; margin:0 auto;margin-right: 36px;}
.pay_right h3 {font:400 22px/30px 'Microsoft YaHei';color: #000;margin:25px 0 10px 0;text-align: center;}
.pay_right h4 {font:400 15px/30px 'Microsoft YaHei';color: #626262;margin:10px 0;}
.pay_right h3 b {color:#de759b;margin:0 5px;}
.pay_right ul {margin:20px 0;overflow: hidden;padding:0 45px;}
.pay_right li {margin:10px 0;color: #222;font:18px/50px 'Microsoft YaHei';}
.pay_right li i {display: inline-block;width:30px;height: 30px;background: #343434;color: #fff;border-radius: 50%;text-align: center;font:700 16px/30px 'Microsoft YaHei';margin:0 20px;cursor: pointer;}
.pay_right li i>div{position: absolute;z-index:111111; left:869px;top:203px;width:360px;height:297px;}
.pay_right li span {font:400 18px/30px 'Microsoft YaHei';float:left; width:170px;text-align: right;display: inline-block;margin-right:25px;color: #393939;line-height: 50px;}
.pay_right input,.pay_right select {border:1px solid #bab2a3;width:568px;height:40px;font:14px/40px 'Microsoft YaHei';box-sizing:border-box;background: #fff;}
.pay_right #character_name,.pay_right #server{background: #ececec;}
.pay_right input.short {width:568px;}
.pay_right input[type=checkbox] {width:20px;height:20px;border:none;border-radius: 0;vertical-align: middle;margin-right:3px;}
.pay_right label {font-size:12px;color: #262626; }
.pay_right label .product a{width: 168px;height: 40px;border: 1px solid #bab2a3;background: #fff;color: #000;font:600 16px/40px 'Microsoft YaHei';letter-spacing: 2px;margin-right: 25px;cursor: pointer;text-decoration:none;display:inline-block;text-align: center;}
.pay_right label .product a.active{width: 168px;height: 40px;border: 1px solid #bab2a3;background: #cabea8;}
.pay_right a {color: #262626;text-decoration: underline;font-size:12px;}
.pay_right em {margin-left:180px;font:16px/25px 'Microsoft YaHei';color: #858585;display:block;}
.pay_right b {font-weight: 400;font:16px/25px 'Microsoft YaHei';}    
.pay_right ul.confirm span{width:250px;}
.pay_right ul.confirm li{overflow: hidden;}
.pay_right #obtained,.pay_right #cost{color:#ff0000;font-size: 20px;font-weight: bold;}
.pay_right .sm_top{padding:30px 150px;color:#999;font-family: 'Microsoft YaHei'}
.cmonfirm {border-radius: 5px;font:14px/30px 'Microsoft YaHei';padding:0 10px;background:#caa67b;border:0;color: #fff;cursor: pointer;}
.submit {background:#ffa600 ;border:0;width:170px;height: 50px;font:700 18px/50px 'Microsoft YaHei';border:1px solid #bab2a3;color: #fff;cursor: pointer;margin-right:100px;}

.pay_right .sm_top p{margin-bottom: 20px;}

.part{margin-bottom:20px;height: auto; clear:both;overflow:hidden;}


/*充值成功*/
.main_cz{width:1050px;padding:10px 40px;position: relative;border: 1px solid #bab2a3;margin-right: 36px; float: left;}
.wrap_cz{width:624px;margin:0 auto;}
.wrap_cz_h1{width:624px;  height:100px;line-height:100px; text-align:center; margin-bottom:30px;margin-top:30px;}
.wrap_cz_h1 img{width:auto; height:100px;}
.wrap_cz_h2{ font-size:32px; text-align:center; margin-bottom:20px; color:#7b6536;}
.wrap_cz_p{ font-size:22px; text-align:center; color:#a89e8c; margin-bottom:40px;}
.wrap_cz_fh a{ text-align:center;display:block;margin-left: 227px;margin-bottom:20px; background:#ffa600 ;width:170px;height: 50px;font:700 18px/50px 'Microsoft YaHei';border:1px solid #bab2a3;color: #fff;cursor: pointer;}




















.slide-top {
	-webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2021-5-17 18:28:26
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
 @-webkit-keyframes slide-top {
    0% {
      -webkit-transform: translateY(300px);
              transform: translateY(300px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  @keyframes slide-top {
    0% {
      -webkit-transform: translateY(300px);
              transform: translateY(300px);
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
/* background:url(../images/icon_down.png) no-repeat 5px center #6FF; color:#000;  
.soild_text_three::before,.soild_text_three::after{content:""; position:absolute;top:50%;border-top:1px solid #333;width:40%;}
.soild_text_three::before{ left:0; }
.soild_text_three::after{right:0;}*/




.slide-bottom {
	-webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2021-5-18 14:8:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
 @-webkit-keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-bottom {
  0% {
    -webkit-transform: translateY(-200px);
            transform: translateY(-200px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}