@charset "utf-8";
/* CSS Document */
/***********
	*@Description: 公共css样式
	*@Author:poqi
	*@Update:
	*@time:(2016-04-10)
***********/
.green{color:#029d1e;}
.orange{color:#ffa000;}
.blue{color:#4badff;}

.pq_icon{background-image:url(../images/pq_icon.png); background-repeat:no-repeat}

.m_box{background:#FFF}

.input_t{border:1px solid #dedede; font-size:14px; font-family:"微软雅黑"; color:#999; line-height:20px; padding:9px 15px; margin:0; transition:border-color 0.3s linear 0s}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
}

.input_yes{border-color:#80ce8e;}
.input_error{border-color:#ffaf8d;}

/*下拉列表*/
.select_down * {margin:0; padding: 0}
.select_down {float:left; display:inline; border:1px solid #e8e8e8; padding:9px 15px}
.select_down div{float:left}
/* 子选择器，在FF等非IE浏览器中识别 */
.select_down>div {min-width:120px; height:20px; overflow:hidden}

/* 通配选择符，只在IE浏览器中识别 */
*html .select_down div select {display:block; float:left; margin:-2px}
.select_down div>select {display:block; border:none; font-size:14px; font-family:"微软雅黑"; color:#999; height:20px; min-width:120px; margin:0; padding:0px}
.select_down:hover{border:1px solid #CCC}
.select_down select>option {text-indent:2px; //option在FF等非IE浏览器缩进2px}

/*按钮*/
.btn_game{display:inline-block; border-width:1px; border-style:solid; border-radius:3px; font-size:14px; font-family:"微软雅黑"; line-height:43px; height:43px; padding:0 20px; cursor:pointer; margin:0 5px; transition:all 0.3s linear}
.btn_game_c1{border-color:#a7d6af; color:#029d1e}.btn_game_c1:hover{background:#029d1e; border-color:#029d1e; color:rgba(255,255,255,0.8)}
.btn_game_c2{border-color:#f3c5ad; color:#ff6716}.btn_game_c2:hover{background:#ff6716; border-color:#ff6716; color:rgba(255,255,255,0.8)}
.btn_game_c3{border-color:#c7d0e7; color:#4563ae}.btn_game_c3:hover{background:#4563ae; border-color:#4563ae; color:rgba(255,255,255,0.8)}

.game_btn1, .game_btn2, .game_btn3{display:inline-block; background:#fe5a5a; border:none; border-radius:3px; font-size:16px; font-family:"微软雅黑"; color:rgba(255,255,255,0.8); text-align:center; min-width:140px; line-height:45px; height:45px; cursor:pointer; transition:background 0.3s linear}
.game_btn1:hover{background:#fe3636; color:rgba(255,255,255,0.8)}
.game_btn2{background:#ff9c00}.game_btn2:hover{background:#ff8800; color:rgba(255,255,255,0.8)}
.game_btn3{background:#4badff}.game_btn3:hover{background:#4badff; color:rgba(255,255,255,0.8)}

/*图标*/
.ic16_home, .ic16_fav, .ic16_exit, .ic16_people, .ic16_menue, .ic16_phone, .ic16_plus, .ic16_mail{display:inline-block; width:16px; height:16px; margin-top:-3px; vertical-align:middle; transition:all 0.2s linear}
.ic16_fav{background-position:0 -16px}
.ic16_exit{background-position:0 -32px}
.ic16_people{background-position:0 -48px}
.ic16_menue{background-position:0 -64px}
.ic16_phone{background-position:0 -80px}
.ic16_plus{background-position:0 -96px}
.ic16_mail{background-position:0 -112px}

	/*星星*/
	.icon_stars{display:inline-block; background:url(../images/icon_stars.png) 0 0 no-repeat; text-align:left; width:75px; height:15px; line-height:15px; vertical-align:middle}
	.icon_stars i{display:inline-block; background:url(../images/icon_stars.png) 0 -15px no-repeat; width:100%; height:15px; line-height:15px}

	.icon_stars2{display:inline-block; background:url(../images/icon_stars.png) 0 -30px no-repeat; text-align:left; width:84px; height:17px; line-height:15px; vertical-align:middle}
	.icon_stars2 i{display:inline-block; background:url(../images/icon_stars.png) 0 -47px no-repeat; width:100%; height:17px; line-height:17px}

	/*进度100%*/
	.progre_slider{background:#ccc; display:inline-block; border-radius:2px; line-height:4px; height:4px; width:120px; vertical-align:middle; overflow:hidden}
	.progre_slider .goso{background:#ff6716; display:inline-block; border-radius:2px; line-height:4px; height:4px}

/*标题*/
.hd_title{ line-height:22px; position:relative}
.hd_title .title{display:inline-block; font-size:22px; color:#525252; line-height:34px}
.hd_title .line{display:inline-block; background:#ffcd00; width:4px; height:22px; vertical-align:middle; margin-right:15px}
.hd_title .more{float:right; display:block; font-size:14px; color:#8b8b8b; text-align:center; line-height:22px; height:22px; transition:all 0.3s linear}
.hd_title .more:hover{color:#ff9c00}
.hd_title .more:hover .ic16_plus{background-position:-16px -96px}

/*翻页*/
.page{text-align:center; line-height:30px}
.page a, .page span{display:inline-block; border-radius:3px; font-size:14px; color:#999; line-height:35px; padding:0 15px; vertical-align:middle; transition:all 0.3s linear}
.page a:hover{background:#EEE}
.page .updow{font-family:"宋体"}
.page .on, .page .on:hover{background-color:#ff6364; color:rgba(255,255,255,0.8)}
.page span{background:#ffc100; color:rgba(255,255,255,0.8)}

/*弹出层*/
.popup_box{background:#FFF; position:fixed; top:50%; left:50%; _position:absolute; z-index:998}
.popup_box .popup_title{background:#fafafa; height:50px; line-height:50px; padding:0 30px}
.popup_box .popup_title h3{display:inline-block; font-size:18px; font-weight:100; color:#333}
.popup_box .popup_close{display:block; background:url(../images/x_but.png) no-repeat; width:18px; height:18px; position:absolute; top:15px; right:20px; transition:all 0.2s linear}
.popup_box .popup_close:hover{transform:rotate(180deg)}
.popup_bg{display:none; background:rgba(0,0,0,0.5); width:100%; height:100vh; position:fixed; _position:absolute; z-index:997}

/*弹出层礼包领取*/
.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}


/*min*/
.min{background:#f7f7f7; border-bottom:1px solid #e8e8e8; font-size:12px; color:#999; line-height:31px; height:31px; min-width:1200px}
.min .line{display:block; float:left; height:11px; border-left:1px dotted #ddd; margin:10px;}
.min a{display:block; float:left; color:#525252; transition:all 0.3s linear}
.min a:hover{color:#ff9c00}
	.min a:hover .ic16_home{background-position:-16px 0}
	.min a:hover .ic16_fav{background-position:-16px -16px}
	.min a:hover .ic16_exit{background-position:-16px -32px}
	.min a:hover .ic16_people{background-position:-16px -48px}
	.min a:hover .ic16_menue{background-position:-16px -64px}
	.min a:hover .ic16_phone{background-position:-16px -80px}
	.min a:hover .ic16_mail{background-position:-16px -112px}

	/*搜索*/
	.min_search{float:left; background:#FFF; border:1px solid #ddd; border-radius:5px; height:21px; margin:4px 0 0 35px; position:relative}
	.min_search li{float:left; line-height:23px}
	.min_search .search_input{background:none; border:none; font-size:12px; color:#999; line-height:21px; height:21px; width:115px; margin:0 12px; vertical-align:top}
	.min_search .search_btn{background-position:-160px -45px; background-color:#f9f9f9; border-radius:0 5px 5px 0; border-left:1px solid #ddd; border-top:none; border-bottom:none; border-right:none; width:34px; height:21px; padding:0; cursor:pointer; vertical-align:top; transition:all 0.3s linear}
	.min_search:hover .search_btn{background-position:-194px -45px; background-color:#faedd9; border-left:1px solid #ffa000}
	.min_search:hover{border-color:#ffa000}

	/*游戏信息*/
	.min_game_down{float:right; position:relative}
	.min_game_down:hover .min_game_list{visibility:visible; opacity:1; top:30px}
	.min_game_down .menu_hd{display:block; font-size:14px; color:#525252; line-height:31px; height:31px}
	.min_game_down .menu_hd .arrow{display:inline-block; border-top:5px solid #cbcdd1; border-left:5px solid transparent; border-right:5px solid transparent; height:0; line-height:0; margin-left:10px; position:relative; transition:all 0.2s linear}
	.min_game_down .menu_hd .arrow em{display:inline-block; border-top:5px solid #f7f7f7; border-left:5px solid transparent; border-right:5px solid transparent; height:0; line-height:0; margin-left:10px; position:absolute; top:-7px; left:-15px; transition:all 0.2s linear}
	.min_game_down .menu_hd_on .arrow{ border-top:5px solid #ff9c00; transform:rotate(180deg)}
	.min_game_down .menu_hd_on{color:#ff9c00}
	.min_game_down .menu_hd_on .ic16_menue{background-position:-16px -64px}

		/*游戏名称*/
		.min_game_list{background:#FFF; border:1px solid #e8e8e8; border-right:none; width:294px; position:absolute; top:60px; right:0; visibility:hidden; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28); z-index:99}
		.min_game_list .arrow{display:inline-block; border-bottom:7px solid #cbcdd1; border-left:7px solid transparent; border-right:7px solid transparent; height:0; line-height:0; position:absolute; top:-7px; right:52px}
		.min_game_list .arrow em{display:inline-block; border-bottom:7px solid #FFF; border-left:7px solid transparent; border-right:7px solid transparent; height:0; line-height:0; position:absolute; top:1px; right:-7px}
		.min_game_list li{float:left; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; width:146px}
		.min_game_list li a{display:block; float:none; font-size:12px; font-family:"微软雅黑"; color:#525252; line-height:30px; padding-left:25px}
		.min_game_list li a:hover{background:#fafafa; color:#ff9c00}
		.min_game_list .name{display:inline-block; padding-right:5px}

		.min_game_list .title{background:linear-gradient(to bottom, #FFF, #fafafa); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#fafafa'); border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8; height:30px; padding:0 10px}
		.min_game_list .more{display:block; float:none; border-top:1px solid #e8e8e8; border-right:1px solid #e8e8e8; font-weight:bold; color:#9f9f9f; text-align:center; line-height:30px; margin-top:-1px}
		.min_game_list .more:hover{background:#fafafa; color:#ff9c00}
		.min_game_list .more i{transition:all 0.2s linear}.min_game_list .more:hover i{transform:rotate(180deg)}

		.min_game_list .min_ic_hot{display:inline-block; width:9px; height:9px; background-position:-250px 0}
		.min_game_list .min_ic_new{display:inline-block; width:9px; height:9px; background-position:-259px 0}

/*头部*/
.head{background:#FFF; height:100px; min-width:1200px}
	.head .logo{width:324px; height:100px}
	/*nav*/
	.nav{float:right; height:100px; position:relative}
	.nav li{float:left; font-size:18px; line-height:100px}
	.nav a{display:block; float:left; color:#888; text-align:center; padding:0 10px; position:relative; transition:all 0.4s linear}
	.nav .line{background:#ffdb01; height:5px; width:0; position:absolute; bottom:0; left:50%; transition:all 0.2s ease-in-out}
	.nav a:hover, .nav .on{color:#333}
	.nav a:hover .line, .nav .on .line{left:0; width:100%}
	.nav .spot{display:block; color:#888; text-align:center; width:30px}

/*页脚*/
.foot{background:#f3f3f3; border:1px solid #dfdfdf; min-width:1200px; padding:25px 0 35px; margin-top:50px}
	.foot_logo{padding:0 25px 0 177px}
	.foot_info{border-left:1px dotted #b3b3b3; padding:0 0 5px 30px; margin-top:20px}
	/*页脚导航*/
	.foot_nav{font-size:14px; color:#acacac; padding-bottom:10px}
	.foot_nav .line{display:inline-block; color:#525252; padding:0 15px}
	.foot_nav a{display:inline-block; color:#525252}
	.foot_nav a:hover{color:#f39d0a}

	/*版权*/
	.foot_copy{font-size:12px; color:#656565; line-height:20px}
	.foot_copy a{color:#656565}.foot_copy a:hover{color:#f39d0a}

/*浮动层*/
.float_contact_position{width:1200px; position:fixed; bottom:210px; left:50%; margin-left:-600px; z-index:9999;}
.float_contact{position:absolute; bottom:0; right:-130px; z-index:999}
.float_contact .float-bg{width:52px; height:185px;background:url(../images/float_contact.png); position:absolute; top:0; left:0; z-index:3;}

.float_contact ul{width:52px; height:171px; padding-top:14px;}
.float_contact ul li{float:left; width:100%; margin-bottom:9px; position:relative;}
.float_contact ul li a{width:100%; height:37px; display:inline-block; float:left; position:relative; z-index:5;}

.float_contact .kf_pic{visibility:hidden; opacity:0; transition:0.3s; width:160px; height:30px; padding:10px 20px; background-color:#fff; border-radius:6px; position:absolute; left:-200px; top:0px; box-shadow:0 0 7px rgba(0,0,0,0.2); z-index:4;}
.float_contact .kf_pic a{width:100%;}
.float_contact .kf_pic img{vertical-align:middle;}
.float_contact .kf_pic span{width:30px; height:30px; display:inline-block; float:left; margin-right:5px;}
.float_contact .kf_pic b{padding-top:25px; line-height:33px;}
.float_contact .kf_pic .arrow{width:23px; height:26px; display:inline-block; background:url(../images/arrow.png); position:absolute; right:-20px; top:12px;}

.float_contact .wx_pic{visibility:hidden; opacity:0; transition:0.3s; width:200px; height:240px; background-color:#fff; border-radius:6px; position:absolute; left:-200px; top:-20px; box-shadow:0 0 7px rgba(0,0,0,0.2); z-index:4;}
.float_contact .wx_pic img{width:200px; border-radius:6px;}
.float_contact .wx_pic .arrow{width:23px; height:26px; display:inline-block; background:url(../images/arrow.png); position:absolute; right:-20px; top:35px;}

.float_contact .rz_pic{visibility:hidden; opacity:0; transition:0.3s; position:absolute; width:142px; height:210px; left:-85px; bottom:-42px;}
.float_contact .rz_pic .close{width:18px; height:18px; display:inline-block; cursor:pointer; position:absolute; bottom:70px; right:47px; z-index:10;}
.float_contact .rz_pic .rz-bg1{position:absolute; top:0; left:0; z-index:2;}
.float_contact .rz_pic .rz-bg2{position:absolute; top:0; left:0; z-index:8;}

/* .float_contact ul .kf:hover .kf_pic{opacity:1; visibility: visible; left:-211px;}
.float_contact ul .wx:hover .wx_pic{opacity:1; visibility: visible; left:-211px;} */

.float_contact ul .active{opacity:1; visibility:visible; left:-211px;}
.float_contact .rz .active{opacity:1; visibility:visible; left:-96px;}