/* -----------------------
 *		This is a free template, but the use of the terms of the license agreement
 *
 *		$Id: common.css
 *		$Created & Modified by 上官雨伦

	----------------------------------

/*
	Name:			mod_reset
	Level:			Global
	Explain:		初始化全局常用标签
	Last Modify:	上官雨伦
*/

	*		{ padding: 0; margin: 0; }
	body	{ font-size: 14px; font-family: "Microsoft YaHei"; overflow-x: hidden; }
	a		{ color: #333; text-decoration: none; }
	li		{ list-style: none; }
	.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }



/* 
	运行时间模块样式
------------------------------------------------------------------- */	
.header { width: 100%; height: 368px; }

/* 
	运行时间模块样式
------------------------------------------------------------------- */
#YuLun_Time{}
#YuLun_Time .title{ line-height: 80px; font-size: 80px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; }
#YuLun_Time .time{ width: 980px; height: 160px; margin: 30px auto; }
#YuLun_Time .time #sitetime{ line-height: 80px; font-size: 62px; display: block; }
#YuLun_Time .time #sitetime div{ width: 20%; text-align: center; float: left; }
#YuLun_Time .time #sitetime em{ height: 160px; display: block; }
#YuLun_Time .time #sitetime em span{ width: 196px; display: block; }
#YuLun_Time .time #sitetime em strong{ font-size: 20px; font-weight: 100; height: 80px; line-height: 30px; display: block; }

/* 
	视频动画模块样式
------------------------------------------------------------------- */
#YuLun_Flash{ width: 980px; height: 330px; margin: 0 auto 30px; }
#YuLun_Flash embed{ float:left; border: 1px solid #DDD; background: #DDD; }
#YuLun_Flash p{ float: right; width: 440px; line-height: 48px; border: 1px solid #FA7D3C; height: 290px; padding: 20px; }

/* 
	下载游戏模块样式
------------------------------------------------------------------- */
#YuLun_Down{ margin: 0 auto 30px; width: 804px; }
#YuLun_Down a{float: left; margin: 0 10px; border: 1px solid #FA7D3C; width: 220px; height: 65px; line-height: 65px; color: #FA7D3C; text-align: center; display: block; transition: all .4s; }
#YuLun_Down a:hover{background-color: #FA7D3C; color: #FFF; transition: all .4s; }

/* 
	游戏展示模块样式
------------------------------------------------------------------- */
#YuLun_Show{ width: 996px; height: 460px; margin: 0 auto 30px; }
#YuLun_Show .box{ width: 330px; float: left; text-align: center; border: 1px solid #FFF; padding: 20px 0; }
#YuLun_Show .box:hover{ border: 1px solid #FA7D3C; }
#YuLun_Show .box span{ display: block; font-size: 24px; }
#YuLun_Show .box:hover span{ color: #FA7D3C; }

/* 
	温馨提示模块样式
------------------------------------------------------------------- */
#YuLun_Ann{background-color: #2277DA; width: 100%; margin-bottom: 30px; }
#YuLun_Ann p{ color: #FFF; font-size: 24px; height: 122px; line-height: 122px; text-align: center; }
#YuLun_Ann p a{ border: 1px solid #FA7D3C; color: #FA7D3C; padding: 8px 20px; transition: all .4s; }
#YuLun_Ann p a:hover{ border: 1px solid #FFF; background-color: #FFF; }

/* 
	跳转按钮模块样式
------------------------------------------------------------------- */
#YuLun_Link{ width: 996px; height: 260px; margin: 0 auto 30px; }
#YuLun_Link .box{ width: 180px; float: left; text-align: center; padding: 20px 34px; }
#YuLun_Link .box a{ height: 180px; display: block; width: 180px; background-color: #FA7D3C; border-radius: 50%; line-height: 180px; color: #FFF; font-size: 34px; }
#YuLun_Link .box span{ display: block; font-size: 22px; padding: 15px 0; }

