@charset "utf-8";

.crumb .icon,
.open_detail .advantage span i,
.open_detail .btn i,
.arrow-btn,
.list_wrap li .info .time i,
.like_box .like i,
.tag_type_wrap li i,
.phb_r_l ul li i,
.title_yellow .icon,
.phb_tuijian .cont li .num i,
.phb_type .btn_box li i,
.phb_type .type_box li p,
.phb_type .btn_box li a {
  background-image: url("../images/ey_icon.png");
  background-repeat: no-repeat;
  background-size: 207px 980px;
}

.index_wrap {
  background: #fff;
}

.title_gray {
  height: 40px;
  background: #fafafa;
  border-bottom: 1px solid #e8e7ed;
}

.title_gray h3 {
  display: block;
  height: 20px;
  line-height: 20px;
  color: #ff6f06;
  font-size: 18px;
  border-left: 4px solid #ff6f06;
  padding-left: 10px;
  margin-top: 10px;
  float: left;
}

.title_gray2 h3 {
  color: #333;
}

.title_gray .more {
  display: block;
  width: 80px;
  line-height: 40px;
  text-align: center;
  color: #999;
  float: right;
}

.title_gray .more:hover {
  color: #ff6f06;
}

.padding20 {
  padding: 20px;
}

.index_tab_wrap {
  position: relative;
}

.index_tab_wrap .tab_menu {
  position: absolute;
  top: 13px;
  left: 180px;
}

.index_tab_wrap .tab_menu li {
  height: 25px;
  float: left;
  color: #4c4c4c;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.index_tab_wrap .tab_menu li a.current {
  color: #ff6f06;
}

.index_tab_wrap .tab_menu li span,
.index_tab_wrap .tab_menu li a {
  display: block;
  height: 16px;
  line-height: 16px;
  padding: 0 25px;
  border-left: 1px solid #e5e5e5;
}

.type_wrap {
  width: 1160px;
  overflow: hidden;
}

.type_wrap .sub_box {
  width: 1203px;
  padding-top: 20px;
}

.type_wrap ul {
  width: 378px;
  float: left;
  border-right: 1px solid #ededed;
  margin-right: 20px;
}

.type_wrap ul li {
  width: 100%;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-bottom: 10px;
}

.type_wrap ul li a,
.type_wrap ul li span {
  display: block;
  float: left;
}

.type_wrap ul li .tag {
  width: 90px;
}

.type_wrap ul li .tag,
.type_wrap ul li .time {
  color: #999;
}

.type_wrap ul li .tag:hover {
  color: #ff6f06;
}

