/* -------------------------------------------------------------
                     Pay Index Style
      
      Author:hezhuan
      Create Date:15.01.13	  Last Mondify Date:15.09.16
      ===================================================

------------------------------------------------------------- */
@charset "utf-8";
#index{background-color: #fff;}
#banner {
	position:relative; 
	width:100%; 
	height:280px; 
	z-index:1; 
	border-top: 1px solid #d9d9d9;
	overflow:hidden;
}
.cycle_iframe{
	width: 100%;
	height: 280px;
}
#main {
	margin: 20px auto 30px;
	min-height: 396px;
}
.part .part_title{
	padding-left: 15px;
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 22px;
	font-family: '\5FAE\8F6F\96C5\9ED1','Microsoft Yahei';
	background: url(//a2.cyoupic.com/pay/img/icon_title.png) no-repeat left center;
}
.quick_part .part_con{
    overflow: hidden;
    border: 1px solid #e4e4e4;
    border-right: 0;
    border-bottom: 0;
    width: 244px;
}

/*------------------------   Left    -------------------------*/

#left {
	width:695px;
	float:left;
}


/*------------------------   Right    -------------------------*/
#right {
	float:right;
	width:245px;
}
.quick_list{
	width: 244px;
	border-right: 1px solid #e4e4e4;
}
.quick_list li{
	float: left;
	overflow: hidden;
	width: 121px;
	height:129px;
	border-right: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	position: relative;
}
.quick_list li.q_01{
	width: 243px;
	height: 118px;
}
.icon_rtop{
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 15px;
	height: 15px;
	background: url(//a2.cyoupic.com/pay/img/icon_rtop.png) no-repeat scroll 0 0;
}
.quick_list li .quick_item{
	position: absolute;
	width: 100%;
	height: 100%;
}
.quick_list li .quick_item a{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url(//a2.cyoupic.com/pay/img/quick_bg_new.png);
}
.quick_list li .quick_item a:hover{
	text-decoration: none;
}
.quick_list li .quick_item a span{
	display: inline-block;
	margin-top: 85px;
	margin-left: 30px;
	font-size: 16px;
	color: #333;
	font-family: '\5FAE\8F6F\96C5\9ED1','Microsoft Yahei';
}
.quick_list li.q_01 .quick_item a span{
	margin-left: 115px;
	margin-top: 43px;
	font-size: 22px;
}
.quick_list li.q_04 .quick_item a span{
	margin-left: 20px;
}
.quick_list li.q_06 .quick_item a span{
    margin-left: 17px;
}
.quick_list li .quick_item a.hover span{
	color: #fff;
	text-decoration: none;
}
.quick_list li.q_01 .quick_item a.normal{
	background-position: 0 0;
}
.quick_list li.q_01 .quick_item a.hover{
	background-position: 0 -118px;
}
.quick_list li.q_02 .quick_item a.normal{
	background-position: -243px 0;
}
.quick_list li.q_02 .quick_item a.hover{
	background-position: -243px -129px;
}
.quick_list li.q_03 .quick_item a.normal{
	background-position: -364px 0;
}
.quick_list li.q_03 .quick_item a.hover{
	background-position: -364px -129px;
}
.quick_list li.q_04 .quick_item a.normal{
	background-position: -485px 0;
}
.quick_list li.q_04 .quick_item a.hover{
	background-position: -485px -129px;
}
.quick_list li.q_05 .quick_item a.normal{
	background-position: -606px 0;
}
.quick_list li.q_05 .quick_item a.hover{
	background-position: -606px -129px;
}
.quick_list li.q_06 .quick_item a.normal{
    background-position: -727px 0;
}
.quick_list li.q_06 .quick_item a.hover{
    background-position: -727px -129px;
}


/*===== Game List Success =====*/

.game_list{
	width: 695px;
	overflow: hidden;
}
.game_list ul{
	width: 705px;
}
.game_list ul li{
	overflow: hidden;
	float: left;
	_display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 223px;
	height: 118px;
	border: 1px solid #e4e4e4;
	background-repeat: no-repeat;
	background-image: url(//a2.cyoupic.com/pay/img/game_bg.jpg);
	position: relative;
}
.game_list ul li.list_xtl{
	background-position: 0 0;
}
.game_list ul li.list_eos{
	background-position: 0 -118px;
}
.game_list ul li.list_db{
	background-position: 0 -472px;
}
.game_list ul li.list_dpcq{
	background-position: 0 -1180px;
}
.game_list ul li.list_xsh{
	background-position: 0 -236px;
}
.game_list ul li.list_ty{
	background-position: 0 -708px;
}
.game_list ul li.list_ldj{
	background-position: 0 -590px;
}
.game_list ul li.list_jd{
	background-position: 0 -354px;/* 背景需要替换 */
}
.game_list ul li.list_hzsj{
	background-position: 0 -1062px;
}
.game_list ul li.list_slzj{
	background-position: 0 -944px;
}
.game_list ul li.list_xjzj{
	background-position: 0 -826px;
}
.game_list ul li.list_mhssj{
         background-position: 0 -1298px;
}
.game_list ul li.list_cydg{
       background-position: 0 -1416px;
}
.game_list ul li.list_qstl{
	background-position: 0 -1652px;
}
.mhssj{background-position: 0 -825px;}
.game_list ul li .lt_icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 48px;
	z-index: 10;
	background-position: center center;
	background-repeat: no-repeat;
}
.game_list ul li.list_xtl .lt_icon{
	background-image: url(//a2.cyoupic.com/pay/img/jd_icon_new.png);
}
.game_list ul li.list_tlhj .lt_icon{
	background-image: url(//a2.cyoupic.com/pay/img/hj_icon_new.png);
}
.game_list ul li a.game_logo{
	position: absolute;
	z-index: 2;
	top:21px;
	display: block;
	width: 223px;
	height: 75px;
	overflow: hidden;
	background-image: url(//a2.cyoupic.com/pay/img/game_list_v1.png);
	background-repeat: no-repeat;
}
.game_list ul li a.game_logo span{
	display: none;
}
.game_list ul li.list_tlgl{
	background-position: 0 -1534px;//灰色背景
}
.game_list ul li.list_tlhj{
	background-position: 0 -1125px;//灰色背景
}
.tlgl{
	background-position: 0 -1050px;//logo
}
.qstl{background-position: 0 -1200px;}
.tlhj{background-position: 0 -1125px;}
.xtl{background-position: 0 0;}
.db,.hxsy{background-position: 0 -75px;}
.dpcq{background-position: 0 -150px;}
.xsh{background-position: 0 -225px;}
.ty{background-position: 0 -300px;}
.ldj{background-position: 0 -375px;}
.jd{background-position: 0 -450px;}
.eos{background-position: 0 -525px;}
.hzsj{background-position: 0 -600px;}
.slzj{background-position: 0 -675px;}
.xjzj{background-position: 0 -750px;}
.cydg{background-position: 0 -900px;}
.hzsjWg{background-position: 0 -975px;}

.mask_item{
	position: absolute;
	top: 118px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #333;
	/*background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);*/
    zoom: 1;
    text-align: center;
}
.mask_item .pay_btn{
	display: inline-block;
	margin-top: 75px;
	width: 90px;
	height: 28px;
	line-height: 28px;
	background-color: #fd7c2e;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.mask_item .pay_btn:hover{
	color: #fff;
	text-decoration: none;
}
/* 返回旧版 */
.back_old{margin:415px 0 0;overflow:hidden;width:91px;height:162px;}

/* pop_qpay */
.pop_qpay{
	position: absolute;
	top: 56px;
	right: 107px;
	width: 321px;
	z-index: 1000;
	display: none;
}
.pop_qpay .pop_cont{
	padding: 9px 15px 0 9px;
	width: 297px;
	background: url(//a2.cyoupic.com/pay/img/qpay_bgt.png) no-repeat scroll 0 0;
}
.pop_qpay .pop_bottom{
	padding: 0 15px 9px 9px;
	width: 297px;
	height: 15px;
	background: url(//a2.cyoupic.com/pay/img/qpay_bg.png) no-repeat scroll 0 bottom;
}
/*===== Fast Pay =====*/
.pop_qpay .inner{
	padding:15px 25px 0;
	width: 247px;
}
.inner .title h3{
	float: left;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #333;
}
.inner .title .close_fast{
	float: right;
	margin-top: 3px;
	width: 15px;
	height: 15px;
	background: url(//a2.cyoupic.com/pay/img/close_fast.png) no-repeat scroll center center;
}
.fast_list {
	position: relative;
	padding:20px 0 0;
	width:247px;
}
.fast_list li.tips_box{
	position: absolute;
	top: 0;
	left: 0;
	color: #f60;
	line-height: 18px;
}
.fast_list li {
	margin-bottom:8px;
	width:100%;
	position: relative;
}
.fast_list li label {
	float:left;
	width:90px;
	margin-right:5px;
	text-align:right;
	line-height:34px;
	color:#777;
}
.fast_list li .wrap {
	float:left;
	height:26px;
}
.fast_list li .input {
	padding: 4px 15px;
	width:214px;
	height:24px;
	line-height:24px;
	color:#333;
	font-size:12px;
	border:#e4e4e4 solid 1px;
	border-radius: 3px;
}
.fast_list li .input_tips{
	position: absolute;
	left: 16px;
	top: 0;
	display: inline-block;
	height: 34px;
	line-height: 34px;
	color: #aeaeae;
}
.fast_list li .yzm_input{
	float: left;
	width: 51px;
}
.fast_list li .code {
	float: left;
	margin-left: 8px;
	margin-right: 4px;
	width:91px;
	height:33px;
	_display:inline;
	font-size: 14px;
}
.fast_list li .refresh{
	float: left;
	width: 58px;
	height: 31px;
	line-height: 31px;
	border: 1px solid #dadada;
	background-color: #ececec;
	color: #828282;
	text-align: center;
	border-radius: 3px;
}
.fast_list li .refresh:hover{
	text-decoration: none;
}
.fast_list .submit_box{
	padding-top: 13px;
}
.fast_list .submit_box .fast_btn,.reg-now .fast_btn{
	display: block;
	margin: 0 auto;
	width: 247px;
	height: 34px;
	line-height: 34px;
	background-color: #f60;
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-family: "微软雅黑";
	border-radius: 4px;
}
.fast_list .submit_box .fast_btn:hover,.reg-now .fast_btn:hover{
	text-decoration: none;
	color: #fff;
}
.fast_list li .select-module{
	position:relative;
	float: left;
	width: 151px;
	height: 34px;
}
.fast_list li .select-module .select_input{
  position:absolute;
  left:0;
  top:0; 
  padding-right:36px;
  width:98px;
  cursor: pointer;
  background: url(//a2.cyoupic.com/pay/img/select_ico.png) no-repeat scroll 120px center;
  color:#aeaeae;
  border-radius: 3px;
}
.select-module .select_box{
  position:absolute; 
  top:32px; 
  left:0; 
  z-index:100;
  border-top:none; 
  width: 149px; 
  max-height:360px;
  overflow-x: hidden; 
  overflow-y: auto;   
  border: 1px solid #4aa7f8;
  border-top:none;
  background:#fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.select_box a{ 
  display:block;
  color:#666;
  width:134px; 
  height:30px; 
  line-height:30px; 
  padding:0px 0px 0px 15px; 
  font-size:12px;
}
.select_box a:hover,.select_box a.hover{
  background:#77c9ff; 
  color:#fff;
  text-decoration: none;
}
.fast_list li input.error_input {
	border:1px solid #f00;
}
.fast_list li input.focus {
	border:1px solid #4aa7f8;
}
.pop_zz{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #000;
	opacity: 0.6;
	filter:alpha(opacity=60);
	display: none;
}
.pop_warp{
	position: absolute;
	top: 350px;
	left: 50%;
	margin-left: -480px;
	width: 960px;
	height: 500px;
	display: none;
	z-index: 1000;
}

.passport a {
  color: #000;
  text-decoration: none; }
  .passport a:hover {
    text-decoration: underline; }

.ppselecter, .ppselecter * {
  font-size: 12px;
  line-height: normal; }

.ppselecter {
  display: none;
  position: absolute;
  min-width: 244px;
  width: auto;
  border: 1px solid #4aa7f8; }
  .ppselecter .ppseltit {
    height: 25px;
    padding-top: 0px;
    text-indent: 6px; }
  .ppselecter table td table td {
    padding: 3px;
    cursor: pointer; }
  .ppselecter .active {
    background: #aad7ff;
    color: #fff;
    font-weight: normal; }


/*===== Fast Pay Success =====*/
.intro_wrap {
	padding:50px 0;
	height: 210px;
	text-align:center;
	font-size: 14px;
}
.money {
	color:#cb1300;
}
.reg-now{
	margin-top: 20px;
}
.pay_success{
	line-height: 25px;
	text-align: center;
}

.main_container{
  position: relative;
}
.cyg_link{
  position: absolute;
  left: 50%;
  top: 0;
  margin: 45px 0 0 500px;
  width: 120px;
  height: 120px;
}
.cyg_link .close{
    position: absolute;
    right: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url("//i0.cy.com/source/img/i/close.png") no-repeat scroll -1px -2px;
}