/* 
	其他部分模块样式
------------------------------------------------------------------- */
#YuLun_Other{ width: 980px; height: 222px; margin: 0 auto 30px; }
#YuLun_Other .code{ float: left; }
#YuLun_Other .code img{ display: block; }
#YuLun_Other .code span{ display: block; height: 32px; text-align: center; line-height: 32px; }
#YuLun_Other .qq{ width: 770px; float: right; height: 222px; }
#YuLun_Other .qq span{ width: 300px; height: 30px; display: block; float: left; line-height: 30px; border: 1px solid #FA7D3C;text-indent: 4em; }
#YuLun_Other .qq span:nth-child(2n+1){margin: 10px 80px 10px 0;}
#YuLun_Other .qq span:nth-child(2n+2){margin: 10px 0 10px 80px;}
#YuLun_Other .qq span:hover{ background-color: #FA7D3C; color: #FFF; }
#YuLun_Other .qq strong{ width: 170px; height: 40px; display: block; line-height: 40px; border: 1px solid #FA7D3C; text-align: center; float: left; margin: 10px 30px 0 132px; }
#YuLun_Other .qq strong:hover{ background-color: #FA7D3C; color: #FFF; }
/* 
	页底部分模块样式
------------------------------------------------------------------- */
#YuLun_Footer{ background-color: #000; height: 86px; padding: 55px 0; }
#YuLun_Footer .logo{ float: left; }
#YuLun_Footer .logo img{ width: 150px; height: 86px; display: block; }
#YuLun_Footer .link { color: #FFF; margin: 0 10px; }
#YuLun_Footer .link a{ color: #FFF; margin: 0 10px; }

/*
	Banner
------------------------------------------------------------------- */
#YuLun_Banner{height: 425px;position: relative; margin-bottom: 65px;}
#YuLun_Banner .slides{position: relative;z-index: 1;}
#YuLun_Banner .slides li{height: 425px;background-position: center 0;background-repeat: no-repeat;}
#YuLun_Banner .banner-1{background-image: url("../images/banner/banner_1.jpg");}
#YuLun_Banner .banner-2{background-image: url("../images/banner/banner_2.jpg");}

#YuLun_Banner .flex-control-nav{width: 100%;height: 5px;text-align: center;position: absolute;bottom: 20px;z-index: 2;}
#YuLun_Banner .flex-control-nav li{display: inline-flex;margin: 0 5px;}
#YuLun_Banner .flex-control-nav li a{background-color: rgba(213, 213, 213, 0.6);width: 70px;height: 5px;line-height: 50px;display: block;overflow: hidden;cursor: pointer;}
#YuLun_Banner .flex-control-nav li a.flex-active{background-color: rgba(252, 89, 0, 0.6);}

/* 
	弹窗部分样式
------------------------------------------------------------------- */
#YuLun_Ann #Window						{ background-color: #FFF; border-radius: 10px; width: 700px; min-height: 200px; padding: 20px; }
#YuLun_Ann #Window .w-title				{ border-bottom: 1px solid #DDD; height: 29px; font-size: 18px; padding: 10px 0; }
#YuLun_Ann #Window .w-title #cbtn		{ background-image: url("../images/cbtn.png"); background-repeat: no-repeat; background-position: 0 0; width: 14px; height: 14px; display: block; }
#YuLun_Ann #Window .w-info				{ padding: 10px 0; }


