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

.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_error{border-color:#ffaf8d}.input_yes{border-color:#80ce8e}
/*下拉列表*/
.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}
.select_down .game_search{border:none; line-height:20px;}
.reply_content{max-width:726px;}

/* 通配选择符，只在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:#029d1e; border:none; font-size:18px; 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:#028918; color:rgba(255,255,255,0.8)}
.game_btn2{background:#ff601b}.game_btn2:hover{background:#ff4d16; color:rgba(255,255,255,0.8)}
.game_btn3{background:#bcbcbc}.game_btn3:hover{background:#afafaf; color:rgba(255,255,255,0.8)}

/*图标*/
.ic15_yes, .ic15_no{display:inline-block; width:15px; height:15px; margin-top:-2px; vertical-align:middle}
.ic15_yes{background-position:-200px -45px}
.ic15_no{background-position:-200px -60px}

.ic20_picture, .ic20_key, .ic20_phone, .ic20_outline, .ic20_board, .ic20_money, .ic20_android, .ic20_android2, .ic20_ios, .ic20_ios2, .ic20_zoom, .ic20_arrow, .ic20_home, .ic20_code, .ic20_voucher{display:inline-block; width:20px; height:20px; margin-top:-2px; vertical-align:middle}
.ic20_picture{background-position:-70px 0}
.ic20_key{background-position:-70px -20px}
.ic20_phone{background-position:-70px -40px}
.ic20_outline{background-position:-70px -60px}
.ic20_board{background-position:-70px -80px}
.ic20_money{background-position:-70px -100px}
.ic20_android{background-position:-70px -120px}.ic20_android2{background-position:-90px -120px}
.ic20_ios{background-position:-70px -140px}.ic20_ios2{background-position:-90px -140px}
.ic20_zoom{background-position:-70px -120px}
.ic20_arrow{background-position:-70px -160px}
.ic20_home{background-position:-70px -180px}
.ic20_code{background-position:-70px -220px}
.ic20_voucher{background-position:-70px -240px}


.ic25_phone, .ic25_gift, .ic25_notepad, .ic25_hot, .ic25_down, .ic25_links{display:inline-block; width:25px; height:25px; margin-top:-2px; vertical-align:middle}
.ic25_gift{background-position:0 -25px}
.ic25_notepad{background-position:0 -50px}
.ic25_hot{background-position:0 -75px}
.ic25_down{background-position:0 -100px}
.ic25_links{background-position:0 -175px}

.ic35_android{display:inline-block; width:35px; height:35px; margin-top:-2px; vertical-align:middle}
.ic35_android{background-position:-130px 0}

.ic100_yes, .ic100_no{display:inline-block; width:100px; height:100px; margin-top:-2px; vertical-align:middle}
.ic100_yes{background-position:-280px 0}
.ic100_no{background-position:-380px 0}

