﻿@charset "utf-8";
/* CSS Document */
/***********
	*@Description: 主css样式
	*@Author:poqi
	*@Update:
	*@time:(2016-04-10)
***********/

/*首页*/
	.grid_bg{background-image:url(../images/grid_bg.gif)}

	/*焦点图片*/
	#focus_box{width:100%; min-width:1200px; height:500px; position:relative; overflow:hidden; z-index:5}
	#focus_box .prev , #focus_box .next{background:url(../images/focus_page.png) no-repeat; width:40px; height:85px; margin-top:-42px; cursor:pointer; top:50%; position:absolute; z-index:98}
	#focus_box .prev{background-position:top left; left:-40px;transition:left 0.2s linear;}
	#focus_box .next{background-position:top right; right:-40px;transition:right 0.2s linear}
	#focus_box:hover .prev {left:0px;}
	#focus_box:hover .next{right:0px;}
	.focus_ad{background:url(../images/banner_bg.jpg) top center; height:500px}
	.focus_num{margin-left:-24px; position:absolute; left:50%; bottom:70px; z-index:98}
	.focus_num li{float:left; background:#FFF; border-radius:6px; width:12px; height:12px; opacity:0.7; margin:0 3px; cursor:pointer; transition:width linear 0.3s}
	.focus_num li.on{background:#0d3496; width:24px; opacity:1}
	
	.focus_con{width:1200px; margin:0 auto; position:relative; z-index:3}
	.focus_t{position:absolute; top:135px; left:50px}
	.focus_t .pic{display:block; float:left; width:100px}
	.focus_t .pic img{border-radius:15px; width:100px; height:100px}
	.focus_t .text{padding:5px 0 0 120px}
	.focus_t .text .name{font-size:45px; color:#FFF; line-height:45px; padding-bottom:10px}
	.focus_t .text .descr{font-size:30px; color:rgba(255,255,255,0.5); line-height:30px}
	.focus_t .btn_down{display:inline-block; border-width:1px; border-style:solid; border-radius:10px; border-color:rgba(255,255,255,0.3); font-size:20px; color:rgba(255,255,255,0.8); line-height:68px; height:68px; padding:0 40px; cursor:pointer; margin:0 5px; transition:all 0.3s linear}
	.focus_t .btn_down:hover{background:#029d1e; border-color:#029d1e; color:rgba(255,255,255,0.8)}
	
	.focus_p{/*background:url(../images/banner_pic1.png) no-repeat;*/ width:1060px; height:500px; margin-right:-800px; position:absolute; top:0; right:50%; z-index:2}
	
	/*左侧*/
		/*开服列表*/
		.in_zone{background-color:#FFF; height:260px; padding:20px; position:relative}
		.in_zone dt{font-size:14px; color:#666; text-align:center; line-height:30px; height:30px; padding-bottom:5px}
		.in_zone dd{font-size:14px; color:#999; text-align:center; line-height:30px; height:30px; transition:all 0.3s linear}
		.in_zone dd:hover{background:#F5F5F5}
		.in_zone .name{display:block; float:left; width:80px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		.in_zone .time{display:block; float:left; width:55px}
		.in_zone .date{display:block; float:left; width:55px}
		.in_zone .zone{display:block; float:left; width:70px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
			/*翻页4*/
			.zone_page{position:absolute; top:25px; right:20px}
			.zone_page a{display:block; float:left; margin:0 2px}
			.zone_page .up, .zone_page .down{width:15px; height:15px; margin:0 3px; transition:all 0.3s linear}
			.zone_page .up{background-position:-200px 0}.zone_page .up:hover{background-position:-215px 0}
			.zone_page .down{background-position:-215px -15px}.zone_page .down:hover{background-position:-200px -15px}
			.zone_page .num{background:rgba(0,0,0,0.2); border-radius:50%; line-height:8px; width:8px; height:8px; margin-top:3px; transition:all 0.3s linear}
			.zone_page .on{background:rgba(13,52,149,0.5)}
		
		/*礼包领取*/
		.in_rank{background-color:#FFF; padding:10px 0}
			/*展示*/
			.in_rank_pic{border-bottom:1px dotted #e2e2e2; height:70px; position:relative; padding:10px 20px 20px; display:none}
			.in_rank_pic dt{float:left; width:70px; height:70px}
			.in_rank_pic dt img{border-radius:15px; width:100%; height:100%}
			.in_rank_pic dd{padding-left:90px}
			.in_rank_pic dd .name{font-size:16px; color:#666; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
			.in_rank_pic dd .progre{line-height:18px}
			.in_rank_pic dd .progre .surplus{font-size:12px; color:#ff601b; padding-left:10px; vertical-align:middle}
			.in_rank_pic dd .btn_collar{display:inline-block; border-radius:3px; border:1px solid rgba(255,69,27,0.3); font-size:14px; color:#ff601b; text-align:center; line-height:28px; height:28px; width:80px;transition:all 0.4s linear}
			.in_rank_pic dd .btn_collar:hover{background:#ff601b; color:rgba(255,255,255,0.8)}
			
			/*列表*/
			.in_rank_text{line-height:20px; height:20px; padding:10px 20px}
			.in_rank_text .name{display:block; float:left; font-size:14px; color:#8d8d8d; width:185px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
			.in_rank_text .surplus{float:right; font-size:12px; color:#999}
			
			/*弹出层礼包领取*/
			.popup_gift_box{width:600px; min-height:300px; margin:-150px 0 0 -300px; _top:expression(documentElement.scrollTop + 100 + "px");}
			.popup_gift_info{padding:20px}
			.popup_gift_info li{font-size:14px; line-height:35px; position:relative}
			.popup_gift_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:35px; width:150px; padding-right:10px}
			.popup_gift_info .rc{padding-left:160px}
		/*客服*/
		.in_kf .k_link{background:#3354a4; border-radius:0 0 3px 3px; font-size:14px; line-height:40px; height:40px}
		.in_kf .k_link a{display:block; float:left; color:rgba(255,255,255,0.8); text-align:center; width:145px}.in_kf .k_link a:hover{color:#FFF}
		.in_kf .k_link .line{display:block; float:left; color:#5c76b6; text-align:center; width:10px}

	/*右侧*/
		/*资讯活动*/
		.in_news{background-color:#FFF; height:270px; width:550px; padding:30px 40px 0; position:relative}
		.in_news .more{display:block; background-position:-370px -120px; width:50px; height:50px; position:absolute; top:0; right:0}
			/*展示*/
			.in_news_one{position:relative; padding-bottom:10px}
			.in_news_one dt{float:left; width:70px; height:70px}
			.in_news_one dt img{border-radius:15px; width:100%; height:100%}
			.in_news_one dd{font-size:20px; color:#ff601b; line-height:30px; padding:5px 0 0 90px}
			
			/*列表*/
			.in_news_list li{line-height:35px; height:35px}
			.in_news_list a{display:block; float:left; font-size:14px; color:#8d8d8d; width:470px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
			.in_news_list a:hover{color:#ff601b}
			.in_news_list .time{float:right; color:#b8b8b8}
		
		/*推荐游戏*/
		.in_push_game{}
		.in_push_game ul{width:900px}
		.in_push_game li{float:left; width:280px; margin-right:20px; transition:all 0.4s linear}
		
			.in_push_game .up_iofo{height:170px; position:relative;; overflow:hidden}
			.in_push_game .up_iofo .pic img{width:280px; height:170px}
			.in_push_game .mark_start{background:rgba(0,0,0,0.8); width:220px; height:125px; padding:45px 30px 0; position:absolute; bottom:-170px; left:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.31, 1)}
			.in_push_game .mark_start .code{float:left; width:80px; height:80px}
			.in_push_game .mark_start .code img{width:80px; height:80px}
			.in_push_game .mark_start .rbox{padding-left:95px}
			.in_push_game .mark_start .rbox .descr{font-size:14px; color:rgba(255,255,255,0.8)}
			.in_push_game .mark_start .rbox .btn_down{display:inline-block; border-radius:3px; border:1px solid rgba(255,69,27,0.3); font-size:14px; color:#ff601b; text-align:center; line-height:28px; height:28px; width:80px; margin-top:13px; transition:all 0.4s linear}
			.in_push_game .mark_start .rbox .btn_down:hover{background:#ff601b; color:rgba(255,255,255,0.8)}

			.in_push_game .down_iofo{background:rgba(255,255,255,0.5); border:1px solid #dedede; border-top:none; height:65px; padding:15px 20px 0}
			.in_push_game .down_iofo .btn{display:block; float:right; border-radius:3px; border:1px solid rgba(255,69,27,0.3); font-size:14px; color:#ff601b; text-align:center; line-height:23px; height:23px; width:80px;transition:all 0.4s linear}
			.in_push_game .down_iofo .btn:hover{background:#ff601b; color:rgba(255,255,255,0.8)}
			.in_push_game .down_iofo .name{display:inline-block; font-size:16px; font-weight:bold; color:#333; line-height:25px}.in_push_game .down_iofo .name:hover{color:#ff601b}
			.in_push_game .down_iofo .test{font-size:12px; color:#999; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		.in_push_game li:hover{background-color:#FFF; box-shadow:0 4px 7px rgba(0,0,0,0.1)}
		.in_push_game li:hover .mark_start{bottom:0}
		
		/*热门游戏*/
		.in_hot_game ul{width:900px}
		.in_hot_game li{float:left; width:240px; padding:20px; margin:0 20px 10px 0; position:relative}
		.in_hot_game .pic{float:left; width:70px; height:70px}
		.in_hot_game .pic img{border-radius:15px; width:100%; height:100%}
		.in_hot_game .rbox{padding-left:85px; line-height:25px; padding-top:5px}
		.in_hot_game .rbox .name{display:block; font-size:16px; color:#666}.in_hot_game .rbox .name:hover{color:#ff601b}
		.in_hot_game .rbox .descr{font-size:12px; color:#999}
		.in_hot_game .btn_down{background-color:#61b310; border-radius:3px; width:25px; height:25px; position:absolute; top:33px; right:20px; opacity:0.2; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
		.in_hot_game li:hover .btn_down{top:43px; opacity:1}
		
		/*友情链接 */
		.in_links{margin:0 20px; overflow:hidden}
		.in_links li{float:left; line-height:25px}
		.in_links .line, .links .in{color:#CCC; padding:0 10px}
		
/*内页*/
	/*标题*/
	.inner_title{background:#fafafa; height:70px; line-height:70px; padding:0 30px; position:relative}
	.inner_title .title{display:block; float:left; font-size:20px; color:#333}
	
	/*标题*/
	.inner_title2{background:#F7F7F7; border-bottom:1px solid #F2F2F2; height:30px; line-height:30px; padding:30px; position:relative}
	.inner_title2 .title{display:block; float:left; font-size:20px; color:#333}
		/*位置*/
		.location{font-size:14px; color:#999; line-height:30px; height:30px; margin-top:20px}
		.location a{color:#999}
		.location a:hover{color:#ff601b}
		.location .arrow{font-family:"宋体"; padding:0 10px}
	
	/*选择条件*/
	.attrs_select{background:#F7F7F7; border-bottom:1px solid #F2F2F2; padding:20px 30px}
	.attrs_select li{border-bottom:1px dashed #F2F2F2}
	.attrs_select label{display:block; float:left; font-size:14px; font-weight:bold; color:#666; line-height:50px; text-align:right; width:110px}
	.attrs_select .shop_list{margin-left:120px; padding:10px 0}
	.attrs_select .shop_list a{display:inline-block; border-radius:3px; font-size:14px; color:#999;line-height:30px; padding:0 20px; transition:all 0.3s linear}
	.attrs_select .shop_list a:hover{background:#FF6600; color:rgba(255,255,255,0.8)}
	.attrs_select .shop_list .on, .attrs_select .shop_list .on:hover{background:#e9e9e9; color:#666}
	
	/*游戏*/
	.game_list li{border-bottom:1px solid #F2F2F2; padding:20px; position:relative}
	.game_list .pic{float:left; width:100px; height:100px}
	.game_list .pic img{border-radius:22px; width:100%; height:100%}
	.game_list .txt_box{float:left; font-size:14px; color:#999; line-height:25px; width:550px; padding:10px 0 0 20px}
	.game_list .txt_box p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.game_list .txt_box .name{display:inline-block; font-size:20px; color:#666; vertical-align:middle; padding-right:10px}.game_list .txt_box .name:hover{color:#ff6716}
	.game_list .btn_box{float:right; padding-top:30px}
	.game_list .btn_box a:hover .ic20_android2{background-position:-70px -120px}
	.game_list .btn_box a:hover .ic20_ios2{background-position:-70px -140px}
	.game_list .btn_box a{position:relative}
	.game_list .btn_box a:hover .sweep_code{display:block}
	
	.game_list .item{float:left; position:relative}
	.game_list .sweep_code{display:none; margin-left:-80px; position:absolute; top:45px; left:50%; z-index:97; /*opacity:0;*/ transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
	.game_list .sweep_code .code_arrow{border-bottom:15px solid #FFF; border-left:15px solid transparent; border-right:15px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:-15px; left:65px}
	.game_list .sweep_code .code{background:#FFF; text-align:center; padding:20px 20px 15px; box-shadow:0 0 7px rgba(0,0,0,0.4)}
	.game_list .sweep_code .code img{width:120px; height:120px}
	.game_list .sweep_code .code p{font-size:16px; color:#666; line-height:30px}
	.game_list .btn_game_on{display:inline-block; background:#adadad; border-radius:3px; font-size:14px; font-family:"微软雅黑"; line-height:45px; height:45px; padding:0 20px; margin:0 5px; color:#FFF; cursor:context-menu}
	.game_list .btn_game_on .ic20_android2{background-position:-70px -120px}
	.game_list .btn_game_on .ic20_ios2{background-position:-70px -140px}
		
	/*搜索*/
	.search_box{display:inline-block; background:#ededed; border-radius:5px; height:40px; position:relative}
	.search_box li{float:left}
	.search_box .search_input{background:none; border:none; font-size:14px; font-family:"微软雅黑"; color:#999; line-height:40px; height:40px; width:235px; padding-left:15px}
	.search_box .search_btn{background-position:-460px -120px; background-color:#a1a1a1; border-radius:0 3px 3px 0; border:none; width:40px; height:40px; padding:0; cursor:pointer; transition:all 0.3s linear}
	.search_box .search_btn:hover{background-color:#029d1e}
	
	/*新闻中心*/
	.new_item{padding:0 30px}
	.new_item li{border-bottom:1px solid #F2F2F2; padding:30px 20px}
	.new_item .time{background-position:-280px -120px;display:block; float:left; text-align:center; width:70px; height:68px; margin-right:20px}
	.new_item .time em{display:block; font-size:35px; font-family:Cambria; color:#666; line-height:45px; font-style:normal}
	.new_item .time span{display:block; font-size:12px; color:rgba(255,255,255,0.5); line-height:20px}
	.new_item .pic{display:block; background-color:#F2F2F2; border-radius:3px; float:left; width:220px; height:134px; overflow:hidden}
	.new_item .pic img{width:100%}
	.new_item .text{padding:30px 0 0 350px}
	.new_item .text h3 a{display:block; font-size:20px; font-weight:100; color:#333; padding-bottom:10px}
	.new_item .text h3 a:hover{color:#ff601b}
	.new_item .text p{font-size:14px; color:#999; height:44px; overflow:hidden}
		
		/*文章详细*/
		.list_detail{border-bottom:1px dotted #f2f2f2; text-align:center; position:relative}
		.list_detail h1{font-size:30px; font-weight:100; color:#333; line-height:30px}
		.list_detail p{display:block; font-size:14px; color:#999; padding:15px 0 30px}
		/*上下页*/
		.page_updown{border-top:1px dotted #ebebeb; font-size:14px; color:#666; line-height:30px; padding:10px 40px}
		.page_updown a{display:inline-block; color:#666}
		.page_updown a:hover{color:#ff601b}
		
		.m_text{font-size:14px; color:#666; line-height:25px}
		.m_text img{max-width:740px}
		
	/*客服中心*/
	.service_item{padding-bottom:40px}
	.service_item ul{width:1220px}
	.service_item a{float:left; box-shadow:0 4px 7px rgba(0,0,0,0.1); width:386px; margin-right:20px; position:relative; transition:all 0.4s linear}
	.service_item .up_iofo{height:190px; position:relative;; overflow:hidden; position:relative}
	.service_item .up_iofo img{transition:all 0.6s cubic-bezier(.215, .61, .355, 1)}
	.service_item a:hover .up_iofo img{margin-top:-30px}
	.service_item .down_iofo{font-size:18px; color:#333; text-align:center; line-height:60px}
	.service_item .wx_code{position:absolute; top:180px; left:93px; z-index:97; visibility:hidden; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
	.service_item .wx_code .arrow{border-bottom:15px solid #FFF; border-left:15px solid transparent; border-right:15px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:-15px; left:85px}
	.service_item .wx_code .code{box-shadow:0 4px 7px rgba(0,0,0,0.1)}
	.service_item a:hover .wx_code{visibility:visible; opacity:1; top:150px}
	
	.service_item .email_info{position:absolute; top:180px; left:93px; z-index:97; visibility:hidden; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
	.service_item .email_info .arrow{border-bottom:15px solid #FFF; border-left:15px solid transparent; border-right:15px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:-15px; left:85px}
	.service_item .email_info .email_com{background:#FFF; text-align:center; padding:20px 0; width:200px}
	.service_item .email_info .name{font-size:20px; color:#666; padding-bottom:10px}
	.service_item .email_info .text{font-size:16px; color:#029d1e}
	.service_item a:hover .email_info{visibility:visible; opacity:1; top:150px}
	
		    /*标题*/
			.qa_title{height:40px; position:relative}
			.qa_title .title{display:inline-block; background:#EEE; font-size:20px; color:#666; line-height:40px; padding:0 20px; margin-left:-60px; position:absolute; top:0; left:50%; z-index:2}
			.qa_title .line{background:#e2e2e2; height:1px; width:100%; position:absolute; top:20px; left:0; z-index:1}
			
			/*常见问题*/
			.qa_list .qa_list_item{border-bottom:1px solid #e2e2e2; padding:20px 40px}
			.qa_list .qa_list_a{display:none; padding-top:10px}
			.qa_list .qa_list_q, .qa_list .qa_list_a{min-height:25px}
			.qa_list .title{padding-left:45px; font-size:16px; color:#333; line-height:25px}
			.qa_list .text{padding-left:45px; font-size:16px; color:#999; line-height:25px}
			.qa_list i{display:block; float:left; width:25px; height:25px}
			.qa_list .ic_q{background-position:0 -125px}
			.qa_list .ic_a{background-position:0 -150px}
	
	/*用户中心*/
		/*用户信息*/
		.user_info{text-align:center; padding:20px}
		.user_info .avatar{display:inline-block; background:url(../images/avatar_default.png) no-repeat; background-size:80px; border:2px solid #FFF; border-radius:50%; box-shadow:0 4px 10px rgba(0,0,0,0.2); width:80px; height:80px}
		.user_info .avatar img{height:80px; width:80px; border-radius:50%}
		.user_info .name{font-size:16px; color:#666; padding-top:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		
		/*用户信息*/
		.user_nav{padding-bottom:40px}
		.user_nav a{display:block; border-bottom:1px dotted #F2F2F2; font-size:14px; color:#666; line-height:50px; padding:0 20px; cursor:pointer; position:relative; transition:all 0.3s linear}
		.user_nav a:hover{background:#F9F9F9}
		.user_nav .on, .user_nav .on:hover{background:#029d1e; color:rgba(255,255,255,0.8)}
		.user_nav .on .arrow{border-right:10px solid #EEE; border-top:10px solid transparent; border-bottom:10px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:15px; right:0;}
		.user_nav .on .ic20_picture{background-position:-90px 0}
		.user_nav .on .ic20_key{background-position:-90px -20px}
		.user_nav .on .ic20_phone{background-position:-90px -40px}
		.user_nav .on .ic20_outline{background-position:-90px -60px}
		.user_nav .on .ic20_board{background-position:-90px -80px}
		.user_nav .on .ic20_money{background-position:-90px -100px}
		.user_nav .on .ic20_voucher{background-position:-90px -240px}
		
		/*头像上传*/
		.avatar_upload{padding-bottom:10px}
		.avatar_upload .descr{font-size:12px; color:#999; padding-left:20px}
		
		.avatar_size .com_1, .avatar_size .com_2{display:block; float:left; margin-right:10px}
		.avatar_size .com_1 .pic{background:#CCC; width:125px; height:125px}
		.avatar_size .size{font-size:12px; color:#999; line-height:30px}
		.avatar_size .com_2 .pic{background:#CCC; width:80px; height:80px}
		.avatar_size .com_1 .pic img, .avatar_size .com_2 .pic img{width:100%; height:100%}
		
		/*消息中心*/
		.mation_list li{border-bottom:1px solid #F2F2F2; padding:20px}
		.mation_list .text{display:block; float:left; font-size:14px; color:#666; line-height:20px; width:700px}
		.mation_list .time{font-size:14px; color:#CCC}
		
		/*提示*/
		.msg_test{background:#e9e9e9; color:#666; line-height:25px; padding:15px 30px}
		.msg_test .title{font-size:16px; padding-bottom:5px}
		.msg_test .text{font-size:14px}
		
		/*申诉信息*/
		.appeal_list dt{background:#F9F9F9; font-size:14px; color:#666; text-align:center; line-height:40px; height:40px}
		.appeal_list dd{border-bottom:1px dotted #e5e5e5; font-size:14px; color:#999; text-align:center; line-height:40px; height:40px}
		.appeal_list .num{display:block; float:left; width:10%; white-space:nowrap; overflow:hidden}
		.appeal_list .con{display:block; float:left; width:40%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		.appeal_list .state{display:block; float:left; width:15%; white-space:nowrap; overflow:hidden}
		.appeal_list .time{display:block; float:left; width:15%; white-space:nowrap; overflow:hidden}
		.appeal_list .see{display:block; float:left; width:20%; overflow:hidden}
			/*申诉详细*/
			.appeal_info li{font-size:14px; line-height:40px; position:relative}
			.appeal_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:40px; width:150px; padding-right:10px}
			.appeal_info .rbox{padding-left:160px}
			.appeal_info .rbox .text{}
			.appeal_info .rbox .pic{display:inline-block; padding:10px 0}.appeal_info .rbox .pic img{max-width:300px}
			
			/*切换*/
			/*.user_menu{padding-bottom:10px}
			.user_menu a{display:inline-block; border:1px solid #a7d6af; border-radius:3px; font-size:14px; font-family:"微软雅黑"; color:#029d1e; line-height:33px; height:33px; padding:0 20px; cursor:pointer; margin:0 5px; transition:all 0.3s linear}
			.user_menu a:hover, .user_menu .on{background:#029d1e; border-color:#029d1e; color:rgba(255,255,255,0.8)}*/
			.user_menu{padding-bottom:30px}
			.user_menu a{display:inline-block; border-radius:3px; font-size:16px; font-family:"微软雅黑"; color:#999; line-height:40px; padding:0 30px; cursor:pointer; position:relative; transition:all 0.3s linear}
			.user_menu a i{opacity:0; border-top:6px solid #029d1e; border-left:6px solid transparent; border-right:6px solid transparent; font-size:0; height:0; width:0; line-height:0; margin-left:-6px; position:absolute; bottom:-6px; left:50%}
			.user_menu a:hover{background:#35b14b; color:rgba(255,255,255,0.8)}
			.user_menu .on,.user_menu .on:hover{background:#029d1e; color:rgba(255,255,255,0.8)}
			.user_menu .on i{opacity:1}
			
			/*弹出层申诉信息*/
			.popup_appeal_box{width:600px; min-height:400px; margin:-200px 0 0 -300px; _top:expression(documentElement.scrollTop + 100 + "px");}
			.popup_appeal_info{padding:20px}
			.popup_appeal_info li{font-size:14px; line-height:35px; position:relative}
			.popup_appeal_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:35px; width:150px; padding-right:10px}
			.popup_appeal_info .rbox{padding-left:160px}
			
		/*代金券*/
		.vouchers_list dt{background:#F9F9F9; font-size:14px; color:#666; text-align:center; line-height:40px; height:40px}
		.vouchers_list dd{border-bottom:1px dotted #e5e5e5; font-size:14px; color:#999; text-align:center; line-height:40px; height:40px}
		.vouchers_list .num{display:block; float:left; width:25%; white-space:nowrap; overflow:hidden}
		.vouchers_list .money{display:block; float:left; width:7%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		.vouchers_list .name{display:block; float:left; width:15%; white-space:nowrap; overflow:hidden}
		.vouchers_list .time{display:block; float:left; width:20%; white-space:nowrap; overflow:hidden}
		.vouchers_list .usetime{display:block; float:left; width:13%; white-space:nowrap; overflow:hidden}
		.vouchers_list .see{display:block; float:left; width:10%; overflow:hidden}
		.vouchers_list .state{display:block; float:left; width:10%; white-space:nowrap; overflow:hidden}
		
		/*支付*/
			/*流程*/
			.process{margin:10px 60px 50px; position:relative}
			.process li{display:block; float:left; width:33.3%; position:relative; z-index:3}
			.process li i{display:inline-block; background:#e5e5e5; border-radius:50px; height:30px; width:30px}
			.process li i em{display:inline-block; background:#029d1e; border-radius:50px; height:20px; width:20px; margin:5px}
			.process li p{font-size:16px; color:#666; padding:20px 0}
			.process .line{background:#e5e5e5; height:2px; width:100%; position:absolute; top:14px; left:0; z-index:2}
			.process .line span{display:inline-block; background:#029d1e; height:2px}
			.process .p1{float:left}.process .p2{float:left; text-align:center}.process .p3{float:right; text-align:right}
			.process .process_on i{background:#029d1e}
			.process .process_on i em{background:#FFF}
			.process .process_on p{color:#029d1e}
			
			.pay_fill li{padding:10px 0; position:relative}
			.pay_fill label{float:left; font-size:16px; color:#999; text-align:right; line-height:40px; width:190px; padding-right:10px}
			.pay_fill .rbox{padding-left:200px}
			.pay_fill .note{font-size:14px; color:#999; padding:15px 0}
			.pay_fill .more{display:block; background:#F5F5F5; text-align:center; line-height:25px; width:485px; margin-top:10px}
			.pay_fill .msg_text, .pay_fill .msg_warn, .pay_fill .msg_yes{display:inline-block; font-size:14px; color:#999; padding-left:15px}
			.pay_fill .msg_warn{color:#ff601b}.pay_fill .msg_yes{color:#029d1e}
			
			/*选择*/
			.option_item{width:500px}
			.option_item dd{float:left; border:1px solid #ededed; line-height:40px; height:40px; width:120px; margin: 0 0 -1px -1px; position:relative; cursor:pointer}
			.option_item font{display:block; font-size:14px; color:#999; width:100px; padding:0 10px;}
			.option_item .option_on font{border:2px solid #ff6716; line-height:38px; height:38px; width:98px;  position:absolute; left:-1px; top:-1px; z-index:8}
			.option_item i{display:none; background-position:-70px -200px; width:20px; height:20px; position:absolute; bottom:0; right:0}
			.option_item .option_on i{display:block}
			.option_item .input_txt{background:#FFF; border:1px solid #ededed; font-family:"微软雅黑"; color:#666; text-align:center; line-height:28px; width:70px; margin-top:-3px}
			.option_bg{background:#F5F5F5}
			.option_item .pay_wx, .option_item .pay_zfb, .option_item .pay_yd, .option_item .pay_lt, .option_item .pay_dx, .option_item .pay_jdqb{display:block; background-image:url(../images/pay_logo.jpg); height:40px}
			.option_item .pay_wx{background-position:0 0}
			.option_item .pay_zfb{background-position:0 -40px}
			.option_item .pay_yd{background-position:0 -80px}
			.option_item .pay_lt{background-position:0 -120px}
			.option_item .pay_dx{background-position:0 -160px}
			.option_item .pay_jdqb{background-position:0 -200px}
				
				.pay_tab a{float:left; background:#eaeaea; font-size:14px; color:#666; text-align:center; line-height:40px; padding:0 30px; cursor:pointer; transition:background 0.3s linear}
				.pay_tab .on{background:#515666; color:#FFF}
				
				/*支付信息*/
				.pay_info_box{width:600px; min-height:300px; margin:-200px 0 0 -300px; _top:expression(documentElement.scrollTop + 100 + "px");}
				.pay_info{padding:20px}
				.pay_info li{font-size:14px; line-height:35px; position:relative}
				.pay_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:35px; width:150px; padding-right:10px}
				.pay_info .rc{padding-left:160px}
				
			/*游戏选择条件*/
			.pay_drop{margin-right:10px; position:relative; z-index:9}
			.pay_arrow{display:block; box-shadow:0 2px 4px rgba(0,0,0,0.2); border-radius:3px; font-size:16px; height:45px; position:relative}
			.pay_arrow .num{display:block; float:left; border-radius:3px 0 0 3px; color:#FFF; text-align:center; line-height:45px; width:40px; transition:all 0.3s linear}
			.pay_arrow .t{display:block; float:left; color:#FFF; line-height:45px; min-width:90px; padding:0 15px; overflow:hidden; zoom:1}
			.pay_arrow .arrow{float:right; display:block; border-radius:0 3px 3px 0; height:45px; width:40px}
			.pay_arrow .arrow i{border-top:5px solid #FFF; border-left:5px solid transparent; border-right:5px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:20px; right:15px; transition:all 0.2s linear}
				.pay_arrow:hover .arrow i, .pay_arrow_on .arrow i{transform:rotate(180deg)}
				
			.pay_bg1{background:linear-gradient(to bottom, #ff8135, #ff6b29); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8135', endColorstr='#ff6b29')}
			.pay_bg1 .num{background:linear-gradient(to bottom, #ff7430, #ff6025); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7430', endColorstr='#ff6025')}
			.pay_bg1 .arrow{background:linear-gradient(to bottom, #ff682a, #ff5621); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff682a', endColorstr='#ff5621')}
			.pay_bg2{background:linear-gradient(to bottom, #35b854, #35a747); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#35b854', endColorstr='#35a747')}
			.pay_bg2 .num{background:linear-gradient(to bottom, #30b14b, #309e40); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#30b14b', endColorstr='#309e40')}
			.pay_bg2 .arrow{background:linear-gradient(to bottom, #2aaa43, #2a9539); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2aaa43', endColorstr='#2a9539')}
			.pay_bg3{background:linear-gradient(to bottom, #3861af, #35519e); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3861af', endColorstr='#35519e')}
			.pay_bg3 .num{background:linear-gradient(to bottom, #3257a7, #304994); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3257a7', endColorstr='#304994')}
			.pay_bg3 .arrow{background:linear-gradient(to bottom, #2d4e9f, #2a418b); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d4e9f', endColorstr='#2a418b')}
			
			.pay_drop_box{background:#FFF; border:1px solid #e6e6e6; box-shadow:0 0 7px rgba(0,0,0,0.2); width:500px; position:absolute; top:45px; left:0}
			.pay_drop_box .title{background:#F5F5F5; border-bottom:1px solid #e6e6e6; height:35px; padding:0 15px}
			.pay_drop_box .title h2{display:inline-block; font-size:14px; font-weight:100; line-height:35px}
			.pay_drop_box .input_txt{background:#FFF; border:1px solid #ededed; font-size:12px; font-family:"微软雅黑"; color:#999; line-height:28px; width:150px; padding:0 10px; margin-top:2px}
			.pay_drop_box .txt{max-height:180px; _height:180px; padding:10px; overflow-y:auto}
			.pay_drop_box .txt a{display:block; float:left; color:#666; line-height:30px; text-align:center; width:25%}
			.pay_drop_box .txt a:hover{background:#F9F9F9; color:#ff6716}
			.pay_drop_box .txt2{max-height:180px; _height:180px; padding:10px; overflow-y:auto}
			.pay_drop_box .txt2 a{display:block; color:#666; line-height:30px; text-align:center}
			.pay_drop_box .txt2 a:hover{background:#F9F9F9; color:#ff6716}
			.pay_drop_box .arrow{border-bottom:8px solid #e6e6e6; border-left:8px solid transparent; border-right:8px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:-8px; left:90px; transition:all 0.2s linear}
	
	/*会员注册*/
		/*注册*/
		.fill_list li{padding:10px 0; position:relative}
		.fill_list label{float:left; font-size:14px; color:#666; text-align:right; line-height:40px; width:250px; padding-right:10px}
		.fill_list .rbox{display:block; float:left}
		.fill_list .text{display:inline-block; font-size:16px; color:#999; line-height:40px}
		.fill_list .msg_text, .fill_list .msg_warn, .fill_list .msg_yes{display:inline-block; font-size:14px; color:#999; padding-left:15px}
		.fill_list .msg_warn{color:#ff601b}.fill_list .msg_yes{color:#029d1e}
		.fill_list .btn_upload{display:inline-block; background:#e9e9e9; font-size:14px; color:#666; line-height:40px; padding:0 30px; cursor:pointer; transition:all 0.3s linear}
		.fill_list .btn_upload:hover{background:#ff601b; color:rgba(255,255,255,0.8)}
		
		/*注册成功信息*/
		.register_info{width:440px; padding:40px 0; margin:0 auto}
		.register_info dt{display:block; float:left}
		.register_info dt i{margin-top:0}
		.register_info dd{padding:20px 0 0 120px}
		.register_info .title{font-size:30px; color:#029d1e; line-height:30px; padding-bottom:10px}
		.register_info .text{font-size:18px; color:#666}
		
/*以下动画*/
.anim1{
animation:anim1 cubic-bezier(0.65, 0.05, 0, 1); 
-moz-animation:anim1 3s cubic-bezier(0.65, 0.05, 0, 1); /* Firefox */
-webkit-animation:anim1 3s cubic-bezier(0.65, 0.05, 0, 1); /* Safari and Chrome */
-o-animation:anim1 3s cubic-bezier(0.65, 0.05, 0, 1); /* Opera */
}

@keyframes anim1
{
from{margin-right:-500px; opacity:0}
to{margin-right:-800px; opacity:1}
}
@-moz-keyframes anim1
{
from{margin-right:-500px; opacity:0}
to{margin-right:-800px; opacity:1}
}
@-webkit-keyframes anim1
{
from{margin-right:-500px; opacity:0}
to{margin-right:-800px; opacity:1}
}
@-o-keyframes anim1
{
from{margin-right:-500px; opacity:0}
to{margin-right:-800px; opacity:1}
}

/*增加2016-07-22*/
	/*商业合作*/
	.cooperate_item{padding:40px}
	.cooperate_item .explain{background:#fffbf2; font-size:15px; color:#999; line-height:35px; padding:20px 40px; margin-bottom:20px}
	.cooperate_item .explain li{ display:block; float:left; width:50%}
	.cooperate_item .explain b{color:#555}
	.cooperate_item dl{float:left; width:50%; padding:20px 0}
	.cooperate_item dt{float:left; border-radius:50%; width:110px; height:110px; margin-left:30px}
	.cooperate_item dt i{display:inline-block; background:url(../images/icon_cooperate.png) no-repeat; width:110px; height:110px}
	.cooperate_item dd{padding-left:172px}
	.cooperate_item dd h3{font-size:16px; color:#666; padding:15px 0 5px}
	.cooperate_item dd p{font-size:14px; color:#999; line-height:20px}
	
	.cooperate_item dt .icon2{background-position:0 -110px}
	.cooperate_item dt .icon3{background-position:0 -220px}
	.cooperate_item dt .icon4{background-position:0 -330px}
	
/*增加2016-08-24*/	
	/*在线客服*/
	.in_kf2{background:url(../images/ad250x300.jpg) top left no-repeat; width:220px; height:230px; padding:70px 0 0 30px}
	.in_kf2 a{display:block; width:190px; height:45px; position:relative;}
	.in_kf2 .wx_code{position:absolute; top:-40px; left:162px; z-index:97; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
	.in_kf2 .wx_code .arrow{border-right:10px solid #FFF; border-top:10px solid transparent; border-bottom:10px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:55px; left:-10px}
	.in_kf2 .wx_code .code{width:130px; height:130px; box-shadow:0 4px 10px rgba(0,0,0,0.3)}
	.in_kf2 .wx_code .code img{width:100%; height:100%}
	.in_kf2 .wx:hover .wx_code{opacity:1; left:182px}