﻿.hot-word-home{ height:auto; clear:both;}
.titlect {
 margin-top: 10px;
 height: 38px;
 line-height: 22px;
 font-size: 18px;
 color: #333;
 position: relative;
 padding: 0 12px;
 font-weight: 400;
}

.mod-title {
 position: relative;
 height: 31px;
 line-height: 24px;
 margin-bottom: 5px;
}

.mod-title .title_link {
 display: inline-block;
 padding: 3px 15px;
 color: #fff;
 background: #3b45ef;
 font-size: 16px;
 font-weight: bold;
 border-radius: 20px;
}

.mod-title .title_link2 {
 display: inline-block;
 padding: 0 11px;
 border-radius: 24px;
 color: #fff;
 background: #242424;
 font-size: 14px;
}

.mod-title .title_more {
 z-index: 100;
 position: absolute;
 top: 3px;
 right: 0;
 padding-left: 12px;
 background-color: #f0f0f0;
 font-size: 12px;
 padding-right: 10px;
 height: 24px;
 line-height: 24px;
 border-radius: 20px;
}

.mod-title:after {
 position: absolute;
 content: "";
 left: 0;
 right: 0;
 top: 50%;
 border-top: 1px solid #e6e6e6;
 box-shadow: 0 1px 0 #fff;
 z-index: -1;
}


.news_cn {
 padding: 8px 2px 8px 6px;
 overflow: hidden;
 border-bottom: 1px solid #f0f0f0;
}

.news_cn .imgs {
 width: 160px;
 height: 100px;
 float: right;
 margin: 6px 6px 6px 6px;
 display: inline-block;
 overflow: hidden;
 border: 1px solid #f0f0f0;
 border-radius: 9px;
 background: #f0f0f0;
}
.imgs img {
 width: 100%;
}

.news_cn h2 {
 font-size: 17px;
 padding: 5px 0px 0px 0px;
 height: 62px;
 text-overflow: ellipsis;
 word-wrap: normal;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 display: -webkit-box;
 overflow: hidden;
 margin-bottom: 8px;
 line-height: 28px;
 font-weight: normal;
}

#thelist {
 overflow: hidden;
 zoom:1;}

.infocon {
 position: relative;
}

.infocon h3 {
 color: #151515;
 font-size: 15px;
 height: 15px;
 line-height: 15px;
 display: block;
 margin-left: 10px;
 border-left: 4px solid #fe715f;
 padding-left: 6px;
 margin-top: 23px;
}

.infocon .more_game {
 color: #151515;
 font-size: 15px;
 height: 15px;
 line-height: 15px;
 display: block;
 margin-left: 10px;
 border-left: 4px solid #fe715f;
 padding-left: 6px;
 margin-top: 166px;
}

.infocon .line {
 width: 100%;
 height: 1px;
 background: #ececec;
 margin-top: 8px;
 float: left;
}

.infocon .infobox {
 display: block;
 overflow: hidden;
 padding: 15px 10px 12px 10px;
 height: 61px;
 position: relative;
}

.infocon .infobox .phmub {
 display: block;
 width: 15px;
 height: 26px;
 overflow: hidden;
 position: absolute;
 left: 3.1%;
 top: 12px;
 background-repeat: no-repeat;
 background-size: auto 26px;
 font-size: 12px;
 font-style: normal;
 text-align: center;
 color: #fff;
 line-height: 23px;
}

.infocon .infobox .mub1 {
 background-position: 0px 0px;
}

.infocon .infobox .mub2 {
 background-position: -15px 0px;
}

.infocon .infobox .mub3 {
 background-position: -30px 0px;
}

.infocon .infobox .mubother {
 background-position: -45px 0px;
}

.infobox {
 overflow: hidden;
 zoom:1; position: relative;
}

.infobox .gimg {
 float: left;
 display: inline;
}

.phbox .gimg {
 margin-left: 22px;
}

.infobox .gimg {
 width: 55px;
 height: 55px;
 overflow: hidden;
 margin-right: 11px;
 margin-top: 0px;
}

.infobox .gimg img {
 width: 55px;
 height: 55px;
 border-radius: 10px;
 overflow: hidden;
}

