@charset "utf-8";*{margin:0;padding:0}ul{list-style:none}body{font-family:"Microsoft YaHei"}.nav_wrapper{width:1200px;height:90px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav_left{display:flex;align-items:center}.nav_left>a{display:flex;align-items:center;text-decoration:none}.nav_left>a img{width:99px;height:61px;float:left}.logo_desc{float:left;font-size:24px;color:rgb(67,67,67);margin-left:16px}.logo_desc>p{margin-top:20px;margin-bottom:-6px}.logo_desc>span{font-size:10px;color:rgb(163,163,163)}.nav_right ul{height:100%}.nav_right ul li{float:left;height:100%}.nav_right a{display:block;text-decoration:none;font-size:18px;color:rgb(67,67,67);padding:30px 30px}.container{background:#eee;padding-bottom:28px}.container_wrapper{width:1200px;margin:0 auto}.bread_crumb{width:100%;height:40px;line-height:40px;color:#575757;font-size:14px;display:flex}.bread_crumb ul{list-style:none}.bread_crumb ul li{display:inline-block}.bread_crumb ul li span{padding:0 4px}.bread_crumb .current{color:#fc7e49}.game{width:100%;height:300px;display:flex}.game>a{display:block;text-decoration:none}.game>img{width:400px;height:300px;display:block;flex-shrink:0;cursor:pointer}.game_desc{flex:1;padding:30px 0 0 30px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/game_desc_bg.png) no-repeat;background-size:cover;position:relative;display:flex}.game_desc--left>span{font-size:34px;color:rgb(255,255,255);cursor:pointer}.game_desc--left{margin-right:30px}.game_start--wrapper{margin-top:30px;display:flex;align-items:center}.game_start--wrapper>span:last-of-type{color:#fff;font-size:14px;color:rgb(141,144,151);padding-left:6px}.game_start{position:relative;width:98px;display:inline-block}.game_start--empty{position:absolute;width:100%;height:17px;left:0;top:50%;margin-top:-8px;background-position:-3px -38px}.game_start--light{position:absolute;width:calc(20% *{dede:field.softrank /});height:17px;left:0;top:50%;margin-top:-8px;background-position:-3px -19px}.game_start--light,.game_start--empty{background-image:url(https://js.51bph.com/hd/2020/0506yypd/images/sprite1.png);background-repeat:no-repeat}.game_other{margin-top:24px;font-size:14px;color:rgb(141,144,151);overflow:hidden}.pl28{padding-left:28px}.intro{margin-top:50px;pointer-events:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.intro::after{content:'【查看更多】';color:#ff6f20;pointer-events:auto;cursor:pointer}.game_desc--right{display:flex;align-items:center}.game_btn{display:flex;align-items:flex-end;flex-direction:column}.game_btn a{display:block;text-align:center;background-size:cover;text-decoration:none;color:#fff;position:relative}.start_game{width:260px;height:100px;line-height:100px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/start_bg.png) no-repeat;font-size:34px}.game_btn a:first-of-type::after{content:'';width:16px;height:24px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/arrow_right_icon.png) no-repeat;background-size:cover;display:block;position:absolute;right:22px;top:50%;transform:translateY(-12px)}.download_game{margin-top:10px;width:220px;height:60px;line-height:60px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/download_bg.png) no-repeat;font-size:22px}.game_btn a:last-of-type::after{content:'';width:22px;height:20px;display:block;position:absolute;right:18px;top:50%;transform:translateY(-10px);background:url(https://js.51bph.com/hd/2020/0506yypd/images/download_icon.png) no-repeat;background-size:cover}.recommend_list{padding:20px 0;background-color:#fff;display:flex}.recommend_list--item{width:275px;height:120px;border:1px solid #efefef;padding:14px;box-sizing:border-box;border-radius:6px;margin-left:20px;display:flex}.recommend_list--item img{display:block;width:90px;height:90px}.recommend_list--item:hover{border:1px solid #ff6f20}.recommend_item--desc{flex:1;margin-left:16px;overflow:hidden}.recommend_item--desc p{font-size:16px;color:rgb(51,51,51);margin-bottom:6px}.recommend_item--desc p:last-of-type{font-size:12px;color:rgb(153,153,153);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend_item--desc a{text-decoration:none;width:90px;height:28px;display:block;border:1px solid #f4a174;border-radius:3px;font-size:14px;color:rgb(255,111,32);font-weight:bold;text-align:center;line-height:28px;position:relative;margin-top:14px}.recommend_list--item:hover a{color:#fff;background-color:#ff6f20}.recommend_list--item:hover a::after{background:url(https://js.51bph.com/hd/2020/0506yypd/images/item_hover.png) no-repeat}.recommend_item--desc a::after{content:'';display:block;background:url(https://js.51bph.com/hd/2020/0506yypd/images/item_normal.png) no-repeat;background-size:cover;position:absolute;right:8px;top:50%;transform:translateY(-4px);width:9px;height:8px}.game_main{display:flex;background-color:#fff}.title{padding:14px 0;font-size:16px;border-bottom:2px solid #f3f3f3;position:relative;font-weight:bold}.title span{color:#ff6f20}.title::after{content:'';width:133px;height:2px;display:block;background-color:#ff6f20;position:absolute;bottom:-2px}.game_intro--content{padding:30px 20px;font-size:16px;line-height:1.875;color:rgb(51,51,51)}.game_intro{width:865px;margin:0 14px;padding-bottom:40px}.sidebar{margin:0 14px;width:315px}.game_rank--hot li,.game_new--list li{padding:16px 0 16px 32px;border-bottom:1px dashed #f3f3f3;position:relative;font-size:14px;color:rgb(51,51,51)}.game_new--list li::before,.game_rank--hot li::before{display:block;background-size:cover;position:absolute;left:0;top:50%;text-align:center;color:#fff}.game_rank--hot li::before{transform:translateY(-13px);width:22px;height:26px;line-height:26px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/polygon_5.png) no-repeat}.game_new--list>li::before{content:'';transform:translateY(-10px);width:24px;height:20px;line-height:20px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/new.png) no-repeat}.game_rank--hot li:nth-of-type(1)::before{content:'1';background:url(https://js.51bph.com/hd/2020/0506yypd/images/polygon_1.png) no-repeat}.game_rank--hot li:nth-of-type(2)::before{content:'2';background:url(https://js.51bph.com/hd/2020/0506yypd/images/polygon_2.png) no-repeat}.game_rank--hot li:nth-of-type(3)::before{content:'3';background:url(https://js.51bph.com/hd/2020/0506yypd/images/polygon_3.png) no-repeat}.game_rank--hot li:nth-of-type(4)::before{content:'4';background:url(https://js.51bph.com/hd/2020/0506yypd/images/polygon_4.png) no-repeat}.game_rank--hot li:nth-of-type(5)::before{content:'5'}.game_rank--hot li:nth-of-type(6)::before{content:'6'}.game_rank--hot li:nth-of-type(7)::before{content:'7'}.game_rank--hot li:nth-of-type(8)::before{content:'8'}.hot::after{content:'';display:block;width:22px;height:14px;position:absolute;top:50%;right:120px;transform:translateY(-7px);background:url(https://js.51bph.com/hd/2020/0506yypd/images/hot.png) no-repeat;background-size:cover}.game_rank--hot .hot{color:#ff6f20}.game_rank--hot li a,.game_new--list a{text-decoration:none;position:absolute;top:50%;right:0;transform:translateY(-13px);width:48px;height:26px;text-align:center;line-height:26px;color:#fff}.game_rank--hot li a{background-color:#ff6f20}.game_new--list a{background-color:#43bb87}.game_new{margin-top:20px}.game_intro--bottom ul{display:flex;flex-wrap:wrap;font-size:14px;margin-left:-15px}.game_intro--bottom ul img{width:100%px;height:154px;display:block;margin-bottom:10px}.game_intro--bottom ul li{width:198px;margin-top:14px;margin-left:15px;flex-shrink:0}.mb10{margin-bottom:10px}.title .more{font-size:14px;color:rgb(102,102,102);position:absolute;right:20px;cursor:pointer}.title .more::after{content:'';width:16px;height:4px;position:absolute;right:-19px;top:8px;background:url(https://js.51bph.com/hd/2020/0506yypd/images/dot.png) no-repeat}.game_intro--text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.hide{display:none}.start_game:hover{background:url(https://js.51bph.com/hd/2020/0506yypd/images/start_bg_hover.png) no-repeat}.download_game:hover{background:url(https://js.51bph.com/hd/2020/0506yypd/images/download_bg_hover.png) no-repeat}.position a:hover{text-decoration:none;color:#f7a934}.position a{color:#575757;text-decoration:none}