/* 
	装备回收页面 - 标题
------------------------------------------------------------------- */
.YuLun_S_title{ width: 1000px; margin: 0 auto; }
.YuLun_S_title h4{ display: block;font-size: 36px;background-color: #FA7D3C;color: #FFF;text-indent: 2em;width: 360px;line-height: 72px; }

/* 
	装备回收页面 - 展示
------------------------------------------------------------------- */
.YuLun_S_show{width: 100%; margin: 32px 0; }
.YuLun_S_show .box{ width: 1200px; margin: 0 auto; }
.YuLun_S_show .box .show{ float: left; max-height: 180px; border: 1px solid #D4D4D4;width: 328px;height: 138px;margin: 15px;padding: 20px;position: relative;transition: all .4s;}
.YuLun_S_show .box .show .img{background: rgba(234, 234, 234, 0.8);width: 120px;height: 120px;float: left;margin: 5px 0;padding: 4px;}
.YuLun_S_show .box .show .img img{ width: 120px; height: 120px; }
.YuLun_S_show .box .show p{color: #FFF;border-bottom: 1px dotted #FA7D3C;width: 200px;text-indent: 2em;font-size: 16px;font-weight: 700;display: table;margin: 20px 0;}
.YuLun_S_show .box .show strong{color: #FFF; text-indent: 1.5em; display: table; font-size: 40px; }
.YuLun_S_show .box .show strong span{color: #FFF; font-size: 24px; font-weight: 100; margin-left: 15px; }
.YuLun_S_show .box .show:hover{border: 1px solid #FA7D3C;box-shadow: 0 0 14px rgba(222, 154, 106, 0.7);transition: all .4s;}

/* 
	装备回收页面 - 寄语
------------------------------------------------------------------- */
#YuLun_S_JiYu{ width: 1200px; border: 1px solid #FA7D3C; margin: 32px auto; color: #FFF; padding: 20px; }
#YuLun_S_JiYu p{text-indent: 2em; margin: 5px 0;}
#YuLun_S_JiYu .qq{ height: 52px; }
#YuLun_S_JiYu .qq span{ width: 300px; height: 30px; display: block; float: left; line-height: 30px; border: 1px solid #FA7D3C; margin: 10px 40px; text-indent: 4em; }
#YuLun_S_JiYu .qq span a{ color: #FFF; }
#YuLun_S_JiYu .qq span:hover{ background-color: #FA7D3C; color: #FFF; }
#YuLun_S_JiYu .qq strong{ width: 170px; height: 40px; display: block; line-height: 40px; border: 1px solid #FA7D3C; text-align: center; float: left; margin: 10px 30px 0 132px; }
#YuLun_S_JiYu .qq strong:hover{ background-color: #FA7D3C; color: #FFF; }


/* 
	装备回收页面 - 寄语
------------------------------------------------------------------- */
.YuLun_S_LiuCheng{border: 0; display: block; width: 1244px; margin: 30px auto; }


/* 
	顶部div样式 - AD
------------------------------------------------------------------- */
.admo{border: 0; display: block;}

/* 
	底部固定
------------------------------------------------------------------- */
.fixed_bottom{width: 100%;padding:5px 0;position: fixed;bottom: 0;left: 0;z-index: 2;background-color: #e8e5e5;box-shadow: 0px 0px 5px #ddd;box-sizing:border-box;-moz-box-sizing:border-box;/* Firefox*/-webkit-box-sizing:border-box;/* Safari*/display:none;}
.fixed_bottom ul{}
.fixed_bottom ul li{width:33.33%;float: left;list-style:none;}
.fixed_bottom ul li .goodsNum{display: block;width: 16px;height: 16px;line-height: 16px;text-align: center;border-radius: 50%;background-color: #ef4700;color: #FFF;position: relative;top: -46px;left: 50%;margin-top: 1px;font-size: 12px;}
.fixed_bottom ul li a{width: 100%;line-height: 18px;text-align: center;display: block;padding-top:5px;}
.fixed_bottom ul li.active a{color: #0076a4;}
.fixed_bottom ul li a img{width:80px;height:80px;margin: 0 auto;}
.fixed_bottom ul li a p{font-size: 18px;}
.top_ad1{display:none}

/* 
	文章列表
------------------------------------------------------------------- */
#YuLun_List{width: 100%;margin-bottom: 30px;position: relative;}
#YuLun_List h1{position: absolute; transform: translate(-50%,-50%); top: 0; left: 50%; background-color: #FFF; width: 150px; text-align: center; font-size: 20px;}
#YuLun_List .module{border: 3px solid #FA7D3C;width: 934px;margin: 0 auto;padding: 20px;}
#YuLun_List li{float: left;width: 467px;height: 34px;line-height: 34px;}
#YuLun_List li a{transition: all .4s;}
#YuLun_List li a:hover{color: #FA7D3C;}