.type_wrap ul li .txt {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.type_wrap ul li .time {
  width: 62px;
  float: right;
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

.eyou_footer {
  height: 155px;
  background: #fff;
  text-align: center;
  color: #999;
  padding-top: 35px;
}

.eyou_footer ul {
  width: 600px;
  margin-bottom: 35px;
}

.eyou_footer li {
  width: 99px;
  border-right: 1px solid #f7f7f7;
  float: left;
}

.eyou_footer p a {
  color: #999;
}

.eyou_footer p a:hover {
  color: #ff6f06;
}

.crumb {
  margin: 10px 0;
}

.crumb,
.crumb a {
  font-size: 12px;
  color: #aaa;
}

.crumb a:hover {
  color: #ff6f06;
}

.crumb .icon {
  display: inline-block;
  width: 20px;
  height: 18px;
  background-position: 0 -77px;
  margin-right: 10px;
  position: relative;
  top: 4px;
}

.detail_wrap .fl_wrap {
  width: 830px;
}

.detail_wrap .fr_wrap {
  width: 350px;
}

.detail_wrap .fl_wrap .padding20,
.detail_wrap .fr_wrap .padding20 {
  background: #fff;
}

.title_black {
  border-bottom: 3px solid #333;
  position: relative;
}

.title_black h3 {
  display: inline;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 3px solid #ff6f06;
  padding-bottom: 5px;
  position: relative;
  top: -5px;
}

.title_black .more {
  display: block;
  width: 55px;
  line-height: 40px;
  text-align: center;
  color: #999;
  position: absolute;
  right: 0;
  top: -14px;
}

.title_black .more:hover {
  color: #ff6f06;
}

.screenshot .introduce .slider-contain.big {
  width: 790px;
  height: 300px
}

.screenshot .introduce .img-slider {
  padding: 0
}

.screenshot .introduce .slider-contain.big .a_left {
  top: 108px
}

.screenshot .introduce .big .img-slider img {
  height: 282px;
  border-radius: 0;
  width: auto
}

.screenshot .introduce .img-slider li {
  margin-right: 10px
}

.screenshot .warm-tip {
  margin-top: 30px
}

.screenshot .warm-tip .warm-title {
  font-size: 20px;
  color: #333;
  margin-bottom: 12px
}

.screenshot .warm-tip .warm-title a {
  float: right;
  font-size: 16px;
  margin-top: 2px;
  text-decoration: none
}

.screenshot .warm-tip .dash {
  border-top: dashed 1px #ccc;
  margin-top: 15px;
  padding-top: 15px
}

.screenshot .warm-tip p.dash a {
  text-decoration: none
}

.screenshot .warm-tip p a {
  color: #ff6f06;
  text-decoration: underline
}

.screenshot .warm-tip .horn {
  vertical-align: -2px;
  margin-right: 7px
}

.screenshot .introduce .big .img-slider li {
  width: auto
}

.screenshot .introduce .big .img-slider {
  height: 280px
}

.screenshot .introduce .icon_user {
  vertical-align: -3px;
  margin-right: 10px
}

.screenshot .introduce .play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  margin-top: -25px
}

.screenshot .introduce .origin {
  margin-top: 14px
}

.screenshot .box .p-title {
  font-size: 20px;
  color: #000;
  margin: 30px 0 10px
}

.screenshot .box .p-title label {
  font-size: 14px;
  color: #999
}

.screenshot .box {
  width: 790px;
  padding-top: 20px;
  position: relative
}

.screenshot .slider-inner-contain {
  position: relative;
  left: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  background: #fff;
  width: 820px
}

.screenshot .big .slider-inner-contain {
  width: 800px;
  margin-left: 0
}

.screenshot .big .img-slider {
  padding-left: 0
}

.screenshot .img-slider {
  width: 790px;
  height: 249px;
  padding: 16px 0 20px 20px;
  font-size: 14px;
  white-space: nowrap
}

.screenshot .slider-contain.big {
  height: 356px
}

.screenshot .big .img-slider {
  height: 320px
}

.screenshot .slider-contain {
  position: relative;
  width: 820px;
  height: 281px;
  overflow: hidden;
}

.screenshot .slider-contain .a_left {
  position: absolute;
  left: 0;
  top: 83px;
  z-index: 10;
  cursor: pointer
}

.screenshot .slider-contain .arrow-btn {
  display: none
}

.screenshot .slider-contain:hover .arrow-btn {
  display: inline-block
}

.screenshot .img-slider img {
  width: 180px;
  height: 180px;
  border-radius: 8px
}

.screenshot .big .img-slider img {
  width: 502px;
  height: 290px
}

.screenshot .img-slider .img-item {
  position: relative;
  line-height: 0;
  font-size: 0
}

.screenshot .img-slider li {
  display: inline-block;
  width: 180px;
  margin-right: 17px;
  height: 245px;
  vertical-align: top
}

.game_phb {
  width: 310px;
  overflow: hidden;
}

.game_phb .tab_menu {
  width: 342px;
  margin-bottom: 15px;
}

.game_phb .tab_menu li {
  width: 142px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  background: #555;
  float: left;
  border-radius: 3px;
  margin-right: 25px;
  position: relative;
  cursor: pointer;
}

.game_phb .tab_menu li i {
  display: block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
  position: absolute;
  top: 36px;
  right: 67px;
}

.game_phb .phbBox {
  width: 100%;
  margin: 0;
  float: none;
}

.game_phb .tab_menu li.current {
  background: #ff6f06;
}

.game_phb .tab_menu li.current i {
  border-color: #ff6f06 transparent transparent transparent;
}

.game_phb .phbBox li .fBox em {
  display: block;
  height: 25px;
  line-height: 25px;
  float: right;
  color: #999;
}

.phbBox {
  width: 282px;
  float: left;
  margin-right: 15px;
}

.phbBox li {
  border-bottom: 1px solid #e8e7ed;
}

.phbBox li .tBox {
  padding: 10px 0;
}

.phbBox li .fBox {
  padding: 13px 0;
}

.phbBox li .num,
.phbBox li .imgBox,
.phbBox li .info,
.phbBox li p.name {
  display: block;
  float: left;
}

.phbBox li .num {
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background: #aaa;
  color: #fff;
  margin-right: 15px;
  border-radius: 4px;
}

.phbBox li .tBox .num {
  height: 80px;
  line-height: 80px;
}

.phbBox li .num1 {
  background: #e13d3d;
}

.phbBox li .num2 {
  background: #ed9249;
}

.phbBox li .num3 {
  background: #ffb230;
}

.phbBox li .imgBox {
  width: 80px;
  height: 80px;
  border-radius: 16px;
  margin-right: 10px;
  overflow: hidden;
}

.phbBox li .info {
  width: 150px;
}

.phbBox li .info .name {
  display: block;
  height: 21px;
  line-height: 21px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phbBox li .info p {
  display: block;
  margin: 5px 0;
  font-size: 12px;
}

.phbBox li .info .btn {
  display: block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  background: #ff6f06;
  border-radius: 3px;
}

.phbBox li .fBox .name {
  width: 210px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game_tag .cont {
  width: 310px;
  overflow: hidden;
}

.game_tag ul {
  width: 320px;
  margin-top: 10px;
}

.game_tag li {
  float: left;
  margin: 10px 10px 0 0;
}

.game_tag li a {
  display: block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #eee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game_tag li a:hover {
  background: #ff6f06;
  color: #fff;
}

.list_wrap {
  background: #fff;
}

.list_wrap ul {
  padding: 0 20px;
}

.list_wrap li {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}

.list_wrap li:hover {
  background: #f2fcf6;
}

.list_wrap li a,
.list_wrap li img,
.list_wrap li span {
  display: block;
}

.list_wrap li .img_box {
  width: 150px;
  height: 110px;
  float: left;
  margin-right: 20px;
}

.list_wrap li img {
  width: 150px;
  height: 110px;
}

.list_wrap li .info {
  width: 620px;
  float: left;
}

.list_wrap li .info .name {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list_wrap li .info .time {
  color: #999;
  margin: 3px 0 6px 0;
}

.list_wrap li .info .time i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 0 -203px;
  position: relative;
  top: 5px;
}

.list_wrap li .info p {
  height: 40px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}

.pagecode {
  padding: 3px 0;
  margin: 40px 0;
  text-align: center;
  font-size: 16px;
}

.pagecode a {
  display: inline-block;
  padding: 8px 12px;
  margin-right: 8px;
  color: #fff;
  background: #ff6f06;
  text-decoration: none;
  border: 1px solid #e6e6e6;
}

.pagecode a:hover {
  color: #fff;
  background: #ff6f06;
  border: 1px solid #ff6f06;
}

.pagecode a.current,
.pagecode a.current:hover {
  color: #fff;
  background: #ff6f06;
  border: 1px solid #ff6f06;
}

.pagecode a.disabled,
.pagecode a.disabled:hover {
  color: #7f7f7f;
  background: #f8f8f8;
  border: 1px solid #ccc;
  cursor: default;
}

.pagecode>span {
  display: inline-block;
  vertical-align: top;
}

.pagecode>span a {
  vertical-align: top;
  display: inline-block;
  max-with: 20px;
}

.phbNewsBox .fBox .txt {
  width: 270px;
  height: 25px;
  line-height: 25px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

.phbNewsBox li .tBox .num {
  height: 64px;
  line-height: 64px;
}

.phbNewsBox li .tBox .imgBox {
  width: 100px;
  height: 64px;
  border-radius: none;
}

.phbNewsBox li .tBox img {
  width: 100px;
  height: 64px;
}

.phbNewsBox li .info {
  color: #999;
}

.phbNewsBox li .info .name {
  height: 42px;
  white-space: normal;
  font-size: 14px;
  color: #666;
}

.tag_type_wrap {
  width: 1164px;
  margin-left: 20px;
  border-right: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.tag_type_wrap li {
  width: 193px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  font-size: 16px;
  border-left: 1px solid #ececec;
  border-bottom: 1px solid #ececec;
  float: left;
}

.tag_type_wrap li a {
  display: block;
}

.tag_type_wrap li.current a,
.tag_type_wrap li a:hover {
  background: #ff6f06;
  color: #fff;
}

.tag_type_wrap li i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  position: relative;
  top: 5px;
}

.game_ico li .ico1 {
  background-position: 0 -494px;
}

.game_ico li a:hover .ico1,
.game_ico li.current .ico1 {
  background-position: 0 -622px;
}

.game_ico li .ico2 {
  background-position: -30px -494px;
}

.game_ico li a:hover .ico2,
.game_ico li.current .ico2 {
  background-position: -30px -622px;
}

.game_ico li .ico3 {
  background-position: -63px -494px;
}

.game_ico li a:hover .ico3,
.game_ico li.current .ico3 {
  background-position: -63px -622px;
}

.game_ico li .ico4 {
  background-position: -96px -494px;
}

.game_ico li a:hover .ico4,
.game_ico li.current .ico4 {
  background-position: -96px -622px;
}

.game_ico li .ico5 {
  background-position: -128px -494px;
}

.game_ico li a:hover .ico5,
.game_ico li.current .ico5 {
  background-position: -128px -622px;
}

.game_ico li .ico6 {
  background-position: -160px -494px;
}

.game_ico li a:hover .ico6,
.game_ico li.current .ico6 {
  background-position: -160px -622px;
}

.game_ico li .ico7 {
  background-position: 0 -526px;
}

.game_ico li a:hover .ico7,
.game_ico li.current .ico7 {
  background-position: 0 -654px;
}

.game_ico li .ico8 {
  background-position: -30px -526px;
}

.game_ico li a:hover .ico8,
.game_ico li.current .ico8 {
  background-position: -30px -654px;
}

.game_ico li .ico9 {
  background-position: -63px -526px;
}

.game_ico li a:hover .ico9,
.game_ico li.current .ico9 {
  background-position: -63px -654px;
}

.game_ico li .ico10 {
  background-position: -96px -526px;
}

.game_ico li a:hover .ico10,
.game_ico li.current .ico10 {
  background-position: -96px -654px;
}

.game_ico li .ico11 {
  background-position: -128px -526px;
}

.game_ico li a:hover .ico11,
.game_ico li.current .ico11 {
  background-position: -128px -654px;
}

.game_ico li .ico12 {
  background-position: -160px -526px;
}

.game_ico li a:hover .ico12,
.game_ico li.current .ico12 {
  background-position: -160px -654px;
}

.game_ico li .ico13 {
  background-position: -160px -557px;
}

.game_ico li a:hover .ico13,
.game_ico li.current .ico12 {
  background-position: -160px -685px;
}

.game_ico li .ico14 {
  background-position: -160px -589px;
}

.game_ico li a:hover .ico14,
.game_ico li.current .ico14 {
  background-position: -160px -716px;
}

.game_ico li:nth-of-type(n+14) i {
  background-position: -160px -589px;
}

.game_ico li:nth-of-type(n+14):hover i,
.game_ico li:nth-of-type(n+14).current i {
  background-position: -160px -716px;
}

.warehouse {
  padding-top: 20px;
}

.warehouse .sub_box {
  width: 1160px;
  overflow: hidden;
}

.warehouse ul {
  width: 1180px;
}

.warehouse li {
  width: 173px;
  height: auto;
  padding-top: 28px;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
  position: relative;
  float: left;
  margin: 0 21px 21px 0;
}

.warehouse li:hover {
  border-color: #ff6f06;
}

.warehouse li:hover .btn {
  display: block;
}

.warehouse li img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 22px;
  margin: 0 auto;
}

.warehouse li p {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 12px;
  color: #999;
}

.warehouse li a {
  display: block;
}

.warehouse li .name {
  font-size: 16px;
  color: #000;
  margin: 10px 0 5px 0;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}

.warehouse li .name:hover {
  color: #ff6f06;
}

.warehouse li .tag span {
  margin: 0 4px;
}

.warehouse li .time {
  font-size: 14px;
  margin-top: 10px;
}

.warehouse li .btn {
  display: none;
  width: 173px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: #ff6f06;
  border-radius: 0 0 6px 6px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.warehouse .pagecode {
  margin: 20px 0;
  display: flex; /* 新增：启用弹性布局 */
  justify-content: center; /* 新增：水平居中 */
  flex-wrap: wrap; /* 新增：超出自动换行 */
  padding-left: 0; /* 新增：清除默认左内边距 */
}
.warehouse .pagecode li {
  list-style: none;
  width: 100px;
  height: 50px;
  padding-top: 28px;
  border-radius: 6px;
  border: none;
  position: relative;
  /* float: left;*/
  margin: 0 10px 21px 0;
}
.warehouse .pagecode li:last-child {
    margin-right: 0;
}

.game_collection .sub_box {
  width: 1160px;
  overflow: hidden;
}

.game_collection ul {
  width: 1180px;
  padding-bottom: 30px;
}

.game_collection li {
  width: 275px;
  background: #f9f9f9;
  margin: 20px 20px 0 0;
  float: left;
}

.game_collection li a {
  display: block;
}

.game_collection li img {
  display: block;
  width: 100%;
  height: 138px;
}

.game_collection li .cont {
  padding: 12px;
}

.game_collection li .name {
  height: 20px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 10px;
}

.game_collection li p {
  height: 70px;
  line-height: 1.6;
  overflow: hidden;
  color: #666;
}

.game_subject_top {
  background: #fff;
}

.game_subject_top img {
  display: block;
  width: 598px;
  height: 300px;
  float: left;
}

.game_subject_top .cont {
  width: 545px;
  height: 300px;
  float: left;
  margin-left: 17px;
}

.game_subject_top .cont h3 {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game_subject_top .cont .info {
  padding: 24px 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.game_subject_top .cont .info p {
  height: 88px;
  overflow: hidden;
  line-height: 1.5;
  color: #999;
}

.like_box {
  color: #999;
  font-size: 16px;
  margin-top: 28px;
}

.like_box .like {
  float: left;
  border-radius: 16px;
  border: 1px solid #e0e0e0;
  color: #999;
  font-size: 14px;
  cursor: pointer;
  padding: 5px 15px 10px 15px;
}

.like_box .like i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: -24px -202px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.like_box .like.current,
.like_box .like:hover {
  border-color: #ff6f06;
  background: #ff6f06;
  color: #fff;
}

.like_box .like.current i,
.like_box .like:hover i {
  background-position: -49px -202px;
}

.like_box p {
  height: 44px;
  line-height: 44px;
  float: right;
}

.like_box p em {
  color: #ff6f06;
  font-weight: 700;
}

.game_subject_ul {
  background: #fff;
  overflow: hidden;
}

.game_subject_ul ul {
  position: relative;
}

.game_subject_ul li {
  width: 555px;
  border-bottom: 1px solid #ebebeb;
  float: left;
  padding: 30px 25px 30px 20px;
  position: relative;
}

.game_subject_ul li a {
  display: block;
}

.game_subject_ul li img {
  display: block;
  float: left;
  width: 124px;
  height: 124px;
  border-radius: 22px;
}

.game_subject_ul li .info {
  width: 410px;
  margin-left: 20px;
  float: left;
}

.game_subject_ul li .info .name {
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.game_subject_ul li .info p span {
  display: inline-block;
  width: 35%;
  color: #999;
}

.game_subject_ul li .info p span em {
  color: #333;
}

.game_subject_ul li .info .txt {
  height: 60px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
  margin-top: 5px;
}

.game_subject_ul li .btn {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  background: #ff6f06;
  font-size: 16px;
  border-radius: 4px;
  position: absolute;
  right: 30px;
  top: 40px;
}

.game_subject_ul li .btn:hover {
  background: #d15c06;
}

.game_subject_ul li .btn_no {
  background: #ffaf0f;
}

.game_subject_ul li .btn_no:hover {
  background: #f7a707;
}

.game_subject_ul .line {
  width: 1px;
  height: 100%;
  background: #ebebeb;
  position: absolute;
  left: 50%;
  top: 0;
}

.game_subject_tag {
  background: #fff;
}

.game_subject_tag .cont {
  width: 1160px;
  overflow: hidden;
}

.game_subject_tag ul {
  width: 1180px;
}

.game_subject_tag ul li {
  float: left;
  margin: 14px 14px 0 0;
}

.game_subject_tag ul li a {
  display: block;
  padding: 7px 18px;
  background: #eee;
}

.game_subject_tag ul li a:hover {
  background: #ff6f06;
  color: #fff;
}

.news_detail_wrap {
  background: #fff;
  padding-bottom: 20px;
}

.news_detail_wrap .tit {
  padding: 20px 0;
  text-align: center;
  margin: 0 20px;
  border-bottom: 1px solid #d9d9d9;
}

.news_detail_wrap .tit h1 {
  display: block;
  line-height: 40px;
  font-size: 24px;
  font-weight: 700;
  margin: 10px 0 20px 0;
}

.news_detail_wrap .tit .source {
  color: #999;
}

.news_detail_wrap .tit .source span {
  margin: 0 20px;
}

.news_detail_wrap .cont {
  padding: 20px;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}

.news_detail_wrap .cont a {
  color: #2e90fb;
}

.news_detail_wrap .cont p {
  margin: 15px 0;
  word-break: break-all;
}

.news_detail_wrap .cont img {
  display: block;
  max-width: 790px;
  margin: 0 auto;
}

.news_detail_wrap .cont h3 {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
  color: #ff6f06;
  padding-left: 10px;
  border-left: 5px solid #ff6f06;
}

.next_pre {
  padding: 20px 0;
  margin: 0 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.next_pre p {
  width: 50%;
  float: left;
}

.next_pre p a {
  display: inline-block;
  width: 300px;
  height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: 4px;
}

.about_game li {
  position: relative;
  width: 188px;
  float: left;
  margin: 20px 9px 0 0;
}

.about_game li a,
.about_game li img {
  display: block;
}

.about_game li img {
  width: 80px;
  height: 80px;
  border-radius: 14px;
  float: left;
  margin-right: 8px;
}

.about_game li .info {
  width: 100px;
  float: left;
  color: #666;
  font-size: 12px;
}

.about_game li .info .name {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.about_game li .info .name:hover {
  color: #de5d00;
}

.about_game li .btn {
  width: 80px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  background: #ff6f06;
  position: absolute;
  bottom: 0;
  left: 88px;
}

.about_game li .btn:hover {
  background: #de5d00;
}

.about_gonglue {
  width: 790px;
  overflow: hidden;
}

.about_gonglue ul {
  width: 805px;
}

.about_gonglue li {
  width: 144px;
  float: left;
  margin: 20px 17px 0 0;
}

.about_gonglue li a {
  display: block;
}

.about_gonglue li a:hover p {
  color: #ff6f06;
}

.about_gonglue li img {
  display: block;
  width: 144px;
  height: 108px;
}

.about_gonglue li p {
  height: 40px;
  color: #666;
  overflow: hidden;
  margin-top: 10px;
}

.title_yellow {
  border-bottom: 2px solid #e3e3e3;
  padding-bottom: 10px;
}

.title_yellow i {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 6px;
  background: #ffaf12;
  float: left;
  margin-right: 10px;
}

.title_yellow h3 {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  color: #333;
  float: left;
}

.phb_wrap .padding20 {
  background: #fff;
}

.phb_tuijian {
  width: 720px;
  margin-right: 20px;
}

.phb_tuijian .title_yellow .icon {
  background-position: 0 -756px;
}

.phb_tuijian .cont {
  width: 720px;
  overflow: hidden;
}

.phb_tuijian .cont ul {
  width: 735px;
}

.phb_tuijian .cont li {
  width: 230px;
  height: 140px;
  float: left;
  position: relative;
  margin: 25px 15px 0 0;
}

.phb_tuijian .cont li a,
.phb_tuijian .cont li img {
  display: block;
}

.phb_tuijian .cont li .game_box {
  background: #fafafa;
  padding: 17px 20px;
}

.phb_tuijian .cont li .game_box img {
  width: 70px;
  height: 70px;
  border-radius: 16px;
  float: left;
}

.phb_tuijian .cont li .game_box .info {
  width: 110px;
  height: 70px;
  float: left;
  margin-left: 10px;
}

.phb_tuijian .cont li .game_box .info .name {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 15px;
}

.phb_tuijian .cont li .game_box .info .type {
  font-size: 12px;
  color: #6f6f6f;
}

.phb_tuijian .cont li .list_name {
  height: 36px;
  line-height: 36px;
  background: #f1f1f1;
  color: #6f6f6f;
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phb_tuijian .cont li .num {
  position: absolute;
  right: 10px;
  top: -5px;
  color: #ffaf12;
  font-size: 16px;
  font-weight: 700;
}

.phb_tuijian .cont li .num i {
  display: inline-block;
  width: 22px;
  height: 25px;
  background-position: -177px -762px;
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.phb_type {
  width: 420px;
}

.phb_type .title_yellow .icon {
  background-position: -35px -756px;
}

.phb_type .cont {
  width: 420px;
  overflow: hidden;
  margin-top: 19px;
}

.phb_type .btn_box {
  width: 426px;
}

.phb_type .btn_box li {
  float: left;
  margin: 6px 6px 0 0;
}

.phb_type .btn_box li a {
  display: block;
  width: 207px;
  height: 66px;
  line-height: 66px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  background-position: 0 -914px;
}

.phb_type .btn_box li i {
  display: inline-block;
  width: 45px;
  height: 45px;
  position: relative;
  top: 10px;
  margin-right: 10px;
}

.phb_type .btn_box li em {
  position: relative;
  top: -5px;
}

.phb_type .btn_box li.android i {
  background-position: 0 -826px;
}

.phb_type .btn_box li.android a {
  background-color: #fe7171;
}

.phb_type .btn_box li.android a:hover {
  background-color: #f16464;
}

.phb_type .btn_box li.ios i {
  background-position: -45px -826px;
}

.phb_type .btn_box li.ios a {
  background-color: #ffb230;
}

.phb_type .btn_box li.ios a:hover {
  background-color: #f1a526;
}

.phb_type .btn_box li.internet i {
  background-position: -90px -826px;
}

.phb_type .btn_box li.internet a {
  background-color: #00b5fc;
}

.phb_type .btn_box li.internet a:hover {
  background-color: #00aaed;
}

.phb_type .btn_box li.alone i {
  background-position: -135px -826px;
}

.phb_type .btn_box li.alone a {
  background-color: #9b6aea;
}

.phb_type .btn_box li.alone a:hover {
  background-color: #8f5de1;
}

.phb_type .type_box {
  width: 426px;
  margin-top: 14px;
}

.phb_type .type_box li {
  width: 136px;
  height: 100px;
  margin: 6px 6px 0 0;
  position: relative;
  float: left;
}

.phb_type .type_box li a {
  display: block;
}

.phb_type .type_box li a:hover p {
  color: #ff6f06;
}

.phb_type .type_box li img {
  display: block;
  width: 136px;
  height: 100px;
}

.phb_type .type_box li p {
  width: 100%;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  background-position: 0 -881px;
}

.phb_jingdian .cont {
  margin-top: 20px;
}

.phb_jingdian .title_yellow .icon {
  background-position: -70px -756px;
}

.phb_jingdian dl {
  background: #fafafa;
  float: left;
  padding-right: 10px;
}

.phb_jingdian dl a,
.phb_jingdian dl img {
  display: block;
}

.phb_jingdian dl dt {
  width: 230px;
  height: 150px;
  position: relative;
  float: left;
  margin-right: 10px;
}

.phb_jingdian dl dt img {
  width: 230px;
  height: 150px;
}

.phb_jingdian dl dt p {
  width: 100%;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phb_jingdian dl dt a:hover p {
  color: #ff6f06;
}

.phb_jingdian dd {
  width: 110px;
  text-align: center;
  float: left;
  padding-top: 20px;
}

.phb_jingdian dd img {
  width: 66px;
  height: 66px;
  border-radius: 12px;
  margin: 0 auto;
}

.phb_jingdian dd .name {
  width: 100px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  margin: 8px auto 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phb_jingdian dd .type {
  font-size: 12px;
  color: #7c7c7c;
}

.phb_hotapp .title_yellow .icon {
  background-position: -105px -756px;
}

.phb_hotapp .cont {
  width: 1160px;
  overflow: hidden;
  margin-top: 20px;
}

.phb_hotapp .ul {
  width: 1180px;
}

.phb_hotapp dl,
.phb_hotapp dt,
.phb_hotapp dd {
  float: left;
}

.phb_hotapp dl {
  width: 275px;
  margin-right: 20px;
}

.phb_hotapp .c1 dt,
.phb_hotapp .c1 dd .num {
  background: #48b53e;
}

.phb_hotapp .c2 dt,
.phb_hotapp .c2 dd .num {
  background: #f19149;
}

.phb_hotapp .c3 dt,
.phb_hotapp .c3 dd .num {
  background: #d23f3f;
}

.phb_hotapp .c4 dt,
.phb_hotapp .c4 dd .num {
  background: #3eade4;
}

.phb_hotapp dt {
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  font-size: 20px;
}

.phb_hotapp dd {
  width: 100%;
  line-height: 22px;
  padding: 10px 0;
  border-bottom: 1px dotted #e6e6e6;
}

.phb_hotapp dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.phb_hotapp dd i,
.phb_hotapp dd img,
.phb_hotapp dd a,
.phb_hotapp dd p {
  display: block;
  float: left;
}

.phb_hotapp dd i {
  width: 22px;
  height: 22px;
  text-align: center;
  background: #c8c8c8;
  color: #fff;
  margin-right: 10px;
}

.phb_hotapp dd img {
  width: 22px;
  height: 22px;
  border-radius: 3px;
  margin-right: 10px;
}

.phb_hotapp dd p {
  width: 200px;
  height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.phb_list {
  width: 790px;
  background: #fff;
}

.phb_list .title_phblist {
  position: relative;
  height: 76px;
  border-bottom: 2px solid #ffee9c;
}

.phb_list .title_phblist .green_txt {
  display: inline-block;
  color: #ff6f06;
  font-weight: 700;
  border-bottom: 4px solid #fdd917;
  padding: 20px 0;
  position: absolute;
  top: 0;
  left: 0;
}

.phb_list .title_phblist .green_txt .txt_top {
  font-size: 48px;
}

.phb_list .title_phblist .green_txt .txt_10 {
  font-size: 24px;
  margin-left: 16px;
}

.phb_list .title_phblist h3 {
  display: block;
  height: 40px;
  line-height: 40px;
  position: absolute;
  left: 174px;
  top: 5px;
  font-size: 32px;
  font-weight: 700;
}

.phb_list ul li {
  float: left;
  width: 747px;
  position: relative;
  padding: 20px 0 20px 43px;
  border-bottom: 1px solid #e6e6e6;
}

.phb_list ul li:hover {
  background: #fafffc;
  border-color: #ff6f06;
}

.phb_list ul li .img_box,
.phb_list ul li .info {
  float: left;
}

.phb_list ul li i,
.phb_list ul li a,
.phb_list ul li img {
  display: block;
}

.phb_list ul li .num {
  min-width: 22px;
  height: 66px;
  line-height: 66px;
  text-align: center;
  border-radius: 4px;
  background: #f2f2f2;
  color: #b2b2b2;
  font-size: 18px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 36px;
}

.phb_list ul li .num1 {
  background: #ffd9dc;
  color: #e70113;
}

.phb_list ul li .num2 {
  background: #ffe2d9;
  color: #f37029;
}

.phb_list ul li .num3 {
  background: #ffeac4;
  color: #ffaa0f;
}

.phb_list ul li img {
  width: 100px;
  height: 100px;
  border-radius: 22px;
}

.phb_list ul li .info {
  width: 540px;
  margin-left: 20px;
}

.phb_list ul li .info .name {
  width: 350px;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
}

.phb_list ul li .info .size {
  font-size: 12px;
  color: #666;
  position: absolute;
  top: 20px;
  left: 500px;
}

.phb_list ul li .info .type {
  margin: 8px 0;
}

.phb_list ul li .info .type a {
  display: inline;
  border: 1px solid;
  border-radius: 4px;
  padding: 1px 10px;
  font-size: 12px;
  margin-right: 15px;
}

.phb_list ul li .info .type .c1 {
  border-color: #e13d3d;
  color: #e13d3d;
}

.phb_list ul li .info .type .c1:hover {
  border-color: #e13d3d;
  color: #fff;
  background: #e13d3d;
}

.phb_list ul li .info .type .c2 {
  border-color: #538df7;
  color: #538df7;
}

.phb_list ul li .info .type .c2:hover {
  border-color: #538df7;
  color: #fff;
  background: #538df7;
}

.phb_list ul li .info .type .c3 {
  border-color: #13b5b1;
  color: #13b5b1;
}

.phb_list ul li .info .type .c3:hover {
  border-color: #13b5b1;
  color: #fff;
  background: #13b5b1;
}

.phb_list ul li .info .type .c4 {
  border-color: #b062dd;
  color: #b062dd;
}

.phb_list ul li .info .type .c4:hover {
  border-color: #b062dd;
  color: #fff;
  background: #b062dd;
}

.phb_list ul li .info .txt {
  height: 40px;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}

.phb_list ul li .btn {
  width: 60px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background: #ff6f06;
  position: absolute;
  right: 0;
  top: 54px;
  border-radius: 4px;
}

.phb_list ul li .btn:hover {
  background: #de5d00;
}

.phb_list ul li .btn.no {
  background: #ffaf0f;
}

.phb_list ul li .btn.no:hover {
  background: #f3a70e;
}

.phb_list .jiazai {
  display: block;
  width: 100%;
  height: 48px;
  border-radius: 8px;
  line-height: 48px;
  text-align: center;
  color: #999;
  font-size: 18px;
  background: #f2f2f2;
  margin-top: 20px;
}

.phb_list .jiazai:hover {
  background: #e7e5e5;
}

.phb_list_right .game_tag2 {
  background: #fff;
}

.phb_list_right .game_tag2 ul {
  width: 330px;
  margin-top: 5px;
}

.phb_list_right .game_tag2 li {
  margin: 15px 15px 0 0;
}

.phb_list_right .game_tag2 li a {
  width: 94px;
}

.phb_list_right .phb_r_l {
  background: #fff;
}

.phb_r_l ul li {
  margin-top: 10px;
}

.phb_r_l ul li i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -98px -799px;
  position: relative;
  top: 5px;
  margin-right: 10px;
}

.phb_r_l ul li:hover i {
  background-position: -77px -799px;
}

.phb_r_l ul li a {
  display: inline-block;
  width: 270px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 5px;
}

.denav {
  margin: 20px;
  overflow: hidden;
}

.denav a {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #000;
  line-height: 32px;
  padding: 0 18px;
  text-align: center;
  height: 32px;
  margin-right: 5px;
}

.denav a.current,
.denav a:hover {
  font-weight: 600;
  color: #ff6f06;
  background: #ffe5d2;
  border-radius: 16px;
}

td a {
  color: blue;
}

.game_subject_top .cont h1 {
  display: block;
  padding-top: 9px;
  height: 42px;
  line-height: 42px;
  font-size: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game_subject_top .cont>p {
  text-align: right;
  color: #999;
  margin: 10px 0 6px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}

.game_subject_top .cont>p:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/ey_icon.png) no-repeat;
  background-size: 207px 980px;
  background-position: 0 -203px;
  position: relative;
  top: 5px;
}

.game_subject_top .cont .info {
  padding: 10px 0 0;
  border: none;
  max-height: 100px;
  overflow: hidden;
}