@charset "UTF-8";
/*下载页和下载列表页使用 85*/
.ov{ overflow: hidden; }
.fl { float: left; _display: inline; }

.fr { float: right; _display: inline; }

a { color: #333; text-decoration: none; }
.m1100{ width: 1100px; margin:0 auto; }

/*页面不好动，只好改这里了*/
.m1200{ width: 1100px; margin:0 auto; }


/*回到顶部*/
.go_top{ position: fixed; bottom:150px; left: 50%; margin-left: 608px; }
.go_top a{ display: block; width: 50px; height: 50px; border-radius: 2px; margin-bottom: 10px; position: relative; }
.go_erweima{ background: #f3f3f3 url(../images/erweima.png) no-repeat 12px 12px; }
.go_tops{ background: #f3f3f3 url(../images/top.png) no-repeat 12px 10px; }
.go_ewm{ width: 176px; height: 172px; position: absolute; top: -109px; left: -172px; background: url(../images/ewm_bg.png) no-repeat; display: none; }
.go_ewm img{ width: 120px; height: 120px; display: inline-block; margin: 23px 0 0 26px; }
/*分页*/
.mainNextPage{ text-align:  center; padding: 50px 0; }
.morePage{ margin:  0 auto; }
.morePage b{ display:  none; }
.morePage code{ overflow:hidden; vertical-align: middle; position: relative; }
.morePage code a{ background: #007aff; display: inline-block; margin: 4px; width:28px; height:28px; text-align:center; line-height:28px; border-radius: 2px; color: #fff; font-size: 12px; }
/*.morePage .PageCode a{ background: #007aff; display:  inline-block; margin: 0 4px; width:28px; height:28px; text-align:center; line-height:28px; border-radius: 2px; color: #fff; font-size: 12px; }*/
.morePage .active{ background: #173252; }
.morePage .disable{ display: inline-block; vertical-align: middle; margin: 4px; height:28px; text-align:center; line-height:28px; }
.morePage .disable a{ border: 1px solid #007aff; padding:0 4px; display:  inline-block; border-radius: 2px; }
.morePage input{ display: none; }

/*tsstyle*/
.tsStyle{display:block;margin:5px 10px 10px;padding:10px;border: 1px solid #ff9947;color:#555;font-size:12px;line-height:1.5em;background: #fdfde6;position: relative;}
.tsStyle i{position: relative;font-size: 16px;color: #ff9947;font-style: normal;font-weight: bold;padding-left: 34px;height: 25px;display: block;}
.tsStyle:before{content:'';background:url(../images/hint.png) no-repeat;width: 32px;height: 35px;position: absolute;top: 1px;left: 5px;}

/*游戏分类*/
.list_content{}
.tab{ padding-top:10px; }
.tab_h2{ font-size: 18px; font-weight: bold; padding:15px 0; border-bottom: 2px solid #efefef; position: relative; }
.tab_h2:after{ content:''; position: absolute; height: 2px; width: 108px; background: #3274c6; left:0; bottom: -2px; }
.tabs{padding: 20px 0 10px 0;font-size: 0;border-bottom: 1px solid #ededed;}
.tabs a{ display:inline-block; margin:0 10px 10px 0; padding: 6px 14px; color:#444; background:#ececec; font-size:14px; }
.tabs a:hover{ background: #129aee; color:#fff; }
.tabs .active{background: #129aee;color:#fff;}

.list_tab3 {background: #fafafa;}
.list_tab3_h3{font-size: 14px;font-weight: bold;padding: 15px 10px;position: relative;}
.list_tab3_a{padding: 0px 0 10px 10px;border-bottom: 1px solid #ededed;font-size: 0;}
.list_tab3_a a{font-size:14px;color:#666;margin: 0 25px 10px 0;display: inline-block;}
.list_tab3_a a:hover{color:#129aee; }
.list_tab3_a .active{color:#129aee;}



.con{ padding-top:20px; }
.con_l{width: 800px;margin-right:60px;}
.con_r{ width: 240px;}
.con_l_tab{ font-size: 0; border-bottom: 1px solid #e3e3e3; }
.con_l_tab a{ display:inline-block; font-size: 16px; padding:6px 25px; border:1px solid #e3e3e3; border-bottom: 0; border-right: 0; }
.con_l_tab a:last-child{ border-right: 1px solid #e3e3e3; }
.con_l_tab .active{position: relative;color: #38a4cc;}
.con_l_tab .active:before{content:'';position: absolute;width: 100%;height: 3px;background: #38a4cc;left:0;top:-1px;}
.con_l_tab .active:after{ content:''; position: absolute; width: 100%; height: 1px; background: #fff; left:0; bottom:-1px; }
.con_l_tab a:hover{ color:#3274c6; }
.con_l_c ul{overflow: hidden;width: 852px;}
.con_l_c ul li{margin: 30px 42px 0 0;float: left;}
.con_l_href{ display: block; text-align: center; width: 100px; }
.con_l_href img{width: 90px;height: 90px;border-radius: 16px;display: block;}
.con_l_href p{height: 30px;line-height: 30px;overflow: hidden;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.con_l_href span{color:#999;display: block;font-size: 12px;height: 16px;line-height: 16px;overflow: hidden;}
.con_l_c .con_l_down{ display: block; margin-top:10px; line-height: 30px; border:1px solid #129aee; color:#129aee; text-align: center; font-size:14px;}
.con_l_c .con_l_down:hover{ background:#129aee; color:#fff;}
/*右侧下载排行*/
.con_a{}
.con_r_tab{ border-bottom: 2px solid #efefef; height: 34px; line-height: 34px; }
.con_r_tab_do{ font-size: 16px; position: relative; color:#666; }
.con_r_tab_do:before{ content:''; position: absolute; width: 67px; height: 2px; left:0; bottom:-2px; background: #2f70c0; }
.con_r_tab_do:after{ content:''; position: absolute; left:0; right:0; bottom: -6px; margin: auto; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #2f70c0; }
.con_r_tab_hot{ margin-top:5px; font-size: 0; border:2px solid #4191f4; border-radius: 2px; height:22px; line-height: 22px; }
.con_r_tab_hot a{ display: inline-block; font-size: 12px; color:#4191f4; padding:0 10px; background:#fff; }
.con_r_tab_hot .active{ background: #4191f4; color:#fff; }
.b-r-con ul{padding: 20px 0 10px 0;display: none;}
.b-r-con ul li{padding: 9px 0 9px 24px;overflow: hidden;position: relative;}
.b-r-con ul li:last-child{ border:0; }
.b-r-con-img{ float:left; margin-right:5px; }
.b-r-con-img img{ width: 60px; height: 60px; border-radius: 4px; display:block; object-fit: cover; }
.b-r-con-t h3{ padding:9px 0; }
.b-r-con-t h3 a{ color:#333; font-weight: 500; display: block;font-size: 14px; width:88px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.b-r-con-t p{ font-size:12px; color:#999; width:88px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.b-r-con-t p a{color:#666;font-size:12px;display: block;}
.b-r-download{ position: absolute; top:0; right:0; bottom:0; font-size: 12px;margin:auto; border:1px solid #4191f4; color:#4191f4; width:54px; text-align:center; height:22px; line-height:22px; }
.b-r-download:hover{ background:#4191f4; color:#fff; }
.b-r-con ul li:before{ content: ''; color:#fff; font-size:12px; width:15px; text-align: center; height:15px; line-height: 15px; background:#c4c4c4; position: absolute; top:0; left:0; bottom:0; margin:auto; }
.b-r-con ul li:nth-of-type(1):before{ content:'1'; background:#ed4848; }
.b-r-con ul li:nth-of-type(2):before{ content:'2'; background:#f27f7f; }
.b-r-con ul li:nth-of-type(3):before{ content:'3'; background:#f8b6b6; }
.b-r-con ul li:nth-of-type(4):before{ content:'4'; }
.b-r-con ul li:nth-of-type(5):before{ content:'5'; }
.b-r-con ul li:nth-of-type(6):before{ content:'6'; }
.b-r-con ul li:nth-of-type(7):before{ content:'7'; }
.b-r-con ul li:nth-of-type(8):before{ content:'8'; }
.b-r-con ul li:nth-of-type(9):before{ content:'9'; }
.b-r-con ul li:nth-of-type(10):before{ content:'10'; }
.b-r-con ul li.active:before{height: 60px;line-height: 60px;}
/*猜你喜欢*/
.con_r_refresh{ display:inline-block; font-size: 12px; color:#fff; background: #3274c6; padding:0 6px;
    border-radius: 100px; height:22px; line-height: 22px; margin-top:8px; cursor: pointer;}
.con_like_down ul{ overflow: hidden; padding:25px 0; width: 320px; }
.con_like_down ul li{ width: 80px;float: left; text-align: center;height:110px; }
.con_like_down ul li:nth-of-type(odd){margin-right:79px;}
.con_like_down ul li img{width:80px;height: 80px;border-radius: 6px;display: block;}
.con_like_down ul li a.down-like{font-size: 12px;background: #4191f4;color: #fff;padding: 2px 0;width: 52px;margin: 5px auto;display: none;}
.con_like_down ul li span{display:block;font-size: 12px;height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.con_like_down .active a.down-like{ display: block; }
.con_like_down .active span{ display: none; }
/*下载页左侧内容*/
.d_tit{ padding:12px 0; color:#999; font-size: 12px; }
.d_tit span{ color:#333; }
.d_l{width:200px;min-height: 1px;position: relative;}
.d_c{width: 600px;margin-left:30px;}
.d_r{ width:242px;margin-left: 30px; }
.tsFixed{position: fixed;width: 200px;top: -10px;}
.d_l_img{display: block;margin: 30px auto 15px;width: 150px;height: 150px;border-radius: 10px;}
.d_l_zan{ background:#f3f3f3; border:1px solid #eee; border-radius: 2px; width:123px; margin:0 auto; box-sizing: border-box; }
.d_l_zan a{ display: inline-block; vertical-align: middle;color: #4fa2ff;box-sizing: border-box; width: 58px; height: 28px; line-height:28px; position: relative; text-align: center; cursor:pointer; }
.d_l_zan1{ color:#ed4848; border-right: 1px solid #e1e1e1; box-sizing: border-box; }
.d_l_zan2{ color:#a5a5a5; }
.d_l_zan1:before{ content:''; display:inline-block; vertical-align:middle; background:url(../images/well.png) no-repeat; width:17px; height: 16px; margin-right: 8px; }
.d_l_zan2:before{ content:''; display:inline-block; vertical-align:middle; background:url(../images/bad.png) no-repeat; width:16px; height: 15px; margin-right: 8px; }
.d_l_tit{margin: 10px 0;font-size: 21px;text-align: center;font-weight: bold;word-wrap: break-word;}
.d_l_biaoqian{font-size: 0;padding: 5px 0;}
.d_l_biaoqian a{display: inline-block;font-size: 14px;border-radius: 100px;padding: 2px 4px;margin: 1px 0;transform: scale(0.8);color:#999;background:#f5f5f5;border:1px solid #ccc;word-wrap: break-word;word-break: break-all;}
.d_l_biaoqian a.tag_a{ color: #d85750; background: #ffe0e0; border: 1px solid #b82821; }
.d_l_down{ }
.d_l_down a{display: block;color:#fff;border-radius: 2px;padding:5px 0;margin-top: 10px;}
.d_l_down a i{ display: inline-block; vertical-align:middle; width: 60px; height: 32px; text-align: center; }
.d_l_down a span{ display: inline-block; vertical-align:middle; width:137px; text-align: center; color:#fff;}
.d_l_bendi{background:#4fa2ff;border:1px solid #3482e2;}
.d_l_down .d_l_diannao{background:#51d34e;border:1px solid #47c044;display: none;}
.d_l_liji{ background: #ed4848; border: 1px solid #b32929; }
.d_l_bendi i{ border-right: 1px solid #3482e2; background:url(../images/down1.png) no-repeat 19px 5px; }
.d_l_diannao i{ border-right: 1px solid #47c044; background:url(../images/down2.png) no-repeat 19px 5px; }
.d_l_liji i{ border-right: 1px solid #b32929; background:url(../images/down3.png) no-repeat 19px 5px; }
.d_l_down a.d_l_none{background: #999;border:1px solid #999;}
.d_l_down a.d_l_none i{border-right:1px solid #888;}
.g_down {position:  relative;}
.g_down:before {content:  "";border-right: 1px solid #98c6ff;background: url(../images/down1.png) no-repeat 19px 5px;position:  absolute;top: 4px;left:  0;width: 60px;height: 32px;}
.d_l_menu{padding: 10px 0 20px 0;}
.d_l_menu p{ margin-top:7px; color:#999;font-size: 14px; }
.d_l_menu span{ color:#666; }
.d_l_menu1 span{ display: inline-block; vertical-align: middle; position: relative; width:86px; height:13px; background: url(../images/start.png) no-repeat 0px 0px; }
.d_l_menu1 span i{ content:''; position: absolute; background: url(../images/start.png) no-repeat 0px -18px; width: 92%; height: 13px; }
.d_l_menu2 span{ color:#ed4848; }
.d_l_tuijian{ border-bottom: 1px solid #efefef; height: 34px; line-height: 34px; }
.d_l_tjul{ padding:10px 0; }
.d_l_tjul li{ padding:13px 0; border-bottom: 1px dotted #e3e3e3; }
.d_l_tjul li:last-child{ border-bottom: 0; }
.d_l_tjul a{ display: block; cursor: pointer; overflow: hidden; }
.d_l_tjul a img{ float: left; width:80px; height: 80px; margin-right: 10px; border-radius: 6px; }
.d_l_ul_d h4{ font-size: 16px; color:#444; padding-top:8px; font-weight: 500; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.d_l_ul_d p{ font-size: 12px; color:#999; line-height: 28px; }
.d_l_ul_d span{ font-size: 12px; color:#999; }
.d_l_menu5{ display: none; }

/*下载页中间*/
.d_c_tab{ border-bottom: 2px solid #efefef; height:58px; line-height: 58px; font-size: 0; }
.d_c_tab a{ display: inline-block; font-size: 16px; color:#999; margin-right: 35px; font-weight: bold; position: relative; }
.d_c_tab .active{ color:#2b7bde; }
.d_c_tab .active:after{ content:''; position: absolute; width: 100%; height: 2px; background: #2b7bde; left:0; bottom:-2px; }
.d_c_tab .d_c_tab4{ width: 130px; background: #2b7bde; text-align: center; display: none; }
.d_c_tab .d_c_tab4:before{ content:''; position: absolute; left:-10px; top:0; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 10px solid transparent; }
.d_c_tab .d_c_tab4 span{ color:#fff; display: inline-block; vertical-align: middle; margin-right: 13px; }
.d_c_tab .d_c_tab4 i{ display: inline-block; vertical-align: middle; width: 17px; height: 16px; background:url(../images/down1.png) no-repeat; background-size: 16px; }
.d_c_tab .d_c_tab4.active{ color:#fff; }
.d_c_tab .d_c_tab4.active:after{ color:#fff; background:none; }
/*展开*/
/*.open_detail{ text-align: center; padding:  10px 0; position:relative; border-top: 1px solid #ddd; display: none; }
.open_detail i{ position:relative; display: inline-block; vertical-align: middle; width:9px; height: 5px; background:url(../images/open.png) no-repeat center; }
.open_detail a{ position:relative; display: inline-block; vertical-align: middle; color:#293fe4; padding-left:  8px; cursor:  pointer; }
.open_detail:before{ content:""; width:100%; height:100px; position: absolute; left:0; bottom:0; background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#fff); }
*/
.open_detail{ cursor:pointer; display: block; width: 100%; position: relative; height: 2rem; text-align: center; color: #666; font-size: .6rem;display:none; }
.open_detail i{ display: block; width: .9rem; height: .5rem; background: url(../images/open.png) 0 0 no-repeat; background-size: 100%; margin: .2rem auto 0; }
.open_detail:before { content: ""; display: block; width: 100%; height: 5rem; position: absolute; bottom: 2rem; background: -webkit-gradient(linear, 0% 0%, 0% 82%, from(rgba(255, 255, 255, 0)), to(white)); }




/*悬浮状态*/
.d_c_tabs{position: fixed;border-bottom:0;box-shadow: 2px 2px 4px #e8e8e8;width: 590px;padding-left: 10px;background: #fff;z-index: 9;top: 0;height: 48px;line-height: 48px;}
.d_c_tabs a{ font-size: 14px; font-weight: 500; }
.d_c_tabs .d_c_tab4 { float: right; margin-right: 0; display: block;}
.d_c_con{ padding: 20px 0 0 0; overflow: hidden; box-sizing: border-box; position: relative; margin-bottom:10px; }
.d_c_con_h2{ font-size: 18px; color:#444; padding:0 0 10px 17px; position: relative; }
.d_c_con_h2:before{ content:''; position: absolute; width: 4px; height: 18px; background: #3274c6; top:4px; left:0; }
.d_c_con h3{ font-size: 18px; color:#444; padding:0 0 10px 17px;margin:10px 0; position: relative; }
.d_c_con h3:before{ content:''; position: absolute; width: 4px; height: 18px; background: #3274c6; top:4px; left:0; }
.d_c_open{ position: absolute; width: 100%; right: 0; bottom: 0; border-bottom: 1px solid #efefef; padding: 5px 0; text-align: right; background:#fff; display: none; }
.d_c_open a{ color:#0000ff; font-size: 12px; position: relative; cursor:pointer; }
.d_c_open a i{ display: inline-block; width: 9px; height: 5px; background:url(../images/open.png) no-repeat; margin-right: 5px; }
.d_c_con p{ font-size: 14px; color:#000; line-height: 28px;  word-break: break-all; }
.d_c_con p a{ display:inline-block; color:#0000ff; cursor:pointer; }
.d_c_con p iframe{width: 100%;height: 500px;margin: 20px auto;}
/*悬浮*/
.zjbox1226{ position: fixed; width:240px;top:0; }
.d_swiper-con{ padding:20px 0; }
.d_swiper-con .swiper-slide{ text-align: center; height:300px; overflow: hidden; }
.d_swiper-con .swiper-slide img{ width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.d_swiper-con .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/next.png); }
.d_swiper-con .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(../images/prev.png); }
.d_swiper-con .swiper-button-next, .swiper-button-prev{ width: 32px; height: 44px; -moz-background-size: 32px 44px; -webkit-background-size: 32px 44px; background-size: 32px 44px; }

/*同类热门*/
.d_c_same{padding:20px 0;}
.d_c_same_ul{overflow: hidden;width: 630px;}
.d_c_same_ul li{margin: 15px 20px 0 0;float: left;}
.d_c_same_ul li a{ display: block; cursor: pointer; width: 70px; }
.d_c_same_ul li a img{ width: 100%; height: 70px; border-radius: 10px; }
.d_c_same_ul li a p{ text-align: center;height: 30px;line-height: 30px;overflow: hidden; }
.d_c_same_ul li:hover p{color: #ed4848;}
/*联系我们*/
.text{ width:1200px; margin:50px auto 300px; color: #666; }
.text h2{ font-size:28px; color:#77aee2; }
.text p{ padding-top:22px; font-size:14px; line-height:28px; padding-right:65px; }

/*热门攻略*/
.d_c_hot{ padding-top:40px; }
.d_c_hotc{ margin-top:20px; height: 160px; overflow: hidden; }
.d_hot_img{ width: 404px; }
.d_hot_tit{ width: 230px; padding-top:5px; }
.d_hot_tit a{ display:block; height: 20px; overflow: hidden; margin-bottom: 12px; }
.d_hot_tit a:before{ content:''; display:inline-block; margin-right: 10px; width: 15px; height: 15px; border-radius: 50%; line-height: 15px; text-align: center; color:#fff; background:#aaa; font-size: 12px; }
.d_hot_tit a:nth-of-type(1):before{ content:'1'; background:#2f70c0; }
.d_hot_tit a:nth-of-type(2):before{ content:'2'; background:#2f70c0; }
.d_hot_tit a:nth-of-type(3):before{ content:'3'; background:#2f70c0; }
.d_hot_tit a:nth-of-type(4):before{ content:'4'; }
.d_hot_tit a:nth-of-type(5):before{ content:'5'; }
.d_hot_tit a:hover{ text-decoration: underline; }
.d_hot_I1{ width: 260px; }
.d_hot_I1 a{ display: block; position: relative; cursor: pointer; }
.d_hot_I1 a span{ position: absolute; left: 0; bottom: 0; background: rgba(1,1,1,.5); color:#fff; height: 36px; overflow: hidden; line-height: 36px; padding:0 50px 0 10px; width: 100%; box-sizing: border-box; }
.d_hot_I1 a img{ width: 100%; height: 160px; }
.d_hot_I2{ width: 140px; }
.d_hot_I2 a{ display: block; margin-bottom: 4px; cursor: pointer; }
.d_hot_I2 a:first-child img{ width: 100%; height: 85px; }
.d_hot_I2 a:last-child img{ width: 100%; height: 71px; }
.d_hot_img.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 12px; left: 25px; }
.d_hot_img .swiper-pagination-bullet{ background:#fff; opacity: .5; }
.d_hot_img .swiper-pagination-bullet-active{ background:#fff; opacity: 1; }
/**文章页*/
.d_float{ width: 910px; }
.r-t-h2{ padding:50px 0 25px 0; text-align: center; font-size:26px; color:#222; line-height: 40px; }
.r-t-p{ margin-bottom:26px; text-align: center; font-size: 12px; }
.r-t-p span:nth-of-type(1){ color:#666; margin-right: 16px; }
.r-t-p span:nth-of-type(2){ color:#999; margin-right: 20px; }
.r-t-p span:nth-of-type(3){ color:#0000ff; margin-right: 20px; }
.r-t-details{ padding: 30px 0; font-size: 16px; color: #222; line-height: 32px; }
.r-t-details p{ font-size: 14px; color: #666; line-height: 28px; margin-bottom: 20px; word-break: break-all; }
.r-t-details p img{ display:inline-block; margin:10px auto; }
.r-t-details h3{ font-size: 18px; color:#444; padding:0 0 10px 17px; position: relative; }
.r-t-details h3:before{ content:''; position: absolute; width: 4px; height: 18px; background: #3274c6; top:8px; left:0; }

/*相关资讯*/
.title_zn{ position: relative; z-index: 2; }
.title_zn:after{ content:''; position:absolute; width:100%; height:2px; left:0; bottom:0px; background:#efefef; }
.title_zn span{ line-height:40px; display: inline-block; width: 102px; text-align: center; position: relative; font-size:16px; color: #333; font-weight:  bold; }
.title_zn span:after{ content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 0; background:  #3274c6; z-index: 9; }
.d_red_ul{ overflow: hidden; padding:10px 0; }
.d_red_ul li{ float:left; box-sizing:border-box; position: relative; width: 390px; }
.d_red_ul li a{ height: 50px; line-height: 50px; display: block; cursor:pointer; border-bottom:1px dotted #e3e3e3; overflow: hidden; }
.d_red_ul li a:before{ content:''; display: inline-block; width: 6px; height: 6px; background: #999; border-radius: 50%; margin-right:10px; }
.d_red_ul li a:hover{ color:#4191f4; }
.d_red_ul li a:hover:before{ background:#4191f4; }
.d_red_ul li:nth-of-type(2n+1){ width: 455px; padding-right: 65px; border-right: 1px dotted #e3e3e3}
.d_red_ul li:nth-of-type(2n+2){ margin-left: 65px; }
/**/
.d_soft{ width: 750px; margin: 20px auto; background: #f7f7f7; padding: 10px 27px 10px 0; box-sizing: border-box; }
.d_soft_l{ width: 540px; border-right: 1px dotted #c4c4c4; padding: 17px 0 17px 20px; box-sizing: border-box; }
.s_soft_href{ float: left; margin-right: 10px; cursor:pointer; }
.s_soft_href img{ width: 100px; height: 100px; border-radius: 10px; }
.s_soft_d{ padding-top:5px; }
.s_soft_d h2{ font-size: 18px; color: #444; height: 40px; line-height: 40px; overflow: hidden; }
.s_soft_d h2 a{ display: inline-block; cursor: pointer; }
.s_soft_d h2 a:hover{ color:#000; }
.s_soft_d i{ font-style: normal; display: block; font-size: 12px; color:#999; height: 30px; line-height: 30px; overflow: hidden; }
.s_soft_d p{ color:#999; font-size: 12px; overflow: hidden; height: 20px; line-height: 20px; }
.s_soft_d p a{ margin-right: 15px; color:#1c70e3; }
.s_soft_d p u{ text-decoration: none; color:#333; margin-right: 15px; }
.d_soft_r .d_l_down a{ padding:2px 0; margin-top:0; margin-bottom: 10px; }
.d_soft_r{ }
.d_soft_r .d_l_down a:last-child{ margin-bottom: 0; }
.d_soft_r .d_l_down a i{ width: 53px; }
.d_soft_r .d_l_down a span{ width: 100px; }
.d_soft_r .d_l_bendi i{ background: url(../images/down1.png) no-repeat 16px 5px; }
.d_soft_r .d_l_diannao i{ background: url(../images/down2.png) no-repeat 16px 5px; }
.d_soft_r .d_l_liji i{ background: url(../images/down3.png) no-repeat 16px 5px; }

/*文章列表页*/
.l_l{ width: 890px; padding-top:20px; }
.fr.con_r.l_r{ width: 260px}
/*列表*/
.m_heart{ background:#fff; }
.m_heart li{ padding: 28px 0; border-bottom:1px solid #e5e5e5; overflow:hidden; position: relative; }
.m_heart_img{ display: inline-block; float:left; margin-right:23px; cursor:pointer; position: relative; z-index: 2; }
.m_heart_img img{ width: 186px; height: 104px; display:block; }
.m_heart_tit{ position: relative; }
.m_heart_read{ position: absolute; background:#dfdfdf; padding:0 5px; color:#fff; cursor:pointer; top: 62px; right: 0; display:  none; }
.m_heart_tit h3{ color:#333; margin-bottom:10px; }
.m_heart_tit h3 a{ display: block; font-size:18px; position: relative; cursor:pointer; color: #151515; height: 24px; line-height: 24px; overflow: hidden; }
.m_heart_tit h3 a:hover{ color:#e35720; }
.m_heat_p{ height:54px; overflow: hidden; text-align: justify; line-height: 26px; color: #666; }
.m_heart_time{ height:16px; line-height: 16px; }
.m_heart_time span{ color: #999; font-size: 12px; }
.m_heart_time_span1{ margin-right:15px; }
.m_heart_time_span1 i{ background: url(../images/time.png) no-repeat 0 0; display: inline-block; width: 12px; height: 14px; vertical-align: middle; margin-right: 6px; }
.m_heart_time_span2 i{ background: url(../images/see.png) no-repeat 0 0; display: inline-block; width: 12px; height: 10px; vertical-align: middle; margin-right: 6px; }
/*右侧攻略排行*/
.l_r{ padding-top:24px; }
.l_r_ul{ padding:10px 0; }
.l_r_ul li{ border-bottom:1px dotted #e3e3e3; position: relative; }
.l_r_ul li a{ display: block; padding-left:25px; box-sizing:border-box; cursor: pointer; }
.l_r_ul li a img{ width: 100%; height: 130px; display: none; }
.l_r_ul li a p{ height: 50px; line-height: 50px; overflow:hidden; }
.l_r_ul li:before{ content: ''; color:#fff; font-size:12px; width:15px; text-align: center; height:15px; line-height: 15px; background:#c4c4c4; position: absolute; top:0; left:0; bottom:0; margin:auto; }
.l_r_ul li:nth-of-type(1):before{ content:'1'; background:#ed4848; }
.l_r_ul li:nth-of-type(2):before{ content:'2'; background:#f27f7f; }
.l_r_ul li:nth-of-type(3):before{ content:'3'; background:#f8b6b6; }
.l_r_ul li:nth-of-type(4):before{ content:'4'; }
.l_r_ul li:nth-of-type(5):before{ content:'5'; }
.l_r_ul li:nth-of-type(6):before{ content:'6'; }
.l_r_ul li:nth-of-type(7):before{ content:'7'; }
.l_r_ul li:nth-of-type(8):before{ content:'8'; }
.l_r_ul li:nth-of-type(9):before{ content:'9'; }
.l_r_ul li:nth-of-type(10):before{ content:'10'; }

.l_r_ul .active a{ padding-left:0; }
.l_r_ul .active:before{ bottom:115px; }
.l_r_ul .active a img{ display: block; }
.l_r_ul .active a p{ position: absolute; left: 0; bottom: 0; background: rgba(1,1,1,.5); width: 100%; color: #fff; box-sizing: border-box; padding: 0 10px; height: 36px; line-height: 36px; }
.l_r_ul li:last-child{ border-bottom:0; }
/*图文攻略*/
.l_r_gl{ padding-top:20px; }
.l_gl_ul{ }
.l_gl_ul li{ border-bottom: 1px solid #ddd; padding:20px 0; }
.l_gl_ul a{ display: block; cursor: pointer; }
.l_gl_ul a img{ width: 114px; height: 70px; float:left; margin-right: 10px; }
.l_gl_d{ position: relative; height: 70px; }
.l_gl_d p{ height: 50px; line-height: 23px; overflow: hidden; }
.l_gl_d span{ font-size: 12px; color:#999; }


/*专题页-导言*/
.z_ban{ padding-top:30px; }
.z_ban_f{ width:440px; }
.z_ban_f h2{ height:50px; line-height: 50px; font-size:18px; font-weight: bold; background:#e5f1ff; padding:0 30px; position: relative; }
.z_ban_f h2 span{ position: absolute; top:0; right:50px; display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background:#7ab5ff; color:#fff; }
.z_ban_f h2 i{ position:absolute; bottom:-20px; right:50px; display: inline-block; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 20px solid #7ab5ff; }
.z_ban_r{ width:760px; height: 330px; }
.z_ban_r a{ display: block; cursor:pointer; }
.z_ban_r a img{ display: block; width: 100%; height: 100%; }
.z-ban_f_tit{ border:1px solid #e9e9e9; border-top:0; padding:30px 30px 16px 30px; box-sizing:border-box; }
.z-ban_f_tit p{ color:#999; line-height: 30px; height:195px; }
.z-ban_f_tit a{ display: block; cursor:pointer; height:38px; line-height: 38px; color:#999; background:#e3e3e3; text-align: center; border-radius: 4px; font-size:16px; }
.z-ban_f_tit a:hover{ background:#ddd; color:#666; }
/*标签*/
.z_tag{ font-size:0; padding:26px 0 40px 0; }
.z_tag span{ display: inline-block; font-size:16px; color:#888; margin-right:10px; }
.z_tag a{ display: inline-block; font-size:14px; margin-right:20px; border-radius: 100px; padding:2px 10px; }
.z_tag a:nth-of-type(2n+1){ color:#33abff; border:1px solid #33abff; }
.z_tag a:nth-of-type(2n+2){ color:#34bb34; border:1px solid #34bb34; }
.z_tag a:nth-of-type(4n+4){ color:#c846d7; border:1px solid #c846d7; }
.z_tag a:nth-of-type(5n+4){ color:#e93636; border:1px solid #e93636; }
/*专题列表*/
#topic ul{ zoom: 1; display:table; width:1230px; }
#topic ul:before{ content:""; clear:both; }
#topic ul li{ width: 378px; height: 220px; zoom:1; float: left; margin-right: 32px; margin-bottom:43px; position: relative; }

#topic ul li:after{ content:""; position: absolute; background:url(../images/zt_5.png) no-repeat; width: 321px; height: 48px; left:0; right:0; bottom:-18px; margin: auto; z-index: -1; }
.box{ border:1px solid #e1e2e0; background:#fff; border-radius: 6px; padding:19px 24px; box-sizing:border-box; position: relative; }
#topic ul li:hover .box{ top:-10px; }
.box img{ width:80px; height:80px; border-radius: 6px; }
.box a{ display:inline-block; float: left; padding-right: 10px; position: relative; overflow: hidden; zoom: 1; }
.box h3{ height: 22px; padding-top:5px; }
.box h3 a{ color: #333; font-weight: bold; font-size: 16px; padding-bottom: 1px; position: absolute; font-family: "Microsoft Yahei"; white-space: nowrap; }
.box h3 a:hover{ color:#df0000; }
.box strong{ display: inline-block; font-weight:normal; width: 180px; overflow: hidden; zoom: 1; }
.box strong.topname{ line-height:20px; height:20px; font-size:14px; overflow:hidden; zoom:1; }
.box strong i{ background: url(../images/start.png) no-repeat 0 0px; width: 100px; display: block; }
.box i b{ width:50%; background: url(../images/start.png) no-repeat 0 -18px; display: block; height: 13px; }
.tbox{ overflow:hidden; zoom:1; position: relative; }
.pf{ color:#888; }
.pf span{ display:block; margin:5px 0; }
.pf span u{ color:#ed4848; text-decoration: none; }
.pf font{ color:#d2d2d2; padding:0px 8px; }
.intro{ display: block; color: #757575; line-height: 28px; margin-top: 12px; height: 88px; overflow: hidden; }
.box .toppic_down{ background: #4191f4; color:#fff; position: absolute; padding: 3px 9px; border-radius: 4px; right: 35px; top: 45px; }
.xbtj .box:after{ content:''; position: absolute; top:-6px; right: -6px; background:url(../images/zt_1.png) no-repeat; width: 111px; height: 110px; }
.zdxz .box:after{ content:''; position: absolute; top:-6px; right: -6px; background:url(../images/zt_2.png) no-repeat; width: 111px; height: 110px; }
.zshy .box:after{ content:''; position: absolute; top:-6px; right: -6px; background:url(../images/zt_3.png) no-repeat; width: 111px; height: 110px; }
.jrtj .box:after{ content:''; position: absolute; top:6px; left: -6px; background:url(../images/zt_4.png) no-repeat; width: 56px; height: 36px; }

/*其他专题*/
.m_rest_swiper{ margin-top:30px; }
.m_rest_container{ background:#fff; padding: 20px 0 0 0; }
.m_rest_container .swiper-slide img{ width: 100%; height:120px; display: block; border-radius: 4px; object-fit:cover; }
.m_rest_container .swiper-slide a{ display: block; }
.m_rest_container .swiper-slide p{ color:#434343; padding:15px 0 20px 0; text-align: center; }
/*左右切换按钮*/
.m_rest_container .swiper-button-prev{ opacity: 1; width: 32px; height: 44px; left:0; background:none; }
.m_rest_container .swiper-button-next{ opacity: 1; width: 32px; height: 44px; right:0; background:none; }
.m_rest_container .swiper-button-prev a{ background: url(../images/prev.png) no-repeat; display: inline-block; width: 32px; height: 44px; }
.m_rest_container .swiper-button-next a{ background: url(../images/next.png) no-repeat; display: inline-block; width: 32px; height: 44px; }
.z_new{ border-bottom: 1px solid #ecf4fe; height:50px; line-height: 50px; font-size:20px; font-weight: bold; padding-left:10px; position: relative; }
.z_new:before{ content:''; display: inline-block; width: 104px; height: 1px; background: #4191f4; position: absolute; left: 0; bottom:0; }
.z_new a{ position: absolute; font-weight:500; top:5px; right:0; font-size:14px; color:#999; cursor:pointer; }
.z_new a:hover{ color:#333; }
/*分页*/
.page{ width: 100%; font-size: 14px; overflow: hidden; text-align:center; padding: 20px 0 30px 0; }
.page a{ border:1px solid #999; color: #fff; padding: 2px 10px; font-weight: normal; border-radius: 2px; margin:0 5px 0}
.page b.sele,.page a:hover{ background: #77bd00; color: #fff; padding: 2px 10px; font-weight: normal; border-radius: 2px; border:1px solid #77bd00 !important; }
.page b.total{ font-weight: normal; padding: 0 28px 0 10px; color: #999; }
.page .cur{ background: #77bd00; color: #fff; padding: 1px 10px; }
.page a{ color: #888; padding: 2px 10px; }

/*首页*/
.in_nav{ padding-top:20px; }
.in_nav ul{ overflow: hidden; width: 1300px; }
.in_nav ul li{ float:left; margin-right: 10px; }
.in_nav ul li a{ cursor: pointer; display: block; background:#f8f8f8; padding:23px 15px 10px 15px; border-radius: 4px; }
.in_nav ul li a img{ width:70px; height:70px; border-radius: 10px; }
.in_nav ul li a p{ font-size:12px; color:#666; height:30px; line-height: 30px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.in_nav ul li a:hover{ background:#f1f1f1; }
.in_nav ul li a:hover p{ color:#333; }
.in_menu{ padding:15px 0; }
.in_menu ul li{ overflow: hidden; margin-bottom:10px; font-size:0; }
.in_menu ul li span{ float:left; display: inline-block; width: 63px; font-size:12px; line-height:22px; height:22px; color:#fff; text-align:center; margin-right:17px; }
.in_menu ul li:first-child span{ background:#58beff; }
.in_menu ul li:last-child span{ background:#4ddaa3; }
.in_menu_name{ float:right; width:1120px; }
.in_menu_name a{ display: inline-block; font-size:12px; line-height:22px; height:22px; cursor:pointer; margin-right:30px; }
.in_menu ul li:first-child .in_menu_name a:hover{ color:#58beff; }
.in_menu ul li:last-child .in_menu_name a:hover{ color:#4ddaa3; }
.in_c1{ width:380px; margin-right:30px; }
.in_c2{ width:480px; margin-right:30px; }
.in_c3{ width:280px; }
.in_c1_href{ cursor:pointer; position: relative; }
.in_c1_href img{ display: block; width:380px; height:260px; }
.in_c1_href p{ width:380px; height:120px; line-height:60px; color:#fff; text-align:center; position: absolute; left:0; bottom:-40px; background-image: linear-gradient(180deg,hsla(0,0%,100%,0),#000); }
.in_c1s .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 0; background: #fff; opacity: 1; border-radius: 50%; }
.in_c1s .swiper-pagination-bullet-active { opacity: 1; width: 7px; height: 7px; background: none; border:2px solid #fd7f66; }
.in_c1s.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:13px; }
.in_c1s .swiper-pagination span{ vertical-align: middle; }
/*热门游戏*/
.in_hot_tab{ padding:25px 0 10px 0; border-bottom:2px solid #efefef; height: 75px; box-sizing: border-box; }
.in_hot_tab h3{ font-size:18px; font-weight: bold; position: relative; height: 30px; line-height: 36px; }
.in_hot_tab h3:after{ content: ''; position: absolute; width: 100%; height: 2px; background: #3274c6; left:0; bottom:-20px; }
.m_new_more{ display: inline-block; font-size: 12px; color:#4191f4; position:relative; padding: 9px 25px; }
.m_new_more:after{ content:''; display: inline-block; background:url(../images/in_1.png) no-repeat; width:16px; height:16px; position: absolute; right:0; top:11px; }
.m_new_more:hover{ text-decoration: underline; }
.in_hot_ul{ overflow: hidden; padding-top:25px; box-sizing: border-box; }
.in_hot_ul li{ float:left; width: 190px; padding-right:5px; margin-bottom:20px; overflow: hidden; box-sizing:border-box; }
.in_hot_href{ float:left; }
.in_hot_href img{ width: 70px; height: 70px; border-radius: 6px; margin-right: 10px; }
.in_hot_a1{ height: 26px; line-height: 26px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; cursor:pointer; }
.in_hot_a1:hover{ text-decoration: underline; }
.in_hot_t span{ color:#999; display: block; font-size:12px; margin-bottom:4px; }
.in_hot_a2{ cursor: pointer; padding:1px 8px; border-radius: 100px; color:#fff; }
.in_hot_ul li:nth-of-type(1) .in_hot_a2{ background:#67cf6c; }
.in_hot_ul li:nth-of-type(2) .in_hot_a2{ background:#ff8686; }
.in_hot_ul li:nth-of-type(3) .in_hot_a2{ background:#8f94f9; }
.in_hot_ul li:nth-of-type(4) .in_hot_a2{ background:#5db1ff; }
.in_hot_ul li:nth-of-type(5) .in_hot_a2{ background:#ffaf88; }
.in_hot_ul li:nth-of-type(6) .in_hot_a2{ background:#696969; }
.in_hot_ul li:nth-of-type(7) .in_hot_a2{ background:#ff8686; }
.in_hot_ul li:nth-of-type(8) .in_hot_a2{ background:#8f94f9; }

.in_ness{ width:380px; height:230px; }
.in_ness .in_c1_href p{ bottom:-20px; }
.in_ness .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 0; background: #fff; opacity: 1; border-radius: 50%; }
.in_ness .swiper-pagination-bullet-active { opacity: 1; width: 7px; height: 7px; background: none; border:2px solid #fd7f66; }
.in_ness.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:13px; }
.in_ness .swiper-pagination span{ vertical-align: middle; }
/*每日热点*/
.in_c2_tab{ font-size:0; border-bottom: 2px solid #fdecec; }
.in_c2_tab a{ display: inline-block; height:40px; line-height: 40px; position: relative; padding:0 25px; font-size:16px; }
.in_c2_tab .active{ color:#ed4848; }
.in_c2_tab .active:after{ content:''; width: 100%; height: 2px; background: #ed4848; position: absolute; left:0; bottom:-2px; }
.in_c2_d{ padding-left:38px; position: relative; }
.in_c2_d:before{ content:''; position: absolute; width: 100%; height:100%; left:0; top:24px; background:url(../images/in_7.png) no-repeat; z-index: -1; }
.in_c2_ul{ padding: 24px 0 8px 0; height: 227px; box-sizing: border-box; overflow: hidden; }
.in_c2_ul li{ overflow: hidden; margin-bottom:9px; }
.in_c2_ul li>span{ float:left; display: inline-block; width: 58px; height: 21px; line-height: 21px; text-align: center; background:#cbcbcb; font-size:12px; color: #fff; margin-right: 19px; margin-top:4px; }
.in_c2_href img{ display: inline-block; width: 30px; height: 30px; border-radius: 4px; margin-right: 13px; vertical-align: middle; }
.in_c2_href span{ display: inline-block; vertical-align: middle; width: 202px; height: 20px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.in_c2_href i{ float: right; font-style: normal; color:#999; margin-top:5px; }
.in_c2_href:hover{ font-weight: bold; }
/*编辑首推*/
.in_c3 .in_hot_tab{ height: 40px; padding: 0; }
.in_c3 .in_hot_tab h3{ height:30px; line-height: 30px; }
.in_c3 .in_hot_tab h3:after{ bottom:-10px; }
.in_c3_bj{ overflow: hidden; padding:25px 0; }
.in_c3_bj>img{ float:left; width: 90px; height: 90px; border-radius: 10px; margin-right: 10px; }
.in_c3_bjd a{ display:block; font-size:16px; height:30px; line-height: 30px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.in_c3_bjd a:hover{ color:#000; }
.in_c3_bjd i{ background: url(../images/start.png) no-repeat 0 0px; width: 100px; display: block; margin: 4px 0 4px 100px; }
.in_c3_bjd i b{ width:50%; background: url(../images/start.png) no-repeat 0 -18px; display: block; height: 13px; }
.in_c3_bjd p{ font-size:12px; color:#999; height: 40px; line-height: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
/*开服开测*/
.in_new ul{ padding:20px 0; height:500px; box-sizing: border-box; }
.in_new ul li{ position: relative; margin-bottom:11px; overflow: hidden; }
.in_new ul li>img{ float:left; width: 30px; height: 30px; border-radius: 2px; margin-right: 8px; }
.in_new_li{ float: left; overflow: hidden; height: 30px; line-height: 30px; cursor:pointer; }
.in_new_li a{ display: inline-block; width: 118px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.in_new_li p{ display: inline-block; width: 76px; color:#999; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
.in_new_li span{ display: inline-block; float: right; width:40px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; text-align: right; }
.in_new_soft{ position: absolute; display: inline-block; width: 69px; text-align: center; height:24px; line-height: 24px; border-radius: 4px; font-size:12px; background:#4191f4; color:#fff; top: 16px; right: 15px; display:none; }
.in_new_caution{ position: absolute; display: inline-block; width: 67px; text-align: center; height:22px; line-height: 22px; border-radius: 4px; font-size:12px; border:1px solid #4191f4; color:#4191f4; top: 44px; right: 15px; display:none; }
.in_new .active{ padding:10px; box-sizing:border-box; background:#fff; box-shadow: 2px 2px 4px #f2f2f2, -2px -2px 4px #f2f2f2; border-radius: 6px; }
.in_new .active>img{ width: 60px; height: 60px; border-radius: 10px; }
.in_new .active .in_new_li{ height: 60px; }
.in_new .active .in_new_li a{ display: block; font-size:16px; color:#4191f4; height:22px; line-height: 22px; }
.in_new .active .in_new_li p{ display: block; font-size:12px; color:#999; height: 22px; line-height: 22px; }
.in_new .active .in_new_li span{ display: block; font-size:12px; color:#999; height: 18px; line-height: 18px; float: left; text-align: left; }
.in_new .active .in_new_soft{ display: block; }
.in_new .active .in_new_caution{ display: block; }





/*专题列表页*/
.r-tit{ padding:3px 0 20px 0; overflow: hidden; color:#1c70e3; }
.r-tit a{ color:#666; position: relative; }
.zl_fr .in_hot_tab{ height: 40px; padding: 0; }
.zl_fr .in_hot_tab h3{ height:30px; line-height: 30px; }
.zl_fr .in_hot_tab h3:after{ bottom:-10px; }
.zl_fl{ width: 134px; background:#efefef; }
.zl_fl ul li{ position: relative; height:50px; line-height: 50px; text-align: center; }
.zl_fl ul li a{ display: block; cursor: pointer; }
.zl_fl ul .active{ background: #4191f4; }
.zl_fl ul .active a{ color:#fff; }
.zl_fl ul .active:after{ content:''; position: absolute; top:0; right:-6px; bottom:0; margin:auto; width: 0; height: 0; border-top: 6px solid transparent; border-left: 6px solid #4191f4; border-bottom: 6px solid transparent; }
.zl_fr{ width: 1026px; }
/*编辑首推*/
.zl_fl>p{ font-size:16px; height:50px; line-height: 50px; text-align: center; font-weight: bold; }
.zl_fr_ul{ width: 1070px; padding:17px 0; }
.zl_fr_ul li{ width: 322px; margin:0 34px 30px 0; float: left; }
.zl_fr_t{ background: #f7f7f7; height: 122px; padding:18px; box-sizing:border-box; }
.zl_fr_t>a{ float: left; }
.zl_fr_t>a img{ width: 80px; height: 80px; border-radius: 10px; margin-right: 12px; }
.zl_fr_tit{ height:71px; overflow: hidden; }
.zl_fr_tit>a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:20px; color:#4191f4; font-weight: bold; height: 35px; line-height: 35px; }
.zl_fr_tit p a{ display: inline-block; font-size:12px; margin:10px 5px 0 0; padding:2px 6px; border-radius: 2px; }
.zl_fr_tit p a:nth-of-type(1){ color:#1c70e3; border:1px solid #1c70e3; }
.zl_fr_tit p a:nth-of-type(2){ color:#f18d8d; border:1px solid #f18d8d; }
.zl_fr_tit p a:nth-of-type(3){ color:#999; border:1px solid #999; }
.zl_fr_x{ background: #f0f0f0; padding:20px 20px 12px 20px; position: relative; box-sizing:border-box; }
.zl_fr_x:before{ content:''; position: absolute; top:-8px; left:0; right:0; margin:auto; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f0f0f0; }
.zl_fr_x p{ color:#666; line-height: 30px; height:90px; overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.zl_ft_down{ font-size: 0; padding-top:10px; }
.zl_ft_down a{ display: inline-block; font-size:12px; padding:1px 10px; border-radius: 2px; }
.zl_ft_down a:first-child{ background:#4191f4; border:1px solid #4191f4; color:#fff; margin-right: 10px; }
.zl_ft_down a:last-child{ background:#f0f0f0; border:1px solid #999; color:#999; }

/*最新游戏*/
.in_gamel{ width: 380px; margin-right: 30px; text-align: left; }
.in_gamer{ width: 690px; }
.in_gamer_tab{ position: relative; padding-top: 33px; overflow: hidden; }
.in_gamer_tab:after{ content:''; width: 100%; height: 2px; background: #efefef; position: absolute; left: 0; bottom:0; }
.in_gamer_tab>span{ position: relative; float: left; display: inline-block; width: 88px; height: 42px; text-align: center; line-height: 42px; border-radius: 4px; background: #ed4848; color:#fff; z-index: 2; margin-right: 40px; font-size: 14px; }
.in_gamer_tab:before{ content: ''; width: 20px; height: 33px; display: inline-block; background: #f9c1c1; border-radius: 4px; position: absolute; top: 38px; left: 71px; z-index: 1; -webkit-transform: rotate(10deg); transform: rotate(10deg); }
.in_gamer_more{ position: absolute; top:35px; right: 0; }
.in_gamer_ul{ font-size: 0; height: 42px; line-height: 42px; }
.in_gamer_ul a{ display: inline-block; font-size: 14px; color:#666; margin-right: 30px; }
.in_gamer_ul a:hover{ color:#333; }
.in_gamer_img{ overflow: hidden; padding: 40px 0px 0 0px; width: 730px; }
.in_gamer_img li{ float: left; margin: 0 27px 10px 0; }
.in_gamer_img li a{ display: block; cursor: pointer; width: 92px; }
.in_gamer_img li a p{ color: #333; height: 32px; line-height: 32px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.in_gamer_img li a img{ width: 92px; height: 92px; border-radius: 4px; }
/*其他专题*/
.in_rest_container{ background:#fff; padding: 20px 0; height:120px; }
.in_rest_container .swiper-slide img{ width: 100%; height:120px; display: block; border-radius: 4px; object-fit:cover; }
.in_rest_container .swiper-slide a{ display: block; position: relative; }
.in_rest_container .swiper-slide p{ color: #fff; text-align: center; position: absolute; width: 100%; left: 0; bottom: 0; height: 40px; line-height: 40px; background: rgba(1,1,1,.3); }
/*左右切换按钮*/
.in_rest_container .swiper-button-prev{ opacity: 1; height: 70px; width: 20px; left:0; background:none; top:70px; }
.in_rest_container .swiper-button-next{ opacity: 1; height: 70px; width: 20px; right:0; background:none; top:70px; }
.in_rest_container .swiper-button-prev a{ background: url(../images/m_prev.png) no-repeat; display: inline-block; width: 20px; height: 70px; }
.in_rest_container .swiper-button-next a{ background: url(../images/m_next.png) no-repeat; display: inline-block; width: 20px; height: 70px; }
/*最新游戏*/
.in_nesGame{ position: relative; font-size:16px; padding:10px 25px; margin-top:20px; text-align: left; }
.in_nesGame i{ position: absolute; display: inline-block; width: 17px; height: 17px; background:url(../images/in_2.png) no-repeat; top:0; left:0; bottom:0; margin: auto; }
/*游戏新闻下标签*/
.in_tab_t{ font-size: 0; width:400px; }
.in_tab_t a{ display: inline-block; border-radius: 2px; background: #eee; color:#666; font-size:14px; margin:10px 11px 0 0; padding:8px 15px; }
.in_tab_t .active{ background: #58beff; color:#fff; }


/*游戏排行*/
.in_rankCon{ width: 1236px; }
.idx_android,.idx_ios,.idx_hot,.idx_down{ margin-right:32px; padding-top:20px; width: 277px; }
.idx_android_p1{ position: relative; padding:10px 25px; font-weight: bold; }
.idx_android_p1 i{ position: absolute; display: inline-block; width: 16px; height: 20px; background:url(../images/in_3.png) no-repeat; top:0; left:0; bottom:0; margin: auto; }
.idx_android_ul{ height: 423px; overflow: hidden; }
.idx_android_ul li{ padding:0 0 0 27px; position: relative; overflow:hidden; box-sizing:border-box; }
.idx_android_ul li:before{ content:''; position: absolute; display: inline-block; width: 15px; height: 19px; border-radius: 2px; color:#fff; font-size: 12px; text-align: center; line-height: 19px; background: #b7b7b7; left: 0; top: 0; bottom: 0; margin: auto; }
.idx_android_ul li:nth-of-type(1):before{ content:"1"; background: #62c134; }
.idx_android_ul li:nth-of-type(2):before{ content:"2"; background: #60d466; }
.idx_android_ul li:nth-of-type(3):before{ content:"3"; background: #62e7b0; }
.idx_android_ul li:nth-of-type(4):before{ content:"4"; }
.idx_android_ul li:nth-of-type(5):before{ content:"5"; }
.idx_android_ul li:nth-of-type(6):before{ content:"6"; }
.idx_android_ul li:nth-of-type(7):before{ content:"7"; }
.idx_android_ul li:nth-of-type(8):before{ content:"8"; }
.idx_android_ul li:nth-of-type(9):before{ content:"9"; }
.idx_android_ul li:after{ content:''; position: absolute; right: 0; bottom:0; width: 250px; height: 1px; background: #ededed; }
.idx_android_ul li img{ width: 80px; height: 80px; border-radius: 10px; margin-right: 10px; display: none; }
.idx_android_tit{ }
.idx_android_tit>a{ color: #666; display: block; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.idx_android_tit i{ font-size:12px; color:#999; font-style: normal; display: none; }
.idx_android_down{ font-size: 0; margin-top:8px; display: none; }
.idx_android_down>a{ display: inline-block; font-size: 12px; color:#333; border:1px solid #dedede; border-radius: 2px; padding:0 5px; margin-right: 5px; color:#666; }
.idx_android_ul .active{ padding:12px 0 12px 27px; }
.idx_android_ul .active img{ display: block; float: left; }
.idx_android_ul .active .idx_android_tit>a{ font-size: 16px; color:#3daf3d; height: 26px; line-height: 26px; }
.idx_android_ul .active:before{ height:80px; line-height: 80px; }
.idx_android_ul .active .idx_android_tit i{ display: block; }
.idx_android_ul .active .idx_android_down{ display: block; }
.idx_ios .idx_android_p1 i{ width: 17px; height: 19px; background: url(../images/in_4.png) no-repeat; }
.idx_hot .idx_android_p1 i{ width: 15px; height: 20px; background: url(../images/in_5.png) no-repeat; }
.idx_down .idx_android_p1 i{ width: 17px; height: 17px; background: url(../images/in_6.png) no-repeat; }
.idx_ios .idx_android_ul li:nth-of-type(1):before{ background: #4ccdf7; }
.idx_ios .idx_android_ul li:nth-of-type(2):before{ background: #33d6e5; }
.idx_ios .idx_android_ul li:nth-of-type(3):before{ background: #49dfd6; }
.idx_hot .idx_android_ul li:nth-of-type(1):before{ background: #ff3434; }
.idx_hot .idx_android_ul li:nth-of-type(2):before{ background: #ff6464; }
.idx_hot .idx_android_ul li:nth-of-type(3):before{ background: #ff7c7c; }
.idx_down .idx_android_ul li:nth-of-type(1):before{ background: #ffb541; }
.idx_down .idx_android_ul li:nth-of-type(2):before{ background: #ffd041; }
.idx_down .idx_android_ul li:nth-of-type(3):before{ background: #ffed75; }
.idx_ios .idx_android_ul .active .idx_android_tit>a{ color:#4ccdf7; }
.idx_hot .idx_android_ul .active .idx_android_tit>a{ color:#d12e2e; }
.idx_down .idx_android_ul .active .idx_android_tit>a{ color:#ffb541; }



/*
    banner点击放大 start
*/
/*游戏截图*/
.slide_box{ width: 100%; height: 270px; overflow: hidden; position: relative; z-index: 0; margin-bottom: 30px; }
.slide_box .bd{ width: 100%; height: 100%; position: relative; z-index: 0; }
.slide_box .img_list{ position: absolute; left: 0; top: 0; width: 9999px; }
.slide_box .img_list li{ float: left; /*margin-right: 10px; */}
.slide_box .img_list li img{ height: 270px; width: auto; padding-right:10px; }
.slide_box .prev{ display: block; width: 35px; height: 81px;  background-position: -118px -263px; position: absolute; left: 0; top: 50%; margin-top: -40px; z-index: 2; cursor: pointer; background: url(../images/index.png) -1px -344px no-repeat;}
.slide_box .next{ display: block; width: 21px; height: 81px;background-position: -157px -263px; position: absolute; right: 0; top: 50%; margin-top: -40px; z-index: 2; cursor: pointer; background: url(../images/index.png) -32px -344px no-repeat;}

/*图片*/
#imgview{ margin-bottom: 15px; overflow: hidden; width: 600px; }
#imgview ul{ width: 600px; height: auto; overflow: auto; white-space: nowrap; }
#imgview ul li{ padding-right: 12px; height: 276px; display: inline-block; }
#imgview ul li img{ height: 276px; }
.jspContainer{ overflow: hidden; position: relative; padding-bottom: 20px; }
.jspPane{ position: absolute; }
.jspVerticalBar{ position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 9px; }
.jspCap{ display: none; }
.jspHorizontalBar .jspCap{ float: left; }
.jspTrack{ background: #ececec; position: relative; }
.jspDrag{ background: #8fd111; position: relative; top: 0; left: 0; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{ float: left; height: 100%; border-radius: 6px; }
.jspArrow{ background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled{ cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow{ height: 16px; }
.jspHorizontalBar .jspArrow{ width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus{ outline: none; }
.jspCorner{ background: #eeeef4; float: left; height: 100%; }

/*截图-jq-css*/
#jquery-overlay{ height:500px; left:0; position:absolute; top:0; width:100%; z-index:1000}
#jquery-lightbox{ left:0; line-height:0; position:absolute; text-align:center; top:0; width:100%; z-index:1001}
#jquery-lightbox a img{ border:medium none}
#lightbox-container-image-box{ background-color:#fff; height:250px; margin:0 auto; position:relative; width:250px}
#lightbox-container-image{ padding:10px}
#lightbox-loading{ height:25%; left:0; line-height:0; position:absolute; text-align:center; top:40%; width:100%}
#lightbox-nav{ height:100%; left:0; position:absolute; top:0; width:100%; z-index:10}
#lightbox-container-image-box>#lightbox-nav{ left:0}
#lightbox-nav a{ outline:medium none}
#lightbox-nav-btnNext,#lightbox-nav-btnPrev{ display:block; height:100%; width:49%}
#lightbox-nav-btnPrev{ float:left; left:0}
#lightbox-nav-btnNext{ float:right; right:0}
#lightbox-container-image-data-box{ background-color:#fff; font:10px/1.4em Verdana,Helvetica,sans-serif; margin:0 auto; overflow:auto; padding:0 10px; width:100%}
#lightbox-container-image-data{ color:#666; padding:0 10px}
#lightbox-container-image-data #lightbox-image-details{ float:left; text-align:left; width:70%}
#lightbox-image-details-caption{ font-weight:700}
#lightbox-image-details-currentNumber{ clear:left; display:block; padding-bottom:1em}
#lightbox-secNav-btnClose{ float:right; padding-bottom:.7em; width:66px}
/*
    banner点击放大 end
*/

/*分页*/
.pager{ margin-top:100px;height:30px; line-height:30px; text-align:center; font-size:14px; padding: 20px 20px 20px 0; overflow: hidden; zoom: 1; width: 100%; }
.pager a{ background:#e8e8e8; padding: 5px 11px; margin: 0 6px 0 0; color: #666; border: 1px solid #d7d7d7; }
.pager a:hover{ color:#fff; background:#22b0f7; text-decoration:none; }
.pager span{ padding: 4px 10px; margin: 0 1px 0 0; background: #22b0f7; color:#fff; }
.pager b.sele{ color:#fff; background:#7db700; text-decoration:none; padding: 4px 10px; margin: 0 3px 0 0; }
.pager b.total{ color:#999; font-weight:normal; }
.pager b.selected{ background: #22b0f7; border: 1px solid #22b0f7; color:#fff; padding: 5px 11px; margin: 0 6px 0 0; }
.pager strong.total{ color: #888; font-weight:normal; }

/*首页底部*/
#copayright a{ display:inline-block; }
#copayright img{ display:inline-block; }

/*下载页的热门攻略*/
.hots_cen{padding-bottom:50px;}
.hots_ul{overflow: hidden;}
.hots_ul li{float: left;position: relative;box-sizing: border-box;overflow: hidden;}
.hots_ul li a:after{content:'';display: inline-block;width: 5px;height:5px;border:1px solid #26a3ef;background: #e2f7ff;position: absolute;top: 0;left: 2px;bottom: 0;margin: auto;transform: rotate(45deg);}
.hots_ul li:nth-of-type(odd){width: 296px;padding-right: 11px;border-right:1px dotted #e1e1e1;}
.hots_ul li:nth-of-type(even){width: 304px;padding-left: 15px;}
.hots_ul li a{display: block;cursor: pointer;padding:7px 0 7px 25px;position: relative;overflow: hidden;}
.hots_ul li a img{float: left;width: 0;height:0;}
.hots_ul li a h3{font-size: 14px;color:#444;font-weight: normal;overflow: hidden;
white-space: nowrap;text-overflow: ellipsis;}
.hots_ul li a p{font-size: 12px;color: #999;position: relative;display: none}
.hots_ul li a p i{display: inline-block;width: 12px;height:12px;background: url(../images/time.png) no-repeat;vertical-align: middle;margin-right: 10px;}
.hots_ul li.active a img{width: 142px;height:80px;margin-right: 14px;}
.hots_ul li.active a{padding:5px 0 5px 0;}
.hots_ul li.active a p{display: block;}
.hots_ul li.active h3{margin-bottom: 8px;line-height: 23px;max-height: 50px;    display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 16px;white-space: inherit;}
.hots_ul li.active a:after{left:-50px;}



/*开服信息*/
.zt_kf_t{font-size: 20px;font-weight: bold;height: 26px;line-height: 26px;padding:20px 42px;position: relative;margin-top: 5px;}
.zt_kf_t:before{content:'';display:inline-block;width: 8px;height: 8px;border-radius: 50%;background: #4384d4;position: absolute;top:0;left:20px;bottom:0;margin:auto;}
.zt_kf_content{border:1px solid #f5f5f5;}
.zt_kf_tab{height: 40px;line-height: 40px;background: #ebebeb;color:#999;font-size:12px;padding:0 34px 0 24px;}
.zt_kf_tab span{float: left;}
.zt_span1{width: 118px;}
.zt_span2{width: 180px;}
.zt_span3{width: 75px;}
.zt_span4{width: 94px;}
.zt_span5{width: 72px;text-align: center;}
.zt_ul2 li{overflow: hidden;padding: 0 20px;}
.zt_ul2 li:nth-of-type(even){background: #f9f9f9;border-top:1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.zt_ul2 li span{float: left;height: 40px;line-height: 40px;overflow: hidden;}
.zt_ul2_span1{width: 118px;}
.zt_ul2_span2{width: 180px;}
.zt_ul2_span2 img{width: 40px;height: 40px;border-radius: 6px;margin-right: 10px;float: left;display: none;}
.zt_ul2_span2 i{font-style: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 170px;float: left;}
.zt_ul2_span3{width: 90px;}
.zt_ul2_span4{width: 75px;}
.zt_ul2_span3 i{display: inline-block;width:15px;height: 18px;background:url(../images/libao_i.png) no-repeat;position: relative;
    top: 6px;left: 8px;}
.zt_ul2_span3 .android{background-position: -36px 0px;}
.zt_ul2_span3 .ios{background-position: -18px 0px;}
.zt_ul2_span5{display: inline-block;width: 80px;height: 26px;text-align: center;line-height: 26px;color:#437fcb;border:1px solid #437fcb;background:#ebf4ff;margin-top: 7px;}
.zt_ul2 li:hover{background:#ecf5ff;}
.zt_ul2 li:hover .zt_ul2_span5{background: #fff;}



/*猜你喜欢*/

.cnxh h3{ font-size:16px; color:#080909; height:46px; line-height:46px; margin-left:10px;}
.cnxh .cn_lb{overflow:hidden;position:relative;}
.cnxh .cn_lb li{float:left;}
.cnxh .cn_lb li a{display:block;overflow:hidden;text-align:center;height: 45px;line-height: 45px;font-size:16px;color: #333;padding: 0 15px;}
.cnxh .cn_lb .hover a{ color:#0da6ed; border-bottom:1px solid #0da6ed; }
.cnxh .c_text{/* overflow:hidden; */position:relative;padding-top: 10px;display: none;}
.cnxh .c_text .c_title{font-size: 16px;color:#1b1c1d;}
.cnxh .c_text .c_more{font-size:12px;color:#9e9c9d;float:right;}
.cnxh .c_text .c_more a{color:#999;padding: 4px 2px;}
.cnxh .c_text .c_more a:hover{color:#0da6ed;}
.cnxh .c_text .c_more em{ display:block; float:right; width:9px; height:10px; margin-top:5px;}
.cnxh .c_text .c_jj{font-size: 14px;color:#9e9c9d;max-height: 70px;line-height: 24px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 5px 0 10px 0;}
.cnxh .c_text .c_app{overflow:hidden;position:relative;width: 630px;}
.cnxh .c_text .c_app li{float:left;height:98px;margin: 15px 20px 0 0;}
.cnxh .c_text .c_app li a{display:block;overflow:hidden;text-align:center;height:98px;width: 70px;}
.cnxh .c_text .c_app li a img{width: 70px;height: 70px;border-radius:10px;display: block;}
.cnxh .c_text .c_app li a p{font-size:12px;color: #444;height: 30px;line-height: 30px;overflow:hidden;}



/*相关版本*/
.rela-list li {background-color: #f9f9f9;border: solid 1px #eeeeee;float: left;padding: 15px;margin: 8px 0 0 8px;width: 264px;}
.related-version {margin-top: 10px;}
.rela-list li img { width: 60px; height: 60px; border-radius: 10px; float: left; display: block; }
.rela-cecn {float: left;margin-left: 10px;}
.rela-list {margin: 10px 0 0 -8px;overflow: hidden;padding-bottom: 30px;}
.rela-btn { float: right; width: 54px; height: 23px; background-color: #ffffff; border: solid 1px #4191f4; margin-top: 18px; text-align: center; line-height: 25px; color: #4191f4; font-size: 12px; transition: all .3s ease; }
.rela-cecn h5 {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size: 16px;line-height: 35px;height: 35px;font-weight: normal;width: 136px;}
.rela-info {display: block;color: #ccc;font-size: 12px;line-height: 12px;width: 136px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.rela-info em { color: #999; font-style: normal; margin-right: 3px; }
.rela-info b { color: #999; font-weight: normal; margin-left: 3px; }
.environment {}
.rela-list li:hover .rela-btn { color: #fff; background: #4191f4; }
.hj-item { display: none; }
.hj-item.active { display: block; }


/*如果没有下载地址的情况*/
.yuyue_btn{float: left;width: 200px;height: 44px;line-height: 44px;background: #ef581c;color: #fff;font-size: 16px;text-align: center;border-radius: 6px;cursor: pointer;margin-bottom:15px;}
.yuyue_bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 88888;display: none;}
.yuyue_box {position: fixed;left: 50%;top: 50%;width: 400px;margin-left: -200px;height: 260px;margin-top: -130px;z-index: 99999;background: #fff;border-radius: 10px;overflow: hidden;font-size: 16px;display: none;}
.yuyue_box .box_title {background: #ef581c;font-size: 18px;color: #fff;padding: 10px 15px;}
.yuyue_box .box_val {padding: 20px 30px 0 30px;}
.yuyue_box .box_val input {display: block;width: 94%;padding: 12px 3%;border: 1px solid #ddd;border-radius: 6px;font-size: 16px;}
.yuyue_box .box_txt {line-height: 60px;text-align: center;color: #888;}
.yuyue_box .box_btn {border-top: 1px solid #eee;padding: 20px 10px;overflow: hidden;}
.box_btn span {float: left;width: 44%;line-height: 46px;margin: 0 3%;background: #bbb;color: #fff;text-align: center;border-radius: 6px;cursor: pointer;}
.box_btn .btn_q {background: #ef581c;}




/*举报*/
.show_l1{position:relative;}
.span-click:before{width:0;height:0;left: -9999em;}
.span-click i:before{background:0;width:0;height:0;}
.span-click{display: inline-block;cursor:pointer;color: #fff;position: absolute;width: 58px;height: 17px;line-height: 17px;border-radius: 26px;right: -21px;top: 24px;}
.span-click i{background: url(https://static.tts8.com/pc/images/leixing3.png) 0 0px no-repeat;width: 20px;height: 19px;display: inline-block;vertical-align: middle;margin-right: 3px;}
.span-click span{display: inline-block;vertical-align: middle;color: #999;}
.email-modal, .jb-modal { display:none; position:  fixed; top: 0; left:  0; width:  100%; height:  100vh; z-index: 999; }
.email-modal-bg, .jb-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background:  rgba(0,0,0,.5); cursor:  pointer; }
.textarea_list{font-size: 14px;padding: 0 20px;height: 40px;line-height: 40px;display: none;}
.email-modal-main, .jb-main {position:  absolute;top: 50%;left:  50%;transform: translate(-50%,-50%);z-index:  1;background-color: #ffffff;border-radius: 5px;width: 528px;height: 400px;overflow: hidden;}
.em-tit, .jb-tit {font-family: MicrosoftYaHei;font-size: 14px;display: block;height: 35px;line-height: 35px;font-weight: bold;color: #2e90fb;border-bottom: 1px solid #ddd;padding: 0 20px;position: relative;text-align: center;box-sizing: border-box;}
.jb-tit:after{content:'';height: 2px;background: #2e90fb;position: absolute;left: 0;bottom: 0;right: 0;width: 38px;margin: auto;}
.jb-email{width: 388px;background: #f5f5f5;height: 40px;line-height: 40px;box-sizing: border-box;color: #777;font-size: 14px;border: none;border-radius: 4px;margin: 0 20px 0 0px;padding: 0 20px;display: inline-block;}
.jb-cause{resize: none;background: #f5f5f5;width: 488px;display: block;font-size: 14px;padding: 10px 20px;box-sizing: border-box;height: 114px;margin: 20px auto 0;}
.em-email { background-color: #f6f6f6; border-radius: .1rem; border: solid .05rem #f2f2f2; display:  block; color: #cccccc; font-size: .8rem;  width: 100%;box-sizing:border-box; height:  2rem; line-height:  2rem; padding:  0 .5rem; }
.em-text { background-color: #f6f6f6; border-radius: .1rem; border: solid .05rem #f2f2f2; display: block; color: #cccccc; font-size: .6rem; margin: .6rem auto 0; width: 12.5rem; height: 4rem; line-height: .8rem; padding: .5rem .5rem; resize: none; }
.jb-submit{display: inline-block;border: 1px solid #2e90fb;background:#4a9bee1f;text-align: center;color: #2e90fb;font-size: 16px;width: 284px;margin: 20px 0 0 20px;height: 45px;line-height: 45px;border-radius: 100px;}
.jb-exit{/* display: none; */display: inline-block;text-align: center;color: #ccc;font-size: 14px;width: 100px;margin: 0 auto;height: 40px;line-height: 40px;border-radius: 2px;cursor: pointer;margin-left: 90px;}
.email-sub{ width: 12.5rem; height: 1.7rem; background-color: #399afd; border-radius: .1rem; margin:  1.5rem auto 0; display:  block; text-align:  center; color:  #fff; line-height:  1.7rem; font-size:  .6rem; cursor:  pointer; }
.email-cancel { width: 12.5rem; height: 1.7rem; border-radius: .1rem; margin: 1rem auto 0; display: block; text-align: center; color: #999; line-height: 1.7rem; font-size: .6rem; cursor: pointer; }
.feedback .email-btn {float: left;display: inline;position: relative;left: 0; border: 1px solid #4174f4; text-align:  center; color: #4174f4; background:  #d9e4ff; border-radius:  300px; padding: 0 .5rem 0 1.2rem; cursor:pointer; }
.feedback .email-btn:before {position: absolute; content: ""; background:  url(http://static.yiwan.com/m/images/email-ico.png) 0 0 no-repeat;border-radius:0; background-size:  100%; width:  .6rem; height:  .45rem; top: .2rem; left: .45rem; }
.cause_select{position: relative;display: inline-block;width: 388px;vertical-align: middle;}.cause_three{color: #000;font-size: 14px;position: relative;height: 40px;line-height: 40px;border: 1px solid #c8c8c8;border-radius: 4px;overflow: hidden;text-align: center;}
.cause_three:before{content: "";position: absolute;width: 40px;height: 40px;top: 0;right: 0;background: #ececec;border-left: 1px solid #c8c8c8;}
.cause_three:after{content: "";width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #000;position: absolute;top: 16px;right: 12px;}
.cause {overflow:  hidden;position:absolute;top: 40px;left:0;width:100%;/* padding: 0 20px; */box-sizing: border-box;display:none;}
.cause li {cursor: pointer;font-size: 14px;color: #333;text-align: center;height: 40px;line-height: 40px;border-top: 1px solid #ddd;background: #f5f5f5;}
.jb-labet {position: relative;display: inline-block;height: 50px;line-height: 60px;box-sizing: border-box;color: #333;font-size: 14px;padding-left: 20px;width: 100px;margin-bottom: 20px;}
.jb-labet i{font-size: 12px;font-style: normal;color: #888;display: none;}
.jb-close {cursor: pointer;position: absolute;display: block;font-size: 16px;color: #2e90fb;z-index: 1;transform: rotate(45deg);width: 16px;height: 16px;background: #ffffff;top: 7px;right: 20px;line-height: 13px;font-style: normal;border-radius: 50%;text-indent: 2px;display: none;}
.email-btn span { width: 1.8rem; height: 1.8rem; background-color: #e9efff; border: solid 0.05rem #5e89f6; display:  block; border-radius:  50%; margin:  0 auto; }
.email-btn span img { width: 0.8rem; height: 0.6rem; display:  block; margin:  .6rem auto 0; float:  none; border-radius: 0; }
.email-btn b { display:  block; text-align:  center; font-weight:  normal; color:  #4174f4; font-size:  .6rem; height:  .6rem; line-height:  .6rem; margin-top: .45rem; }
.email-btn { position:  absolute; right: 0; top:  0; width: 3rem; }
/* 相关攻略 */
.related_strategies { margin-top: 26px; padding-left: 28px; background-color: #fff;padding-bottom: 38px; }
.d_xggl_con ul .h2 { height: 50px;width: 802px;border-bottom: 1px solid #eeeeee;position: relative;margin:8px 0 18px 0;color: #333333; font-size:24px;}
.d_xggl_con ul .h2 i { display: inline-block; width: 24px; height: 30px;position: relative; top: 6px;background-position:-560px -8px;padding-right: 10px; }
.d_xggl_con ul .h2>span {height: 46px;display: block;float: left;border-bottom: 3px solid #31a4fd;position: relative;top: 2px;}
.d_xggl_con ul li {float: left;width: 300px;height: 40px;line-height: 40px;padding-right: 13px;border-bottom: 1px dashed #ededed;box-sizing: border-box;}
.d_xggl_con ul li a {display: block;height: 40px;}
.d_xggl_con ul li .dot { display: block; float: left; width: 3px; height: 3px; background-color: #000; margin: 19px 12px 0 5px; }
.d_xggl_con ul li .txt {display: block;float: left;font-size: 14px;letter-spacing: 1px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #333333;width: 211px;transition: all 0.2s ease;font-style: normal;}
.d_xggl_con ul li .date { display: block; float: right; height: 40px; line-height: 40px; font-size: 12px; color: #d0d0d0; margin-right: 4px; }
.d_xggl_con ul li:hover .txt { color: #31a4fd; }
/*select-version*/
.package-info {margin-bottom: 30px;}
.package-info-list li {height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;color: #999;margin: 10px 0 0;display: block;overflow: hidden;}
.package-info-list {overflow: hidden;background: #f2f2f2;padding: 0 10px 10px;margin-top: 20px;}
.package-info-list li span {color: #666;}