.ic30_zoom{display:inline-block; width:30px; height:30px; vertical-align:middle}
.ic30_zoom{background-position:-210px 0}

	/*星星*/
	.icon_stars{display:inline-block; background:url(../images/icon_stars.png) top left no-repeat; text-align:left; width:82px; height:15px; line-height:15px; vertical-align:middle}
	.icon_stars i{display:inline-block; background:url(../images/icon_stars.png) bottom left no-repeat; width:100%; height:15px; line-height:15px}
	
	/*进度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{height:25px; line-height:25px; position:relative}
.hd_title .title{display:inline-block; font-size:20px; color:#333}
.hd_title .more{float:right; display:block; border:1px solid #d6d6d6; border-radius:12px; color:#888; text-align:center; line-height:23px; height:23px; padding:0 15px; transition:all 0.3s linear}
.hd_title .more:hover{background:#ff601b; border:1px solid #ff601b; color:rgba(255,255,255,0.8)}

/*翻页*/
.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:#029d1e; color:rgba(255,255,255,0.8)}
.page span{background:#029d1e; 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}

/*min*/
.min{background:#333; font-size:12px; color:#999; line-height:30px; height:30px; min-width:1200px}
.min .line{display:block; float:left; color:rgba(255,255,255,0.2)}
.min a{display:block; float:left; color:#999; padding:0 20px; transition:all 0.3s linear}
.min a:hover{color:#ff6716}
.min .boxinfo{display:inline-block; background:#ff6716; border-radius:3px; font-size:12px; color:#FFF; line-height:18px; padding:0 7px; margin:6px 0 0 10px; vertical-align:top; position:relative}
.min .boxinfo i{border-right:4px solid #ff6716; border-top:4px solid transparent; border-bottom:4px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:5px; left:-4px}

/*头部*/
.head{background:#FFF; height:100px; min-width:1200px}
	.head .logo{/*background:url(../images/logo.png) no-repeat;*/ width:190px; height:52px;}
	/*nav*/
	#nav{height:100px; position:relative}
	#nav li{display:block; float:left; margin-left:30px}
	#nav a{display:block; float:left; font-size:18px; color:#9599a4; text-align:center; line-height:100px; width:90px; position:relative; transition:all 0.4s linear}
	#nav a:hover{color:#333}
	#on-line{background:#ffdb01; width:90px; height:5px; position:absolute; top:95px; left:30px; overflow:hidden; zoom:1}

/*页脚*/
.foot{background:#333; text-align:center; min-width:1200px; margin-top:50px}
	/*页脚导航*/
	.foot_nav{background:#2e2e2e; font-size:14px; color:#acacac; line-height:30px; padding:10px 0}
	.foot_nav .line{display:inline-block; color:#484848; padding:0 20px}
	.foot_nav a{display:inline-block; color:#acacac}
	.foot_nav a:hover{color:#f04848}
	
	/*版权*/
	.foot_copy{font-size:12px; color:#858585; line-height:25px; padding:30px 0}
	.foot_copy .choice{font-size:14px; padding-bottom:10px}
	.foot_copy .choice .line{color:#5c5c5c; padding:0 15px}
	
/*浮动层*/
.float_contact{position:fixed; bottom:170px; right:0; z-index:999}
.float_contact li{display:block; height:50px; width:50px; position:relative}
.float_contact p{display:block; height:50px; width:50px; background:url(../images/float_contact.png) no-repeat}
.float_contact .ic_kf{background-position:0 0}
.float_contact .ic_wx{background-position:0 -50px}
.float_contact .ic_top{background-position:0 -100px}
.float_contact .s1{background-position:-50px 0}
.float_contact .s2{background-position:-50px -50px}
.float_contact .s3{background-position:-50px -100px}
.float_contact .text{position:absolute; top:0; right:-50px; text-indent:-999px; overflow:hidden; transition:all 0.6s cubic-bezier(.215, .61, .355, 1)}.float_contact li:hover .text{right:0}

.float_contact .kf_qq{display:none; background:#FFF; position:absolute; top:0; right:40px; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
.float_contact .kf_qq .arrow{border-left:8px solid #FFF; border-top:8px solid transparent; border-bottom:8px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:17px; right:-8px}
.float_contact .kf_qq .qq_text{box-shadow:0 0 7px rgba(0,0,0,0.2); width:160px; padding:10px 20px}
.float_contact .kf_qq .qq_text a{display:block; font-size:14px; color:#666; line-height:40px}
.float_contact .kf_qq .qq_text a:hover{color:#FF6600}
.float_contact .kf_qq .qq_text a i{ padding-right:10px}
.float_contact li:hover .kf_qq{display:block; opacity:1; right:50px}

.float_contact .wx_code{display:none; position:absolute; top:0; right:40px; opacity:0; transition:all 0.6s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
.float_contact .wx_code .arrow{border-left:8px solid #FFF; border-top:8px solid transparent; border-bottom:8px solid transparent; font-size:0; height:0; width:0; line-height:0; position:absolute; top:17px; right:-8px}
.float_contact .wx_code .code{box-shadow:0 0 7px rgba(0,0,0,0.2)}
.float_contact li:hover .wx_code{display:block; opacity:1; right:50px}