.infobox .ginfo .gname {
 width: 185px;
 line-height: 20px;
 height: 20px;
 font-size: 15px;
 display: block;
 font-style: normal;
 color: #1a1a1a;
 margin-bottom: 2px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.infobox .ginfo b {
 font-weight: 300;
 line-height: 18px;
 height: 18px;
 font-size: 11px;
 display: block;
 color: #9e9e9e;
}

.infobox .ginfo b font {
 margin-left: 2px;
 font-size: 10px;
 font-family: arial,tahoma;
 line-height: 18px;
}

.infobox .ginfo .gstar {
 line-height: 20px;
 height: 20px;
 display: block;
 float: left;
 display: inline;
 font-style: normal;
}

.infobox .ginfo .gstar strong {
 float: left;
 display: inline;
 width: 89px;
 height: 16px;
 overflow: hidden;
 background-size: 89px 32px;
 margin-top: 1px;
}

.infobox .ginfo .gstar i {
 float: left;
 display: inline;
 height: 16px;
 overflow: hidden;
 background-size: 89px 32px;
}

.infobox .ginfo .gstar font {
 float: left;
 display: inline;
 line-height: 17px;
 height: 17px;
 overflow: hidden;
 font-size: 14px;
 color: #ff3600;
 font-weight: bold;
 margin-left: 6px;
}

.infobox .gbtn {
 display: block;
 width: 48px;
 height: 22px;
 line-height: 22px;
 font-size: 12px;
 color: #fff;
 overflow: hidden;
 position: absolute;
 right: 10px;
 top: 27px;
 text-align: center;
 border: 1px #3a9d9a solid !important;
 background: #3a9d9a !important;
}

.infobox .ginfo .ginfoset {
 font-weight: 300;
 line-height: 18px;
 height: 18px;
 font-size: 12px;
 display: block;
 color: #9e9e9e;
 font-style: normal;
 overflow: hidden;
 zoom: 1;font-family: arial,tahoma;
}

.infobox .ginfo .ginfoset span {
 font-size: 12px;
 margin-top: 2px;
 color: #9e9e9e;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 height: 12px;
 line-height: 12px;
 width: 90%;
}

.infobox .ginfo .ginfoset i {
 font-style: normal;
 margin: 0px 4px;
 font-size: 10px;
 line-height: 20px;
 width: 1px;
 overflow: hidden;
 zoom: 1;background: #B9B9B9;
 height: 10px;
 margin-top: 3px;
}

.infobox .ginfo .ginfoset span,.infobox .ginfo .ginfoset i {
 float: left;
 display: inline;
}

.infocon .infobox .pl1,#infocon .infobox .pl2 {
 height: 1px;
 width: 100%;
 position: absolute;
 left: 0px;
}

.infocon .infobox .pl1 {
 background: #f2ebeb;
 bottom: 1px;
}

.infocon .infobox .pl2 {
 background: #fefcfc;
 bottom: 0px;
}

.infocon .infobox .pl2 {
 background: #fefcfc;
 bottom: 0px;
}
  .Minbox { padding: 0 .4rem; }

.Minbox .title { padding-left: 0; padding-right: 0; }

.Minbox:last-child { border: none; }
.switch-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0.3rem auto; height: 30px; line-height: 30px; border-radius: .1333rem; }

.switch-h .tab { font-size: 12px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; border-radius: .1333rem; background: #F3F3F3; margin-right: .1333rem; }

.switch-h .tab:first-child { margin-left: 0px; }

.switch-h .tab.on, .switch-h .tab:active { color: #fff; border-color: #5392e3; font-weight: bold; background: #5392e3; }

.switch-h .tab.on a, .switch-h .tab:active a { color: #fff; }

.switch-h.theme { width: 90%; }

.switch-h.theme .tab { margin: 0 .5333rem; }

.switch-h.theme2 .tab { margin: 0 .2rem; }

.switch-h.theme2 .tab:first-child { margin-left: 0px; }

.switch-h.theme2 .tab:last-child { margin-right: 0px; }

.switch-h.theme2 .tab.on, .switch-h.theme2 .tab:active { color: #5392e3; border-color: #5392e3; font-weight: bold; background: #cdeeff; }

.switch-h.theme2 .tab.on a, .switch-h.theme2 .tab:active a { color: #5392e3; }
.Min4 .list li { display: -webkit-box; display: -ms-flexbox; display: flex; height: 22px; line-height: 22px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .1334rem 0; }

.Min4 .list li:active a { color: #5392e3; }

.Min4 .list li:active::before { background: #5392e3; }

.Min4 .list li:first-child { padding-top: 0px; }

.Min4 .list li::before { display: block; width: .16rem; height: .16rem; content: ''; background-color: #aaaaaa; border-radius: 50%; margin-right: .1333rem; }

.Min4 .list li p { padding-right: .2rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 15px; }

.Min4 .list li span { font-size: 12px; color: #aaaaaa; }

.Min4 .list li .red { color: #5392e3; }