.huo {
  background: url(http://web.180tianya.com/template/03/css/huo.png) no-repeat;
}
.mk1 {
  background: url(http://web.180tianya.com/template/03/css/mk1.png);
}
.mk2 {
  background: url(http://web.180tianya.com/template/03/css/mk2.png) 0 bottom
    repeat-x;
}
.mk3 {
  background: url(http://web.180tianya.com/template/03/css/mk3.png) 0 bottom
    repeat-x;
}
.t {
  color: #e22200;
}
.tc {
  color: #c72000;
}
a:hover,
a:hover .tc {
  color: #c72000;
  text-decoration: underline;
}
.li3 {
  background: url(http://web.180tianya.com/template/03/css/li3.gif) no-repeat;
}
.topbar1 {
  float: left;
  width: auto;
  height: 36px;
  overflow: hidden;
}
.topbar1 .QZ-home {
  float: left;
  width: auto;
  height: 36px;
}
.topbar1 a {
  float: left;
  display: inline-block;
  width: auto;
  height: 36px;
  line-height: 36px;
  color: #444;
}
.topbar1 a.ymxk {
  padding-left: 14px;
  background: url(http://web.180tianya.com/template/03/images/qznav.png) 0 11px
    no-repeat;
}
#QZnav .alik {
  color: #ccc;
}
.Top {
  width: 100%;
  min-width: 1100px;
  height: auto;
  background: #262626 url(http://web.180tianya.com/template/03/images/topbg.jpg)
    center 0 no-repeat;
  position: relative;
  z-index: 2;
}
.Top.home {
  border-bottom: 2px solid #9b2602;
}
.Top.danji {
  border-bottom: 2px solid #9b2602;
}
.Top.dianwan {
  border-bottom: 2px solid #9b2602;
}
.Top.xiazai {
  border-bottom: 2px solid #0f5a81;
}
.Top.down {
  border-bottom: 2px solid #9b2602;
}
.Top .hot {
  margin-left: -12px;
  display: inline-block;
  width: 23px;
  height: 10px;
  background: url(http://web.180tianya.com/template/03/css/hot2.gif) no-repeat;
  position: absolute;
  top: 6px;
}
.header {
  margin: 0 auto;
  width: 1100px;
  height: 94px;
  border-bottom: 1px solid #111;
  position: relative;
}
.header .logo {
  float: left;
  padding-top: 29px;
  width: auto;
  height: 53px;
}
.header .logo a {
  float: left;
  display: inline-block;
  width: 160px;
  height: 53px;
}
.header .logo a.logo1 {
  background: url(http://web.180tianya.com/template/03/css/160x53.png) no-repeat;
}
.header .logo a.logo2 {
  background: url(http://web.180tianya.com/template/03/css/logo2.png) center
    center no-repeat;
  display: none;
}
.header .advert {
  float: right;
  margin-top: 5px;
  width: auto;
  height: 86px;
  overflow: visible;
  position: relative;
}
.header .app4 {
  overflow: visible;
  position: absolute;
  right: 0;
  bottom: 0;
}
.header .app4 .gifappts {
  display: none;
}
.header .app4 .gifappts.cur {
}
.topnav1 {
  margin: 0 auto;
  padding-top: 16px;
  width: 1100px;
  height: 62px;
  font-family: "Microsoft YaHei";
  border-top: 1px solid #444;
}
.topnav1 .model {
  float: right;
  width: 80px;
  height: 48px;
  background: url(http://web.180tianya.com/template/03/css/ly.png) repeat-y;
}
.topnav1 .model a {
  margin: -2px 0 0 20px;
  display: inline-block;
  width: 59px;
  height: 52px;
  position: absolute;
}
.topnav1 .model a i {
  display: block;
  cursor: pointer;
}
.topnav1 .model a i.heibai {
  margin-bottom: 6px;
  height: 25px;
  transition: all 0.1s linear;
  background: url(http://web.180tianya.com/template/03/css/heibai.png) center 0
    no-repeat;
}
.topnav1 .model a i.switch {
  height: 21px;
  background: url(http://web.180tianya.com/template/03/css/switch.png) center 0
    no-repeat;
}
.topnav1 .nav1 {
  float: left;
  padding-left: 15px;
  display: inline-block;
  width: auto;
  height: 48px;
  overflow: visible;
}
.topnav1 .nav1 a {
  margin-top: -4px;
  margin-right: 26px;
  display: inline-block;
  width: auto;
  height: 48px;
  color: #e5e5e5;
  font-size: 15px;
  text-align: center;
}
.topnav1 .nav1 a i {
  margin: 0 auto 2px;
  display: block;
  width: 26px;
  height: 30px;
  cursor: pointer;
  background: url(http://web.180tianya.com/template/03/css/bzs.png) no-repeat;
}
.topnav1 .nav1 a p {
  margin: 0;
  width: auto;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  _float: left;
}
.topnav1 .nav1 a.dj i {
  background-position-y: 0;
}
.topnav1 .nav1 a.wl i {
  background-position-y: -30px;
}
.topnav1 .nav1 a.ds1 i {
  background-position-y: -60px;
}
.topnav1 .nav1 a.sj i {
  background-position-y: -90px;
}
.topnav1 .nav1 a.dm i {
  background-position-y: -120px;
}
.topnav1 .nav1 a:hover {
  color: #fff;
  text-decoration: none;
}
.topnav1 .nav1 a:hover i {
  background-position-x: -26px;
}
.topnav1 .nav2 {
  float: left;
  padding-left: 30px;
  width: auto;
  height: 48px;
  overflow: visible;
  background: url(http://web.180tianya.com/template/03/css/ly.png) repeat-y;
}
.topnav1 .nav2 div {
  float: left;
  margin-top: -6px;
  display: inline-block;
  width: auto;
  height: 60px;
}
.topnav1 .nav2 a {
  float: left;
  margin-right: 28px;
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #bbb;
  font-size: 14px;
  clear: left;
  position: relative;
}
.topnav1 .nav2 a {
  white-space: nowrap;
}
.topnav1 .nav2 a i.tpn_new {
  position: absolute;
  top: 3px;
  right: -11px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav1 .nav2 a i.tpn_hot {
  position: absolute;
  top: 3px;
  right: -11px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav1 .nav2 a:hover {
  color: #fff;
}
.topnav2 {
  margin: 0 auto;
  width: 1100px;
  height: 48px;
  font-family: "Microsoft YaHei";
  border-top: 1px solid #444;
}
.topnav2 a {
  text-decoration: none;
}
.topnav2 .model {
  float: right;
  margin: 10px 0;
  padding: 3px 0;
  width: 80px;
  height: 22px;
  background: url(http://web.180tianya.com/template/03/css/ly.png) repeat-y;
}
.topnav2 .model a {
  float: right;
  display: inline-block;
  width: 59px;
  height: 22px;
}
.topnav2 .model a i {
  display: block;
  cursor: pointer;
}
.topnav2 .model a i.switch {
  height: 21px;
  background: url(http://web.180tianya.com/template/03/css/switch.png) center 0
    no-repeat;
}
.topnav2 .channel {
  margin: 10px 0;
  height: 28px;
  border-left: 0;
}
.topnav2 .channel a,
.topnav2 .channel span {
  height: 28px;
}
.topnav2 .nav1 {
  float: left;
  width: auto;
  height: 48px;
}
.topnav2 .nav1 a {
  float: left;
  padding: 0 19px;
  display: inline-block;
  width: auto;
  height: 48px;
  line-height: 48px;
  color: #bbb;
  font-size: 15px;
  position: relative;
}
.topnav2 .nav1 a i.tpn_new {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .nav1 a i.tpn_hot {
  position: absolute;
  top: 12px;
  right: 8px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .nav1 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.topnav2 .nav2 {
  float: right;
  width: auto;
  height: 48px;
}
.topnav2 .nav2 a {
  float: left;
  padding: 0 15px;
  display: inline-block;
  width: auto;
  height: 48px;
  line-height: 48px;
  color: #bbb;
  font-size: 14px;
  position: relative;
}
.topnav2 .nav2 a i.tpn_new {
  position: absolute;
  top: 12px;
  right: 5px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .nav2 a i.tpn_hot {
  position: absolute;
  top: 12px;
  right: 5px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .nav2 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.topnav2 .link1 {
  float: left;
  margin: 10px 0;
  padding: 0 10px;
  width: auto;
  height: 28px;
  line-height: 28px;
}
.topnav2 .link1 {
  background: url(http://web.180tianya.com/template/03/css/ly.png) repeat-y;
}
.topnav2 .link1 a {
  margin: 0 9px;
  color: #bbb;
  font-size: 14px;
  position: relative;
}
.topnav2 .link1 a i.tpn_new {
  position: absolute;
  top: -3px;
  right: -11px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .link1 a i.tpn_hot {
  position: absolute;
  top: -3px;
  right: -11px;
  display: block;
  width: 10px;
  height: 13px;
}
.topnav2 .link1 a.go-old {
  font-size: 14px;
  font-weight: bold;
}
.topnav2 .link1 a.tg {
  padding-left: 22px;
  display: inline-block;
  width: auto;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.topnav2 .link1 a.tg {
  background: url(http://web.180tianya.com/template/03/css/zq/tg.png) 0 center
    no-repeat;
}
.topnav2 .link1 a:hover {
  color: #fff;
  text-decoration: underline;
}
.channel {
  float: left;
  width: 65px;
  height: 31px;
  border-left: 1px solid #444;
}
.channel a,
.channel span {
  display: block;
  width: 65px;
  height: 31px;
  background: url(http://web.180tianya.com/template/03/css/channel.png)
    no-repeat;
}
.channel .dj {
  background-position: center 0;
}
.channel .dw {
  background-position: center -31px;
}
.channel .xz {
  background-position: center -62px;
}
.channel .wy {
  background-position: center -93px;
}
.channel .gl {
  background-position: center -124px;
}
.top1 {
  margin: 0 auto;
  width: 1100px;
  height: 103px;
}
.top1 .logo {
  float: left;
  padding-top: 25px;
  width: 165px;
  height: 53px;
}
.top1 .logo a {
  display: inline-block;
  width: 165px;
  height: 53px;
  background: url(http://web.180tianya.com/template/03/css/logo.png) no-repeat;
}
.top1 .advert {
  float: right;
  padding-top: 20px;
  width: auto;
  height: 60px;
}
.top2 {
  width: 100%;
  min-width: 1100px;
  height: 49px;
  background-color: #2c2c2c;
  border-bottom: 1px solid #111;
}
.top2nav {
  margin: 0 auto;
  width: 1100px;
  height: 49px;
  font-family: "Microsoft YaHei";
  position: relative;
}
.top2nav .model {
  float: right;
  width: 67px;
  height: 49px;
}
.top2nav .model a {
  margin-top: 15px;
  display: inline-block;
  width: 67px;
  height: 27px;
  background: url(http://web.180tianya.com/template/03/css/lamp.png) no-repeat;
}
.top2nav .nav1 {
  float: left;
  width: auto;
  height: 49px;
}
.top2nav .nav1 a {
  float: left;
  padding: 0 19px;
  display: inline-block;
  width: auto;
  height: 49px;
  line-height: 49px;
  color: #ebeaea;
  font-size: 15px;
  font-weight: bold;
}
.top2nav .nav1 a {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
.top2nav .nav1 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.top2nav .nav2 {
  float: right;
  width: auto;
  height: 49px;
}
.top2nav .nav2 a {
  float: left;
  padding: 0 15px;
  display: inline-block;
  width: auto;
  height: 49px;
  line-height: 49px;
  color: #ebeaea;
  font-size: 15px;
}
.top2nav .nav2 a {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
.top2nav .nav2 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.top3 {
  width: 100%;
  min-width: 1100px;
  height: 31px;
  font-family: "Microsoft YaHei";
  background-color: #2c2c2c;
  border-top: 1px solid #444;
  position: relative;
}
.top3nav {
  margin: 0 auto;
  width: 1100px;
  height: 31px;
  line-height: 31px;
}
.top3nav .E3 {
  float: left;
  width: 100px;
  height: 31px;
  border-left: 1px solid #444;
  display: none;
}
.top3nav .E3 a {
  display: block;
  text-indent: 34px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
.top3nav .E3 a {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
  background: url(http://web.180tianya.com/template/03/css/wqj_nag.jpg)
    no-repeat;
}
.top3nav .like {
  float: left;
  padding: 0 10px;
  width: auto;
  height: 31px;
  line-height: 31px;
  border-left: 1px solid #444;
}
.top3nav .like a {
  margin: 0 13px;
  color: #aaa;
  font-size: 14px;
}
.top3nav .like a.go-old {
  font-size: 14px;
  font-weight: bold;
}
.top3nav .like a:hover {
  color: #fff;
}
.top3nav .like2 {
  float: right;
  padding: 0 10px;
  width: auto;
  height: 31px;
  line-height: 31px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.top3nav .like2 a {
  margin: 0 8px;
  color: #aaa;
  font-size: 14px;
}
.top3nav .like2 a:hover {
  color: #fff;
}
.top3nav .app {
  float: right;
  width: 160px;
  height: 31px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.top3nav .app a {
  display: block;
  line-height: 31px;
  text-indent: 38px;
  color: #aaa;
  font-size: 12px;
  font-weight: bold;
}
.top3nav .app a {
  background-color: #262626;
  background-image: url(http://web.180tianya.com/template/03/css/call01.png);
  background-position: 20px 6px;
  background-repeat: no-repeat;
}
.top3nav .app a:hover {
  color: #fff;
  background-color: #333;
}
.top4 {
  width: 100%;
  min-width: 1000px;
  height: 40px;
  background-color: #2c2c2c;
  position: relative;
}
.top4nav {
  margin: 0 auto;
  width: 1000px;
  height: 40px;
  font-family: "Microsoft YaHei";
}
.top4nav .model {
  float: right;
  width: 67px;
  height: 40px;
}
.top4nav .model a {
  margin-top: 10px;
  display: inline-block;
  width: 67px;
  height: 27px;
  background: url(http://web.180tianya.com/template/03/css/lamp.png) no-repeat;
}
.top4nav .nav1 {
  float: left;
  width: auto;
  height: 40px;
}
.top4nav .nav1 a {
  float: left;
  padding: 0 19px;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  color: #ebeaea;
  font-size: 15px;
  font-weight: bold;
}
.top4nav .nav1 a {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
.top4nav .nav1 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.top4nav .nav2 {
  float: right;
  width: auto;
  height: 40px;
}
.top4nav .nav2 a {
  float: left;
  padding: 0 15px;
  display: inline-block;
  width: auto;
  height: 40px;
  line-height: 40px;
  color: #ebeaea;
  font-size: 15px;
}
.top4nav .nav2 a {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
.top4nav .nav2 a:hover {
  color: #fff;
  background: #3c3c3c;
}
.top4nav .app {
  float: right;
  width: 190px;
  height: 40px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
}
.top4nav .app a {
  display: block;
  line-height: 40px;
  color: #aaa;
  text-indent: 50px;
  background-color: #272727;
  background: url(http://web.180tianya.com/template/03/css/call.gif) 30px center
    no-repeat;
}
.top4nav .app a:hover {
  color: #fff;
  background-color: #333;
  background-position: 30px center;
}
.bgAdWrap {
  margin: 0 auto;
  width: 1100px;
  height: 30px;
  min-height: 30px;
  position: relative;
}
.Mid {
  margin: 0 auto;
  padding: 10px 20px 0;
  width: 1060px;
  height: auto;
  background: #f2f2f3;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 1);
  position: relative;
  z-index: 2;
}
.Mid_top {
  margin: -10px -20px 0;
  padding: 10px 20px 0;
}
.Mid0 {
  max-height: 380px;
}
ul.game-hot {
  width: 1060px;
  height: auto;
}
ul.game-hot li {
  width: 1070px;
  height: auto;
  font-family: "Microsoft YaHei";
}
ul.game-hot li i {
  float: right;
  margin-top: -5px;
  display: inline-block;
  width: 9px;
  height: 12px;
  position: absolute;
  background: url(http://web.180tianya.com/template/03/css/h.png) no-repeat;
}
ul.game-hot li .tit {
  float: left;
  padding-right: 10px;
  width: auto;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  background-position: right 8px;
}
ul.game-hot li .like {
  float: left;
  padding-left: 10px;
  width: auto;
  height: auto;
  line-height: 24px;
  color: #c6c4c5;
}
ul.game-hot li .like div {
  height: 24px;
  line-height: 24px;
}
ul.game-hot li .like a {
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial;
}
ul.game-hot li .like a:hover {
  color: #e11d03;
}
ul.game-hot li .like .l {
  width: 12px;
  float: left;
  text-align: left;
}
ul.game-hot li .like .l1 {
  width: 16px;
  float: left;
}
ul.game-hot li .like .l2 {
  width: 28px;
  float: left;
}
ul.game-hot li .like .l3 {
  width: 40px;
  float: left;
}
ul.game-hot li .like .l4 {
  width: 52px;
  float: left;
}
ul.game-hot li .like .l5 {
  width: 64px;
  float: left;
}
ul.game-hot li .like .l6 {
  width: 76px;
  float: left;
}
ul.game-hot li .like .l7 {
  width: 88px;
  float: left;
}
ul.game-hot li .like .l8 {
  width: 102px;
  float: left;
}
ul.game-hot li .like .l9 {
  width: 112px;
  float: left;
}
ul.game-hot li .like .l10 {
  width: 124px;
  float: left;
}
ul.game-hot li .like .l11 {
  width: 136px;
  float: left;
}
ul.game-hot li .like .l12 {
  width: 148px;
  float: left;
}
ul.game-hot li .like .l-5 {
  width: 10px;
  float: left;
  text-align: left;
}
ul.game-hot li .like .l1-5 {
  width: 22px;
  float: left;
}
ul.game-hot li .like .l2-5 {
  width: 34px;
  float: left;
}
ul.game-hot li .like .l3-5 {
  width: 46px;
  float: left;
}
ul.game-hot li .like .l4-5 {
  width: 58px;
  float: left;
}
ul.game-hot li .like .l5-5 {
  width: 70px;
  float: left;
}
ul.game-hot li .like .l6-5 {
  width: 82px;
  float: left;
}
ul.game-hot li .like .l7-5 {
  width: 94px;
  float: left;
}
ul.game-hot li .like .l8-5 {
  width: 106px;
  float: left;
}
ul.game-hot li .like .l9-5 {
  width: 120px;
  float: left;
}
ul.game-hot li .like .l10-5 {
  width: 130px;
  float: left;
}
ul.game-hot li .like .l11-5 {
  width: 142px;
  float: left;
}
ul.game-hot li .like .l12-5 {
  width: 154px;
  float: left;
}
ul.game-hot li .tit2 {
  float: left;
  padding-right: 10px;
  width: auto;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  background-position: right 8px;
}
ul.game-hot li .like2 {
  float: left;
  padding-left: 10px;
  width: 950px;
  height: auto;
  line-height: 24px;
  color: #c6c4c5;
}
ul.game-hot li .like2 div {
  height: 24px;
  line-height: 24px;
}
ul.game-hot li .like2 a {
  font-size: 12px;
  font-family: "Microsoft YaHei", Arial;
}
ul.game-hot li .like2 a:hover {
  color: #e11d03;
}
ul.game-hot li .like2 .l {
  width: 12px;
  float: left;
  text-align: left;
}
ul.game-hot li .like2 .l1 {
  width: 16px;
  float: left;
}
ul.game-hot li .like2 .l2 {
  width: 28px;
  float: left;
}
ul.game-hot li .like2 .l3 {
  width: 40px;
  float: left;
}
ul.game-hot li .like2 .l4 {
  width: 52px;
  float: left;
}
ul.game-hot li .like2 .l5 {
  width: 64px;
  float: left;
}
ul.game-hot li .like2 .l6 {
  width: 76px;
  float: left;
}
ul.game-hot li .like2 .l7 {
  width: 88px;
  float: left;
}
ul.game-hot li .like2 .l8 {
  width: 100px;
  float: left;
}
ul.game-hot li .like2 .l9 {
  width: 112px;
  float: left;
}
ul.game-hot li .like2 .l10 {
  width: 124px;
  float: left;
}
ul.game-hot li .like2 .l11 {
  width: 136px;
  float: left;
}
ul.game-hot li .like2 .l12 {
  width: 148px;
  float: left;
}
.ioshack ul.game-hot li .like a {
  font-family: HeadLineA;
}
div.Search {
  margin-bottom: 10px;
  width: 1058px;
  height: 38px;
  background: #e5e5e5;
  border: 1px solid #cfd0d0;
}
div.Search .SearchL {
  float: left;
  width: 360px;
  height: 38px;
}
div.Search .SearchL div {
  float: left;
}
div.Search .SearchL div.radio {
  padding: 13px 0 0 10px;
  width: 125px;
  height: auto;
}
div.Search .SearchL div.radio input {
  float: left;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
}
div.Search .SearchL div.radio label {
  float: left;
  margin-right: 8px;
  padding: 0 2px;
  width: 36px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
div.Search .SearchL div.form {
  width: 210px;
  height: 38px;
  background: #f2f2f3;
  border-left: 1px solid #cfd0d0;
  border-right: 1px solid #cfd0d0;
}
div.Search .SearchL div.form input {
  float: left;
}
div.Search .SearchL div.form input.Sinput {
  padding: 5px;
  width: 168px;
  height: 28px;
  line-height: 28px;
  border: 0;
  background-color: transparent;
}
div.Search .SearchL div.form input.Sbutton {
  width: 32px;
  height: 38px;
  text-indent: -999px;
  cursor: pointer;
  border: 0;
  background: url(http://web.180tianya.com/template/03/css/sub.png) no-repeat;
}
div.Search .SearchL div.form input.Sbutton:hover {
  background-position: 0 -38px;
}
div.Search .SearchR {
  float: left;
  width: 698px;
  height: 38px;
  line-height: 38px;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
div.Search .SearchR span {
  float: left;
  font-weight: bold;
}
div.Search .SearchR a {
  float: left;
  margin-right: 10px;
}
.Bot {
  padding-bottom: 30px;
  width: 100%;
  min-width: 1100px;
  height: auto;
  background: #141414;
  position: relative;
  z-index: 2;
}
.Bot .Links {
  margin: 0 auto;
  width: 1000px;
  height: 38px;
  background: #222;
}
.Bot .Links .like {
  float: left;
  width: 907px;
  height: 38px;
  line-height: 38px;
  color: #555;
}
.Bot .Links .like a {
  margin: 0 19px;
  color: #aaa;
}
.Bot .Links .like a:hover {
  color: #fff;
}
.Bot .Links .gotop {
  float: right;
  width: 93px;
  height: 38px;
  line-height: 38px;
  color: #555;
}
.Bot .Links .gotop a {
  padding: 0 15px 0 30px;
  display: block;
  width: auto;
  height: 38px;
  line-height: 38px;
  color: #aaa;
  cursor: pointer;
}
.Bot .Links .gotop a {
  background: url(http://web.180tianya.com/template/03/css/gotop.png) 0 6px
    no-repeat;
}
.Bot .Hot {
  width: 100%;
  min-width: 1100px;
  height: auto;
  background: #181818;
}
.Bot .Hot .Hots {
  margin: 0 auto;
  width: 1098px;
  padding-top: 40px;
  height: auto;
}
.Bot .Hot .Hots ul.foot {
  margin-bottom: 24px;
  width: 1128px;
  height: auto;
}
.Bot .Hot .Hots ul.foot li {
  float: left;
  margin-right: 29px;
  width: 158px;
  height: auto;
  border-right: 1px dotted #2f2f2f;
}
.Bot .Hot .Hots ul.foot li .tit {
  width: 129px;
  height: 32px;
  line-height: 20px;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
.Bot .Hot .Hots ul.foot li .tit a {
  color: #666;
}
.Bot .Hot .Hots ul.foot li .tit a:hover {
  color: #aaa;
}
.Bot .Hot .Hots ul.foot li .like {
  width: 158px;
  height: 116px;
}
.Bot .Hot .Hots ul.foot li .like div {
  float: left;
  width: 79px;
  height: auto;
}
.Bot .Hot .Hots ul.foot li .like div a {
  margin-bottom: 15px;
  display: block;
  color: #666;
  font-family: "Microsoft YaHei";
}
.Bot .Hot .Hots ul.foot li .like div a:hover {
  color: #aaa;
}
.Bot .Hot .Hots .links {
  padding: 20px 0 10px;
  width: 1100px;
  height: auto;
  font-family: "Microsoft YaHei";
  border-top: 1px dotted #2f2f2f;
}
.Bot .Hot .Hots .links span {
  margin-bottom: 15px;
  display: inline-block;
  color: #666;
}
.Bot .Hot .Hots .links a {
  margin: 0 15px 15px 0;
  display: inline-block;
  color: #666;
}
.Bot .Hot .Hots .links a:hover {
  color: #aaa;
}
.Bot .Copyright {
  margin: 0 auto;
  width: 1100px;
  padding: 30px 0 0;
  height: auto;
  line-height: 30px;
  text-align: center;
  color: #454545;
  font-family: "Microsoft YaHei";
}
.Bot .Copyright a {
  color: #454545;
}
.Bot .Copyright a:hover {
  color: #aaa;
}
ul.search-list {
  display: none;
  height: auto;
  background-color: #f9f9fa;
  border: 1px solid #ccc;
  border-top: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
}
ul.search-list li {
  padding: 0 5px;
  display: block;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #262626;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
}
ul.search-list li.cur {
  background-color: #e9e9e9;
}
.hei .lx0 {
  background: url(http://web.180tianya.com/template/03/css/lx00.gif) 0 bottom
    repeat-x;
}
.hei .lx1 {
  background: url(http://web.180tianya.com/template/03/css/lx10.gif) 0 bottom
    repeat-x;
}
.hei .li3 {
  background: url(http://web.180tianya.com/template/03/css/li30.gif) no-repeat;
}
.hei .tc {
  color: #ff9b1f;
}
.hei .tc1 {
  color: #ff9b1f;
}
.hei a {
  color: #bbb;
}
.hei a:hover .tc {
  color: #ff9b1f;
  text-decoration: underline;
}
.hei a:hover {
  color: #fff;
}
.hei .w {
  color: #aaa;
}
.hei .t {
  color: #ff9b1f;
}
.hei .model a i.heibai {
  background-position: center -25px;
}
.hei .model a i.switch {
  background-position: center -21px;
}
.hei .top2nav .model a {
  background-position: 0 -41px;
}
.hei .top4nav .model a {
  background-position: 0 -41px;
}
.hei .t {
  color: #ff9a1e;
}
.hei ul.game-hot li .w {
  color: #ccc;
}
.hei ul.game-hot li .t {
  color: #ffd103;
}
.hei ul.game-hot li .tit.w {
  color: #13beff;
}
.hei ul.game-hot li .tit.w a {
  color: #13beff;
}
.hei ul.game-hot li .tit2.w {
  color: #13beff;
}
.hei ul.game-hot li .tit2.w a {
  color: #13beff;
}
.hei ul.game-hot li .like {
  color: #555;
}
.hei ul.game-hot li .like a:hover {
  color: #f2f2f3;
}
.hei ul.game-hot li .like2 {
  color: #555;
}
.hei ul.game-hot li .like2 a:hover {
  color: #f2f2f3;
}
.hei div.Search {
  background: #222;
  border: 1px solid #151515;
}
.hei div.Search .SearchL .radio {
  color: #ccc;
}
.hei div.Search .SearchL div.form {
  background: #151515;
  border-left: 1px solid #151515;
  border-right: 1px solid #151515;
}
.hei div.Search .SearchL div.form .Sinput {
  color: #ccc;
}
.hei div.Search .SearchR span {
  color: #ccc;
}
.hei div.Search .SearchR a {
  color: #ccc;
}
.hei div.Search .SearchR a:hover {
  color: #fff;
}
#QZnav {
  min-width: 1100px;
  background: #373737 url(../images/qznav.jpg) center 0 no-repeat;
}
#QZnav .topbar {
  width: 1100px;
}
#QZnav i {
  color: #595959;
}
#QZnav .alik {
  color: #ccc;
}
#QZnav .alik:hover,
#QZnav .cur .alik {
  color: #fff;
}
#QZnav .QZ-nav {
  display: none;
}
.topnav1 .nav1 a {
  margin-right: 26px;
}
.topnav1 .nav1 a.cj {
  display: none;
}
.topnav1 .nav2 {
  padding-left: 30px;
}
.topnav1 .nav2 a {
  margin-right: 28px;
}
.Mid {
  min-height: 1000px;
  overflow: visible;
}
.Mid0 {
  width: 1060px;
  height: auto;
}
.Mid0nav {
  margin-top: 10px;
  width: 1060px;
  height: 30px;
  font-family: "Microsoft YaHei";
  border-bottom: 1px solid #cecece;
  overflow: visible;
  position: relative;
}
.Mid0nav a {
  float: left;
  margin-right: -1px;
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 28px;
  color: #000;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}
.Mid0nav a span {
  padding: 0 25px;
  border-right: 1px solid #cecece;
}
.Mid0nav a:hover {
  color: #e22203;
  text-decoration: none;
}
.Mid0nav a.cur {
  height: 29px;
  line-height: 26px;
  color: #e22203;
  border: 1px solid #cecece;
  border-bottom: 1px solid #f2f2f3;
  box-shadow: 0 -5px 8px 0 rgba(206, 206, 206, 0.3);
}
.Mid0nav a.cur span {
  padding: 0 25px 0 24px;
  border-right: 0;
}
.Mid0nav a.gifappts {
  display: none;
  float: right;
  width: 123px;
  height: 30px;
}
.Mid0nav a.gifappts {
  background: url(http://web.180tianya.com/template/03/css/app.bai.4.0.gif)
    no-repeat;
}
.hei .Mid0nav a.gifappts {
  background: url(http://web.180tianya.com/template/03/css/app.hei.4.0.gif)
    no-repeat;
}
.Mid0cont {
  margin: 10px 0;
  width: 1060px;
  height: auto;
  font-family: "Microsoft YaHei";
}
.Mid0pic1 {
  margin-bottom: 10px;
  width: 1068px;
  height: 68px;
}
.Mid0pic1 a {
  float: left;
  margin-right: 10px;
  display: inline-block;
  width: 168px;
  height: 68px;
  overflow: hidden;
  position: relative;
}
.Mid0pic1 a .border {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.Mid0pic1 a .mask {
  padding: 10px 5px 0;
  width: 158px;
  height: 58px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 68px;
}
.Mid0pic1 a .mask div {
  width: 158px;
  text-align: center;
}
.Mid0pic1 a .mask .tit {
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.Mid0pic1 a .mask .txt {
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.Mid0pic1 a:hover {
  text-decoration: none;
}
.Mid0pic1 a:hover .mask {
  top: 0;
}
.Mid0pic2 {
  margin-bottom: 8px;
  width: 1080px;
  height: 70px;
}
.Mid0pic2 a {
  float: left;
  margin-right: 8px;
  display: inline-block;
  width: 125px;
  height: 70px;
  overflow: hidden;
  position: relative;
}
.Mid0pic2 a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Mid0pic2 a .border {
  width: 100%;
  height: 100%;
}
.Mid0pic2 a .mask {
  width: 100%;
  height: 20px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=60);
}
.Mid0pic2 a .txt {
  padding: 0 5px;
  width: 115px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.Mid0pic2 a:hover {
  text-decoration: none;
}
.Mid0pic2 a:hover .txt {
  color: #fff;
}
.Mid0pic2 a:hover .border {
}
.Mid0cont .abcd {
  width: 1060px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.Mid0cont .abcd span {
  padding: 5px 0;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.Mid0cont .abcd a {
  padding: 5px 6px;
  color: #000;
  font-size: 16px;
  font-weight: bold;
}
.Mid0cont .abcd a:hover,
.Mid0cont .abcd a.cur {
  color: #e22203;
}
.Mid0cont .ABC {
  width: 1060px;
  height: auto;
}
.Mid0cont .ABC .tit {
  margin-bottom: 12px;
  padding-top: 8px;
  width: 1060px;
  height: 12px;
  border-bottom: 1px dotted #c6c4c5;
  overflow: visible;
}
.Mid0cont .ABC .tit .zm {
  float: left;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #eaeaec;
  font-size: 20px;
  background: #282828;
}
.Mid0cont .ABC .tit .pg {
  float: right;
  padding: 4px 0 0 3px;
  width: auto;
  height: 20px;
  background: #f2f2f3;
  text-align: center;
}
.Mid0cont .ABC .tit .pg a {
  float: left;
  margin-left: 5px;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #282828;
  background: #c7c7c7;
}
.Mid0cont .ABC .tit .pg a:hover,
.Mid0cont .ABC .tit .pg a.cur {
  color: #eaeaec;
  background: #282828;
}
.Mid0cont .ABC ul.like {
  width: 1060px;
  height: auto;
}
.Mid0cont .ABC ul.like li {
  float: left;
  width: 151px;
  height: 26px;
  line-height: 26px;
}
.Mid0cont .ABC ul.like li a {
  padding-left: 9px;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  background: url(http://web.180tianya.com/template/03/css/li1.gif) 0 3px
    no-repeat;
}
.Midtit {
  width: auto;
  height: 36px;
}
.Midtit .tit {
  float: left;
  padding-left: 23px;
  width: auto;
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 16px;
  font-family: "Microsoft YaHei";
}
.Midtit .tit {
  background: url(http://web.180tianya.com/template/03/css/tt.gif) no-repeat;
}
.Midtit .tit.pr_RYHT {
  background-position: 0 -26px;
}
.Midtit .more {
  float: right;
  width: auto;
  height: 26px;
  line-height: 26px;
  color: #999;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.Midtit .more a {
  color: #777;
}
.Midtit .more a:hover {
  color: #e11d03;
}
.Mtit {
  margin: 15px 0;
  width: auto;
  height: 50px;
}
.Mtit .tit {
  float: left;
  padding-left: 44px;
  width: auto;
  height: 50px;
  line-height: 48px;
  font-size: 28px;
  font-family: "Microsoft YaHei";
}
.Mtit .tit {
  background: url(http://web.180tianya.com/template/03/css/ttbg.png) no-repeat;
}
.Mtit .tit.pr_djdw {
  background-position: 0 0;
}
.Mtit .tit.pr_wlyx {
  background-position: 0 -50px;
}
.Mtit .tit.pr_sjyx {
  background-position: 0 -100px;
}
.Mtit .tit.pr_dmdh {
  background-position: 0 -150px;
}
.Mtit .tit.pr_kjyj {
  background-position: 0 -200px;
}
.Mtit .tit.pr_sjjd {
  background-position: 0 -250px;
}
.Mtit .tit .tt1 {
  float: left;
  color: #e23703;
}
.Mtit .tit .tt2 {
  float: left;
  padding: 0 10px;
  color: #000;
  font-size: 40px;
}
.Mtit .tit .tt3 {
  float: left;
  color: #000;
}
.Mtit .like {
  float: right;
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-family: "Microsoft YaHei";
}
.Mtit .like span {
  float: left;
  padding: 0 10px;
  color: #aaa;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.Mtit .like a {
  float: left;
  color: #333;
}
.Mtit .like a:hover {
  color: #e11d03;
}
.Mid1 {
  margin: 10px 0 0 0;
  width: 1060px;
  height: auto;
}
.Mid1_L {
  float: left;
  width: 386px;
  height: auto;
}
@keyframes tiao {
  0% {
    width: 0;
  }
  100% {
    width: 386px;
  }
}
.list1 {
  z-index: 1;
  opacity: 1;
}
.list2,
.list3,
.list4,
.list5,
.list6,
.list7,
.list8,
.list9,
.list10 {
  z-index: 0;
  opacity: 0;
}
.Slides {
  margin-bottom: 20px;
  width: 386px;
  background: #e2e2e3;
  position: relative;
}
.Slides ul.Bimg {
  width: 386px;
  height: 245px;
  background: #000000;
}
.Slides ul.Bimg li {
  position: relative;
  width: 386px;
  height: 245px;
}
.Slides ul.Bimg li a {
  display: inline-block;
  width: 386px;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.Slides ul.Bimg li a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.timer {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  height: 5px;
  width: 0;
  background: #db2b03;
  font-size: 0;
  overflow: hidden;
}
.Slides ul.Bimg li a .mask {
  width: 100%;
  height: 90px;
}
.Slides ul.Bimg li a .txt {
  padding-left: 10px;
  width: 340px;
  height: 34px;
  line-height: 34px;
  color: #f2f2f3;
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
.Slides ul.Bimg li a .txt {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
.Slides ul.Bimg li a:hover {
  text-decoration: none;
}
.Slides ul.Bimg li a:hover .txt {
  color: #fff;
}
.Slides .JinDu {
  display: block;
  width: 100%;
  height: 5px;
  background: url(http://web.180tianya.com/template/03/css/tiao.gif) no-repeat
    #000000;
}
.Slides a.btn {
  display: inline-block;
  width: 34px;
  height: 47px;
  background: url(http://web.180tianya.com/template/03/css/slide-btn.png)
    no-repeat;
}
.Slides a.btn.Lbtn {
  position: absolute;
  top: 100px;
  left: -34px;
  background-position: 0 0;
  border-radius: 0 5px 5px 0;
}
.Slides:hover a.btn.Lbtn {
  left: 0;
}
.Slides a.btn.Rbtn {
  position: absolute;
  top: 100px;
  right: -34px;
  background-position: -34px 0;
  border-radius: 5px 0 0 5px;
}
.Slides:hover a.btn.Rbtn {
  right: 0;
}
.Slides a.btn.Lbtn:hover {
  background-position: 0 -47px;
}
.Slides a.btn.Rbtn:hover {
  background-position: -34px -47px;
}
.Slides .focus-num {
  position: absolute;
  right: 0;
  bottom: 70px;
  z-index: 2;
}
.Slides .focus-num {
  padding-right: 10px;
  *padding-right: 5px;
  display: inline-block;
  width: auto;
  height: auto;
  line-height: 40px;
  color: #f2f2f3;
  font-size: 18px;
  font-style: italic;
  font-family: "Microsoft YaHei";
}
.Slides .focus-num .current {
  color: #e13703;
  font-size: 20px;
}
.Slides .focus-num:first-letter {
  font-size: 30px;
}
.Slides .JinDu {
  width: 386px;
  height: 5px;
  background-color: #000;
}
.Slides .JinDu .tiao {
  width: 100%;
  height: 5px;
  background-color: #e23703;
  display: none;
}
.Slides .JinDu .tiao.cur {
  animation: tiao 4.9s ease-in-out forwards;
}
.Slides .Small {
}
.Slides .Slides_ad {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.Slides .Slides_ad .Slides_ad_top {
  width: 100%;
  height: 26px;
}
.Slides .Slides_ad .Slides_ad_top a {
  display: inline-block;
}
.Slides .Slides_ad .Slides_ad_con {
  width: 386px;
  height: 288px;
  position: relative;
}
.Slides .Slides_ad .Slides_ad_con a {
  display: inline-block;
  position: absolute;
}
.Slides .Slides_ad .Slides_ad_con a.like {
  width: 386px;
  height: 288px;
  background: url(style_whole.css);
  left: 0;
  top: 0;
}
.Slides .Slides_ad .Slides_ad_con a.close {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  text-align: center;
  background: #fff;
  border: 1px solid #000;
  right: 0;
  bottom: 0;
}
ul.Mid1L_img {
  width: 399px;
  height: auto;
}
ul.Mid1L_img li {
  float: left;
  width: 133px;
  height: 85px;
}
ul.Mid1L_img li a {
  display: inline-block;
  width: 120px;
  height: 85px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
ul.Mid1L_img li a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.Mid1L_img li a .border {
  width: 100%;
  height: 100%;
}
ul.Mid1L_img li a .mask {
  width: 100%;
  height: 20px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=60);
}
ul.Mid1L_img li a .txt {
  padding: 0 2px;
  width: 118px;
  height: 20px;
  line-height: 20px;
  color: #f2f2f3;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
ul.Mid1L_img li a:hover {
  text-decoration: none;
}
ul.Mid1L_img li a:hover .txt {
  color: #fff;
}
ul.Mid1L_img li a:hover .border {
}
ul.Mid1L_txt {
  padding-top: 7px;
  width: 386px;
  height: 120px;
}
ul.Mid1L_txt.lx0 {
  background: transparent;
}
ul.Mid1L_txt li {
  float: left;
  padding: 0 5px 0 18px;
  width: 170px;
  height: 24px;
  line-height: 24px;
  background: url(http://web.180tianya.com/template/03/css/li2.gif) 0 6px
    no-repeat;
}
.pictxt_ryht {
  width: 386px;
  height: auto;
}
.pictxt_ryht .img {
  float: left;
  width: 129px;
  height: auto;
}
.pictxt_ryht .img a {
  display: block;
  width: 120px;
  height: 85px;
  overflow: hidden;
  position: relative;
}
.pictxt_ryht .img a div {
  width: 6px;
  height: 17px;
  cursor: pointer;
  background: url(http://web.180tianya.com/template/03/css/ar.gif) no-repeat;
  position: absolute;
  right: 0;
  top: 8px;
}
.pictxt_ryht .con {
  float: left;
  width: 257px;
  height: auto;
}
.pictxt_ryht .con .tit {
  width: 100%;
  height: 24px;
  line-height: 24px;
}
.pictxt_ryht .con .tit a {
  color: #151515;
  font-size: 14px;
  font-weight: bold;
}
.pictxt_ryht .con .tit a:hover {
  color: #e11d03;
}
.pictxt_ryht .con .txt {
  margin-top: 4px;
  width: 100%;
  height: 32px;
  line-height: 16px;
  color: #777;
}
.pictxt_ryht .con .tem {
  margin-top: 6px;
  width: 100%;
  height: 20px;
}
.pictxt_ryht .con .tem div {
  float: left;
  width: 50%;
  height: 20px;
  line-height: 20px;
  color: #777;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  background: url(http://web.180tianya.com/template/03/css/pls_hots.png)
    no-repeat;
}
.pictxt_ryht .con .tem div span {
  padding-left: 20px;
}
.pictxt_ryht .con .tem div.visit {
  background-position: 0 0;
}
.pictxt_ryht .con .tem div.poll {
  background-position: 0 -20px;
}
.pictxt_ryht .tag {
  float: left;
  margin: 10px 0;
  width: 386px;
  height: auto;
}
.pictxt_ryht .tag .tit {
  float: left;
  margin: 4px 0;
  padding: 6px 0;
  width: 18px;
  height: 32px;
  line-height: 16px;
  color: #fff;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  text-align: center;
  background: #888;
}
.pictxt_ryht .tag .taglist {
  float: right;
  width: 358px;
  height: 48px;
}
.pictxt_ryht .tag .taglist li {
  margin-top: 1px;
  padding-bottom: 1px;
  width: 100%;
  height: 26px;
  line-height: 26px;
}
.pictxt_ryht .tag .taglist li .link {
  float: left;
  width: 283px;
  height: 22px;
  line-height: 22px;
}
.pictxt_ryht .tag .taglist li .link a {
  font-size: 14px;
}
.pictxt_ryht .tag .taglist li .poll {
  float: left;
  width: 75px;
  height: 22px;
  line-height: 22px;
  color: #777;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  text-align: right;
}
ul.YMPC {
  width: 386px;
  height: auto;
  margin-bottom: 27px;
}
ul.YMPC li.pic {
  width: 386px;
  height: 95px;
  border-bottom: 0;
}
ul.YMPC li.pic a {
  display: inline-block;
  width: 386px;
  height: 95px;
  position: relative;
}
ul.YMPC li.pic a div {
  cursor: pointer;
  position: absolute;
}
ul.YMPC li.pic a .mask {
  width: 386px;
  height: 95px;
  background: url(http://web.180tianya.com/template/03/css/pm.png);
  left: 0;
  top: 0;
}
ul.YMPC li.pic a .txt {
  width: 285px;
  height: 68px;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  left: 12px;
  top: 20px;
}
ul.YMPC li.pic a .txt {
  text-shadow: 1px 1px 1px #000;
  _filter: DropShadow(Color=#000, OffX=1, OffY=1, Positive=1);
}
ul.YMPC li.pic a .txt h3 {
  margin: 0 0 3px;
  display: block;
  width: 100%;
  height: auto;
  line-height: 22px;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  overflow: hidden;
}
ul.YMPC li.pic a .pnum {
  width: 72px;
  height: 72px;
  line-height: 72px;
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.YMPC li.pic a .pnum {
  background: url(http://web.180tianya.com/template/03/css/pf.png) no-repeat;
  right: 11px;
  top: 11px;
}
ul.YMPC li.pic a .pnum.n1,
ul.YMPC li.pic a .pnum.n1-0 {
  background-position: 0 0;
}
ul.YMPC li.pic a .pnum.n1-5 {
  background-position: -72px 0;
}
ul.YMPC li.pic a .pnum.n2,
ul.YMPC li.pic a .pnum.n2-0 {
  background-position: -144px 0;
}
ul.YMPC li.pic a .pnum.n2-5 {
  background-position: -216px 0;
}
ul.YMPC li.pic a .pnum.n3,
ul.YMPC li.pic a .pnum.n3-0 {
  background-position: -288px 0;
}
ul.YMPC li.pic a .pnum.n3-5 {
  background-position: -360px 0;
}
ul.YMPC li.pic a .pnum.n4,
ul.YMPC li.pic a .pnum.n4-0 {
  background-position: -432px 0;
}
ul.YMPC li.pic a .pnum.n4-5 {
  background-position: -504px 0;
}
ul.YMPC li.pic a .pnum.n5,
ul.YMPC li.pic a .pnum.n5-0 {
  background-position: -576px 0;
}
ul.YMPC li.pic a .pnum.n5-5 {
  background-position: -648px 0;
}
ul.YMPC li.pic a .pnum.n6,
ul.YMPC li.pic a .pnum.n6-0 {
  background-position: -720px 0;
}
ul.YMPC li.pic a .pnum.n6-5 {
  background-position: -792px 0;
}
ul.YMPC li.pic a .pnum.n7,
ul.YMPC li.pic a .pnum.n7-0 {
  background-position: -864px 0;
}
ul.YMPC li.pic a .pnum.n7-5 {
  background-position: -936px 0;
}
ul.YMPC li.pic a .pnum.n8,
ul.YMPC li.pic a .pnum.n8-0 {
  background-position: -1008px 0;
}
ul.YMPC li.pic a .pnum.n8-5 {
  background-position: -1080px 0;
}
ul.YMPC li.pic a .pnum.n9,
ul.YMPC li.pic a .pnum.n9-0 {
  background-position: -1152px 0;
}
ul.YMPC li.pic a .pnum.n9-5 {
  background-position: -1224px 0;
}
ul.YMPC li.pic a .pnum.n10 {
  background-position: -1296px 0;
}
ul.YMPC li.pic a:hover {
  text-decoration: none;
}
ul.YMPC li.lx0 {
  padding: 16px 0 3px;
  width: 386px;
  height: auto;
  position: relative;
}
ul.YMPC li.lx0 .img {
  float: left;
  width: 72px;
  height: 35px;
}
ul.YMPC li.lx0 .img a {
  display: inline-block;
}
ul.YMPC li.lx0 .con {
  float: left;
  width: 184px;
  height: 35px;
}
ul.YMPC li.lx0 .con .tit {
  width: 100%;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
ul.YMPC li.lx0 .con .tit a {
  color: #353535;
  font-size: 13px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.YMPC li.lx0 .con .tit a:hover {
  color: #e11d03;
}
ul.YMPC li.lx0 .con .txt {
  width: 100%;
  height: 16px;
  line-height: 16px;
  color: #666;
}
ul.YMPC li.lx0 .fenshu {
  padding: 20px 0 0 10px;
  width: 118px;
  height: 32px;
  border-left: 0;
  position: absolute;
  top: 0;
  right: 0;
}
ul.YMPC li.lx0 .fenshu .pf {
  float: left;
  background: url(http://web.180tianya.com/template/03/css/pf.gif) no-repeat;
}
ul.YMPC li.lx0 .fenshu .pf.jindu {
  padding-right: 2px;
  width: 80px;
  height: 12px;
}
ul.YMPC li.lx0 .fenshu .pf.tiao {
  width: 0;
  height: 10px;
  background-position: right -12px;
}
ul.YMPC li.lx0 .fenshu .num {
  float: left;
  width: 36px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 13px;
  font-family: "Microsoft YaHei";
}
.Mid1_M {
  float: left;
  margin: 0 22px;
  width: 387px;
  height: auto;
}
.Mid1Mnav {
  width: 387px;
  height: 34px;
}
.Mid1Mnav a {
  float: left;
  margin-right: 2px;
  display: inline-block;
  width: 127px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  background: #e5e5e5;
  border-top: 2px solid #d0d0d0;
}
.Mid1Mnav a.Nav_list {
  width: 191px;
}
.Mid1Mnav a[href="javascript:;"]:hover {
  text-decoration: none;
}
.Mid1Mnav li {
  cursor: pointer;
}
.Mid1Mnav li.on a {
  font-weight: 400;
  background: #f2f2f3;
  border-top: 2px solid #555;
}
.Mid1Mcon {
  width: 100% !important;
  height: auto;
  min-height: 155px;
  max-height: 876px;
}
ul.bgx {
  padding-top: 11px;
  width: 387px;
  height: 111px;
  border-bottom: 1px dotted #eeeeee;
}
ul.bgx li {
  width: 387px;
  text-align: center;
}
ul.bgx li span {
  width: 3px;
  display: inline-block;
}
ul.bgx li.h1 {
  margin-top: 2px;
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.bgx li.h2 {
  margin-bottom: 6px;
  height: 26px;
  line-height: 26px;
}
ul.Ptxt {
  margin: 10px 0;
  width: 387px;
  height: auto;
}
ul.Ptxt.mid1R1 {
  height: 135px;
}
ul.Ptxt li {
  width: 387px;
  height: 20px;
}
ul.Ptxt li.img {
  margin-top: -1px;
  padding-top: 21px;
  height: 95px;
  border-top: 1px dotted #cecece;
}
ul.Ptxt li.img .img {
  float: left;
  width: 146px;
  height: 72px;
}
ul.Ptxt li.img .img a {
  display: inline-block;
}
ul.Ptxt li.img .tit {
  float: left;
  margin: -5px 0 9px;
  width: 241px;
  height: 48px;
  line-height: 24px;
}
ul.Ptxt li.img .tit a {
  color: #333;
  font-size: 15px;
  font-family: "Microsoft YaHei";
}
ul.Ptxt li.img .tit a:hover {
  color: #e11d03;
}
ul.Ptxt li.img .tme {
  float: left;
  width: 241px;
  height: 20px;
}
ul.Ptxt li.img .tme div {
  width: auto;
  height: 20px;
  line-height: 20px;
}
ul.Ptxt li.img .tme div.name {
  float: left;
}
ul.Ptxt li.img .tme div.name a {
  float: left;
  display: inline-block;
  color: #999;
  font-size: 12px;
  cursor: default;
}
ul.Ptxt li.img .tme div.name a:hover {
  text-decoration: none;
}
ul.Ptxt li.img .tme div.name img {
  float: left;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  vertical-align: middle;
}
ul.Ptxt li.img .tme div.pls {
  float: right;
  color: #e23703;
  font-size: 12px;
  text-indent: 18px;
  background: url(http://web.180tianya.com/template/03/css/pls_red.png) 0 center
    no-repeat;
}
ul.Ptxt li.pic {
  height: 112px;
  border-bottom: 1px dotted #cecece;
}
ul.Ptxt li.pic .tit {
  float: left;
  width: 387px;
  height: 42px;
  line-height: 42px;
}
ul.Ptxt li.pic .tit a {
  color: #262626;
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Ptxt li.pic .tit a:hover {
  color: #e11d03;
}
ul.Ptxt li.pic .img {
  float: left;
  width: 122px;
  height: 60px;
}
ul.Ptxt li.pic .img a {
  display: inline-block;
}
ul.Ptxt li.pic .txt {
  float: left;
  width: 265px;
  height: 60px;
  line-height: 20px;
  color: #666;
}
ul.Ptxt li.li3 {
  height: 27px;
  background-position: 3px -2px;
}
ul.Ptxt li.li3:nth-child(8n) {
  margin-bottom: 27px;
}
ul.Ptxt li.li3:nth-child(24) {
  margin-bottom: 0;
}
ul.Ptxt li.li3 div {
  float: left;
  height: 27px;
  line-height: 24px;
  overflow: hidden;
}
ul.Ptxt li.li3 .txt {
  padding-left: 12px;
  width: 341px;
  font-size: 14px;
}
ul.Ptxt li.li3 .time {
  width: 34px;
  color: #999;
  text-align: right;
}
ul.Ptxt li.pc {
  height: 136px;
  border-top: 1px dotted #cecece;
  margin-top: -1px;
}
ul.Ptxt li.pc .tit {
  float: left;
  width: 387px;
  height: 42px;
  line-height: 42px;
  margin-top: 0;
}
ul.Ptxt li.pc .tit a {
  color: #262626;
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Ptxt li.pc .tit a:hover {
  color: #e11d03;
}
ul.Ptxt li.pc .img {
  float: left;
  width: 130px;
  height: 73px;
}
ul.Ptxt li.pc .img a {
  display: inline-block;
}
ul.Ptxt li.pc .txt {
  float: left;
  width: 234px;
  height: 76px;
  line-height: 20px;
  color: #666;
  margin-left: 20px;
}
.Home-Page {
  margin: 1px auto 14px;
  width: auto;
  height: 30px;
}
.Home-Page .page-turn {
  float: left;
  padding: 0 5px;
  width: 62px;
  height: 30px;
}
.Home-Page .page-turn a {
  display: inline-block;
  width: 50px;
  height: 25px;
  text-indent: -999px;
  background: url(http://web.180tianya.com/template/03/css/fy.gif) no-repeat;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.Home-Page .page-turn a.Pprev {
  float: left;
  background-position: 0 0;
}
.Home-Page .page-turn a.Pnext {
  float: right;
  background-position: -50px 0;
}
.Home-Page .page-turn a.Pprev:hover {
  background-position: 0 -50px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.Home-Page .page-turn a.Pnext:hover {
  background-position: -50px -50px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.Home-Page .page-turn a.Pprev.cur {
  background-position: 0 -25px;
  cursor: default;
}
.Home-Page .page-turn a.Pnext.cur {
  background-position: -50px -25px;
  cursor: default;
}
.Home-Page .page-num {
  float: left;
  padding-top: 7px;
  width: auto;
  height: 26px;
}
.Home-Page .page-num a {
  float: left;
  margin: 0 12px;
  display: inline-block;
  width: 11px;
  height: 11px;
  background: #e1e1e5;
  border-radius: 2px;
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.3) inset;
}
.Home-Page .page-num a.cur {
  background: #333;
  box-shadow: 0;
}
.Mid1Mtit {
  margin: 10px 0 4px;
  width: auto;
  height: 26px;
}
.Mid1Mtit .tit {
  float: left;
  width: auto;
  height: 26px;
  line-height: 26px;
  color: #000;
  font-size: 16px;
  font-family: "Microsoft YaHei";
}
.Mid1Mtit .more {
  float: right;
  width: auto;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.Mid1Mtit .more a {
  margin-right: 5px;
  color: #777;
}
.Mid1Mtit .more a:hover {
  color: #e11d03;
}
ul.ZTimgtxt {
  width: 396px;
  height: auto;
}
ul.ZTimgtxt li.img {
  float: left;
  width: 132px;
  height: 134px;
}
ul.ZTimgtxt li.img a {
  display: inline-block;
  width: 120px;
  height: 125px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
}
ul.ZTimgtxt li.img a img {
  margin-bottom: 5px;
}
ul.ZTimgtxt li.img a .border {
  width: 100%;
  height: 85px;
  position: absolute;
  left: 0;
  top: 0;
}
ul.ZTimgtxt li.img a:hover .border {
}
ul.ZTimgtxt li.txt {
  width: 387px;
  height: 26px;
}
ul.ZTimgtxt li.txt div {
  float: left;
  height: 26px;
  line-height: 26px;
}
ul.ZTimgtxt li.txt .like {
  width: 337px;
}
ul.ZTimgtxt li.txt .like a {
  font-size: 14px;
}
ul.ZTimgtxt li.txt .Several {
  width: 50px;
  text-align: right;
  color: #777;
}
ul.TSimgtxt {
  width: 400px;
  height: 231px;
}
ul.TSimgtxt li {
  float: left;
  width: 200px;
  height: 116px;
}
ul.TSimgtxt li a {
  display: inline-block;
  width: 185px;
  height: 102px;
  position: relative;
}
ul.TSimgtxt li a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.TSimgtxt li a .border {
  width: 100%;
  height: 100%;
}
ul.TSimgtxt li a .txt {
  padding: 18px 3px 0;
  width: 179px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  text-align: center;
}
ul.TSimgtxt li a:hover {
  text-decoration: none;
}
ul.TSimgtxt li a:hover .txt {
  color: #fff;
}
ul.TSimgtxt li a:hover .border {
}
ul.SPimgtxt {
  margin-bottom: 10px;
  width: 396px;
  height: auto;
}
ul.SPimgtxt li {
  float: left;
  width: 132px;
  height: 138px;
}
ul.SPimgtxt li a {
  display: inline-block;
  width: 120px;
  height: 125px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
}
ul.SPimgtxt li a img {
  margin-bottom: 5px;
}
ul.SPimgtxt li a .border {
  width: 100%;
  height: 85px;
  position: absolute;
  left: 0;
  top: 0;
}
ul.SPimgtxt li a:hover .border {
}
.Mid1_R {
  float: left;
  margin-top: -5px;
  width: 240px;
  height: auto;
  overflow: visible !important;
  position: relative;
}
.Mid1Rpic {
  width: 240px;
  height: auto;
  border-bottom: 0;
}
.Mid1Rpic a {
  display: inline-block;
  width: 240px;
  height: 85px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Mid1Rpic a div {
  cursor: pointer;
  position: absolute;
}
.Mid1Rpic a .tab {
  padding-left: 9px;
  width: 69px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  right: 0;
  top: 0;
}
.Mid1Rpic a .tab {
  background: url(http://web.180tianya.com/template/03/css/tab.png) no-repeat;
}
.Mid1Rpic a .mask {
  width: 240px;
  height: 20px;
  line-height: 20px;
  color: #f2f2f3;
  left: 0;
  bottom: 0;
}
.Mid1Rpic a:hover {
  text-decoration: none;
}
.Mid1Rpic a:hover .mask {
  color: #fff;
}
.down_img {
  margin-bottom: 1px;
  width: 240px;
  height: auto;
}
.Mid1Rtit {
  width: 239px;
  height: 20px;
  background: #eaeaec;
  border-left: 1px solid #d0d0d2;
  border-bottom: 1px solid #d0d0d2;
}
.Mid1Rtit div {
  float: left;
  height: 20px;
  line-height: 20px;
  color: #878789;
  border-right: 1px solid #d0d0d2;
}
.Mid1Rtit .name {
  width: 156px;
  text-indent: 8px;
}
.Mid1Rtit .type {
  width: 37px;
  text-align: center;
}
.Mid1Rtit .time {
  width: 43px;
  text-align: center;
}
ul.Mid1R_down {
  margin-bottom: 15px;
  width: 238px;
  height: 239px;
  border: 1px dotted #dbdbdb;
  border-top: 0;
}
ul.Mid1R_down li {
  padding: 0 8px;
  width: 222px;
  height: 30px;
}
ul.Mid1R_down li .li3 {
  width: 5px;
  height: 28px;
  position: absolute;
  left: -2px;
}
ul.Mid1R_down li .name {
  float: left;
  width: 149px;
  height: 29px;
  line-height: 29px;
  border-bottom: 1px dotted #cecece;
}
ul.Mid1R_down li .name a {
  color: #262626;
}
ul.Mid1R_down li .name a:hover {
  color: #e11d03;
}
ul.Mid1R_down li .type {
  float: left;
  margin: 0 1px;
  width: 35px;
  height: 29px;
  line-height: 29px;
  color: #666;
  text-align: center;
  border-bottom: 1px dotted #cecece;
}
ul.Mid1R_down li .time {
  float: left;
  padding-left: 10px;
  width: 25px;
  height: 29px;
  line-height: 29px;
  color: #2aae68;
  font-size: 12px;
  font-family: "Microsoft YaHei";
  text-align: center;
}
ul.Mid1R_down li .time {
  border-bottom: 1px dotted #cecece;
}
ul.Mid1R_down li .time a {
  color: #2aae68;
}
ul.Mid1R_down li .time a:hover {
  color: #e11d03;
}
ul.Mid1R_down li .time.cur {
  color: #aaa;
}
ul.Mid1R_down li:hover .li3 {
  background-position: 0 -28px;
}
ul.Mid1R_down li:hover div {
  color: #e11d03;
}
ul.Mid1R_down.New_Mid1R_down {
  margin-bottom: 15px;
  width: 240px;
  height: 320px;
  border: 0;
}
ul.Mid1R_down .RecGameItem {
  width: 100%;
  height: 64px;
  border-bottom: 0;
  box-sizing: border-box;
  padding: 0;
}
ul.Mid1R_down .RecGameItem a {
  display: block;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Left {
  float: left;
  width: 32px;
  height: 44px;
  margin-right: 8px;
  margin-top: 10px;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Left img {
  width: 100%;
  height: 100%;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Center {
  float: left;
  width: 160px;
  margin-top: 12px;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Center h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #222;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 0 4px 0;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Center h3:hover {
  color: #e11d03;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Center .TypeList {
  max-width: 160px;
  height: 16px;
  overflow: hidden;
}
ul.Mid1R_down .RecGameItem .TypeList .TypeItem {
  float: left;
  display: block;
  width: auto;
  height: 16px;
  padding: 0 5px;
  background-color: #ebebeb;
  line-height: 16px;
  color: #777;
  margin-right: 4px;
}
ul.Mid1R_down .RecGameItem .TypeList a {
  float: left;
  display: block;
  width: auto;
  height: 16px;
  padding: 0 5px;
  background-color: #ebebeb;
  line-height: 16px;
  color: #777;
  margin-right: 4px;
  cursor: default;
}
ul.Mid1R_down .RecGameItem .TypeList a:nth-of-type(3) {
}
ul.Mid1R_down .RecGameItem .TypeList a:hover {
  text-decoration: none;
}
ul.Mid1R_down .RecGameItem .TypeList .TypeItem:nth-of-type(3) {
  margin-right: 0;
}
ul.Mid1R_down .RecGameItem .TypeList .TypeItem .TypeItem_a {
  display: block;
  height: 100%;
  width: 100%;
  color: #999;
  margin: 0;
}
ul.Mid1R_down .RecGameItem .TypeList .TypeItem .TypeItem_a:hover {
  color: #e11d03;
  text-decoration: none;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Right_Box {
  float: right;
  display: block;
  width: 38px;
  height: 38px;
  margin-top: 11px;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Right_Box:hover {
  text-decoration: none;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Right {
  width: 38px;
  height: 38px;
  background: #e9e9e9;
  border-radius: 19px;
}
ul.Mid1R_down .RecGameItem .RecGameItem_Right .WanGuo {
  width: 20px;
  height: 14px;
  margin: 12px auto 0;
  text-indent: -999px;
}
ul.Mid1R_down .RecGameItem .WanGuo .ScoreLeft {
  display: block;
  float: left;
  width: 8px;
  height: 14px;
}
ul.Mid1R_down .RecGameItem .WanGuo .ScoreCenter {
  display: block;
  float: left;
  width: 4px;
  height: 14px;
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num-dian.png");
}
ul.Mid1R_down .RecGameItem .WanGuo .ScoreRight {
  display: block;
  float: left;
  width: 8px;
  height: 14px;
}
ul.Mid1R_down .RecGameItem .WanGuo i.zero {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num0.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.one {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num1.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.two {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num2.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.three {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num3.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.four {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num4.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.five {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num5.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.six {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num6.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.seven {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num7.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.eight {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num8.png");
}
ul.Mid1R_down .RecGameItem .WanGuo i.nine {
  background-image: url("http://web.180tianya.com/template/03/css/game-score-num9.png");
}
ul.Mid1R_down .RecGameItem .XiangWan {
  width: 100%;
  margin-top: 4px;
}
ul.Mid1R_down .RecGameItem .XiangWan .number {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #666;
}
ul.Mid1R_down .RecGameItem .XiangWan .text {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 10px;
  line-height: 14px;
  color: #999;
}
ul.Mid1R_down .RecGameItem .ZanWu {
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  font-size: 16px;
  font-weight: 600;
  color: #29ad68;
}
ul.Mid1R_txt {
  margin-bottom: 15px;
  padding: 5px 0;
  width: 238px;
  height: auto;
}
ul.Mid1R_txt li.txt {
  padding-left: 8px;
  width: 230px;
  height: 26px;
  line-height: 26px;
}
ul.Mid1R_txt li.txt .li3 {
  width: 5px;
  height: 28px;
  position: absolute;
  left: -2px;
}
ul.Mid1R_txt li.txt .t1 {
  float: left;
  margin-top: 6px;
  width: 53px;
  height: 14px;
  line-height: 14px;
  border-right: 1px solid #4a4a4a;
}
ul.Mid1R_txt li.txt .t2 {
  float: left;
  margin-top: 6px;
  padding-left: 5px;
  width: 220px;
  height: 14px;
  line-height: 14px;
}
ul.Mid1R_txt li.txt a {
  color: #262626;
}
ul.Mid1R_txt li.txt a:hover {
  color: #e11d03;
}
ul.Mid1R_txt li.txt:hover .li3 {
  background-position: 0 -28px;
}
ul.Mid1R_DZQS {
  margin: -9px 0 12px;
  width: 240px;
  height: auto;
}
ul.Mid1R_DZQS li {
  padding-top: 9px;
  width: 240px;
  height: 50px;
  border-bottom: 0;
}
ul.Mid1R_DZQS li .img {
  float: left;
  width: 78px;
  height: 40px;
}
ul.Mid1R_DZQS li .img a {
  display: inline-block;
  width: 70px;
  height: 40px;
  overflow: hidden;
  position: relative;
}
ul.Mid1R_DZQS li .img a .mask {
  width: 70px;
  height: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(http://web.180tianya.com/template/03/css/mk4.png) no-repeat;
}
ul.Mid1R_DZQS li .img a .huo {
  float: left;
  display: inline-block;
  width: auto;
  height: 14px;
  line-height: 14px;
  text-indent: 15px;
  color: #f1f1ef;
  font-weight: bold;
  background-position: 3px 0;
}
ul.Mid1R_DZQS li .img a .num {
  float: left;
  display: inline-block;
  width: auto;
  height: 14px;
  line-height: 14px;
  text-indent: 26px;
  color: #f1f1ef;
  font-weight: bold;
}
ul.Mid1R_DZQS li .img a .num {
  background: url(http://web.180tianya.com/template/03/css/qidai.png) no-repeat;
}
ul.Mid1R_DZQS li .img a i {
  float: left;
  display: inline-block;
  width: auto;
  height: 14px;
  line-height: 14px;
  color: #f1f1ef;
  font-weight: bold;
  font-style: normal;
}
ul.Mid1R_DZQS li .img a:hover {
  text-decoration: none;
}
ul.Mid1R_DZQS li .con {
  float: left;
  width: 162px;
  height: 40px;
}
ul.Mid1R_DZQS li .con div {
  float: left;
  height: 20px;
  line-height: 20px;
  color: #262626;
}
ul.Mid1R_DZQS li .con .t2 {
  width: 90px;
}
ul.Mid1R_DZQS li .con .t3 {
  width: 72px;
  text-align: right;
}
ul.Mid1R_DZQS li .con .tag {
  width: 162px;
  color: #ccccce;
}
ul.Mid1R_DZQS li .con .tag a {
  color: #888;
}
ul.Mid1R_DZQS li .con .tag a:hover {
  color: #e11d03;
}
ul.Mid1R_pic {
  width: 240px;
  height: 85px;
}
ul.Mid1R_pic li {
  width: 240px;
  height: 85px;
}
ul.Mid1R_pic li a {
  display: inline-block;
  width: 240px;
  height: 85px;
  position: relative;
}
ul.Mid1R_pic li a .tab {
  width: 46px;
  height: 30px;
  text-indent: -999px;
  cursor: pointer;
  background: url(http://web.180tianya.com/template/03/css/hdzt.png) no-repeat;
  position: absolute;
  right: 8px;
  top: 8px;
}
ul.Mid1R_pic li a .tab.hd {
  background-position: 0 0;
}
ul.Mid1R_pic li a .tab.zt {
  background-position: 0 -30px;
}
ul.Mid1R_pic li a:hover .tab.hd {
  background-position: -46px 0;
}
ul.Mid1R_pic li a:hover .tab.zt {
  background-position: -46px -30px;
}
.Mid1Rnav {
  width: 240px;
  height: 10px;
  text-align: center;
}
.Mid1Rnav a {
  margin: 0 2px;
  display: inline-block;
  width: 25px;
  height: 6px;
  text-indent: -999px;
  border-bottom: 4px solid #c7c7c7;
}
.Mid1Rnav a:hover,
.Mid1Rnav a.cur {
  border-bottom: 4px solid #e23703;
}
.Mid2 {
  margin: 0 0 10px -20px;
  padding: 25px 20px 0;
  width: 1060px;
  height: 325px;
  background: #262626;
}
.Mid2 .Midtit .tit {
  color: #f2f2f3;
}
.Mid2 .Midtit .tit a {
  color: #f2f2f3;
}
.Mid2 .Midtit .tit a:hover {
  color: #fff;
}
.Mid2_L {
  float: left;
  width: 410px;
  height: auto;
}
.Mid2Lpic {
  width: 390px;
  height: auto;
}
.Mid2Lpic a {
  float: left;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Mid2Lpic a div {
  cursor: pointer;
  position: absolute;
}
.Mid2Lpic a .sign {
  width: 43px;
  height: 43px;
  left: 0;
  top: 0;
}
.Mid2Lpic a .border {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.Mid2Lpic a .mask {
  width: 100%;
  height: 90px;
  left: 0;
  bottom: 0;
}
.Mid2Lpic a .play {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none\9;
  transition: opacity 0.2s ease-out;
}
.Mid2Lpic a .txt {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #fff;
  left: 0;
  bottom: 0;
}
.Mid2Lpic a .txt span {
  font-size: 15px;
  font-family: "Microsoft YaHei";
}
.Mid2Lpic a.img1 {
  margin: 0 5px 5px 0;
  width: 92px;
  height: 133px;
}
.Mid2Lpic a.img2 {
  width: 190px;
  height: 270px;
}
.Mid2Lpic a.img3 {
  margin: -133px 5px 0 0;
  width: 189px;
  height: 132px;
}
.Mid2Lpic a.img1 .play {
  width: 38px;
  height: 38px;
  background-position: 0 0;
  left: 27px;
  top: 47px;
}
.Mid2Lpic a.img2 .play {
  width: 56px;
  height: 56px;
  background-position: 0 -38px;
  left: 66px;
  top: 107px;
}
.Mid2Lpic a.img3 .play {
  width: 56px;
  height: 56px;
  background-position: 0 -38px;
  left: 66px;
  top: 38px;
}
.Mid2Lpic a:hover {
  text-decoration: none;
}
.Mid2Lpic a:hover .txt {
  color: #fff;
}
.Mid2Lpic a:hover .play {
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block\9;
}
.Mid2Lpic a:hover .border {
}
.Mid2_L .Midtit {
  width: 390px;
}
.Mid2Lpic {
  width: 390px;
  height: auto;
}
.Mid2Lpic .Mid2LList {
  width: 100%;
  height: 269px;
  position: relative;
}
.Mid2Lpic .Mid2LList .Mid2LItem {
  width: 100%;
  height: auto;
  height: 269px;
  position: absolute;
  left: 0;
  top: 0;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft {
  display: block;
  float: left;
  width: 204px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .game {
  display: block;
  width: 100%;
  height: 131px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .game:first-child {
  margin-bottom: 7px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .ImgBox {
  position: relative;
  width: 204px;
  height: 93px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .ImgBox img {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .ImgBox .active {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 32, 56, 0.8);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#312038cc, endColorstr=#312038cc);
  padding: 28px 16px 0;
  box-sizing: border-box;
  text-align: center;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .game:hover .ImgBox .active {
  display: block;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .ImgBox .active h4 {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #eee;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .ImgBox .active span {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 17px;
  color: #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .PriceBox {
  width: 204px;
  height: 38px;
  background: #212121;
  padding: 0 10px;
  box-sizing: border-box;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .PriceBox h2 {
  float: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  margin-top: 7px;
  color: #f62;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .game:hover .PriceBox h2 {
  color: #ff9a24;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemLeft .PriceBox .PriceRight {
  position: static;
  float: right;
  margin-top: 4px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .PriceRight p {
  font-size: 12px;
  line-height: 17px;
  color: #eee;
  margin: 0;
}
.Mid2Lpic .Mid2LList .Mid2LItem .PriceRight span {
  font-size: 10px;
  line-height: 15px;
  color: #888;
  text-decoration: line-through;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight {
  display: block;
  float: right;
  width: 168px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight a {
  display: block;
  position: relative;
  display: block;
  width: 100%;
  height: 269px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight a img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgTop {
  position: absolute;
  left: 0;
  top: 22px;
  width: 100%;
  text-align: center;
  padding: 0 16px;
  box-sizing: border-box;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgTop h4 {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #fff;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgTop span {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 17px;
  color: #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgBtm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 139px;
  padding: 16px;
  box-sizing: border-box;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgBtm p {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  color: #fff;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgBtm span {
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  color: #eee;
  width: 100%;
  text-align: center;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgBtm .buy {
  display: block;
  margin-top: 10px;
  width: 136px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background-color: #ff553a;
  border-radius: 15px;
  color: #fff;
  font-size: 14px;
}
.Mid2Lpic .Mid2LList .Mid2LItem .Mid2LItemRight .BigImgBtm .buy:hover {
  background-color: #ff7e3a;
}
.Mid2_L .indicator {
  width: 100%;
  height: 4px;
  margin-top: 10px;
  position: relative;
}
.Mid2_L .indicator a {
  position: absolute;
  top: 0;
  display: block;
  width: 25px;
  height: 4px;
  background: #5c5c5c;
}
.Mid2_L .indicator a.a1 {
  margin-right: 4px;
  left: 163px;
}
.Mid2_L .indicator a.a2 {
  left: 192px;
}
.Mid2_L .indicator a.cur {
  background: #e23703;
}
.Mid2Lpic a {
}
.Mid2Lpic a div {
  cursor: pointer;
}
.Mid2_R {
  float: left;
  width: 650px;
  height: auto;
}
.Mid2Rnav {
  float: right;
  padding-left: 15px;
  width: 485px;
  height: 25px;
  border-bottom: 1px solid #444;
  overflow: visible;
}
.Mid2Rnav a {
  float: left;
  margin-right: 8px;
  padding: 0 20px;
  display: inline-block;
  width: auto;
  height: 24px;
  line-height: 24px;
  color: #aaa;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.Mid2Rnav a {
  background: #161616;
  border: 1px solid #444;
  border-bottom: 0;
}
.Mid2Rnav a:hover {
  text-decoration: none;
}
.Mid2Rnav a:hover,
.Mid2Rnav a.cur {
  color: #f2f2f3;
  background: #262626;
  border-bottom: 1px solid #262626;
}
ul.Mid2Rpic {
  width: 666px;
  height: 288px;
}
ul.Mid2Rpic li {
  float: left;
  width: 166px;
  height: 144px;
}
ul.Mid2Rpic li a {
  display: inline-block;
  width: 150px;
  height: 124px;
  line-height: 18px;
  color: #ccc;
  overflow: hidden;
  position: relative;
}
ul.Mid2Rpic li a img {
  margin-bottom: 5px;
}
ul.Mid2Rpic li a .border {
  width: 100%;
  height: 83px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid2Rpic li a:hover {
  color: #fff;
}
ul.Mid2Rpic li a:hover .border {
}
.Mid3 {
  margin-bottom: 10px;
  width: 1060px;
  height: auto;
}
.Mid3_L {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
.Mid3Limg {
  width: 385px;
  height: 205px;
}
.Mid3Limg a {
  display: inline-block;
  width: 385px;
  height: 190px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.Mid3Limg a div {
  width: 385px;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Mid3Limg a .border {
  width: 100%;
  height: 100%;
  top: 0;
}
.Mid3Limg a .mask {
  height: 90px;
}
.Mid3Limg a .txt {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #f2f2f3;
  font-size: 16px;
  font-family: "Microsoft YaHei";
}
.Mid3Limg a:hover {
  text-decoration: none;
}
.Mid3Limg a:hover .txt {
  color: #fff;
}
.Mid3Limg a:hover .border {
}
ul.Mid3Lpic_txt {
  width: 388px;
  height: auto;
}
ul.Mid3Lpic_txt li {
  margin-top: -1px;
  width: 395px;
  height: 119px;
  border-top: 1px dotted #cecece;
}
ul.Mid3Lpic_txt li .tit {
  float: left;
  width: 385px;
  height: 36px;
  line-height: 36px;
}
ul.Mid3Lpic_txt li .tit a {
  color: #353535;
  font-size: 15px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Mid3Lpic_txt li .tit a:hover {
  color: #e11d03;
}
ul.Mid3Lpic_txt li .img {
  float: left;
  margin-right: 16px;
  width: 130px;
  height: 73px;
  position: relative;
}
ul.Mid3Lpic_txt li .img a {
  display: inline-block;
}
ul.Mid3Lpic_txt li .img a .border {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid3Lpic_txt li .img a:hover .border {
}
ul.Mid3Lpic_txt li .txt {
  float: left;
  width: 241px;
  height: 60px;
  line-height: 20px;
  color: #555;
}
.Mid3_R {
  float: left;
  width: 650px;
  height: auto;
}
.Mid3Rnav {
  float: right;
  width: auto;
  height: 22px;
}
.Mid3Rnav a {
  float: left;
  margin-left: 5px;
  padding: 0 10px;
  display: inline-block;
  width: auto;
  height: 20px;
  line-height: 20px;
  color: #555;
  border: 1px solid #c0c0c1;
  border-radius: 2px;
}
.Mid3Rnav a:hover {
  color: #de3603;
}
ul.Mid3R_JQSS {
  margin-bottom: 15px;
  width: 650px;
  height: 456px;
}
ul.Mid3R_JQSS li {
  margin-bottom: 5px;
  width: 647px;
  height: 108px;
  border-left: 3px solid #dedede;
  border-bottom: 1px solid #cecece;
  position: relative;
}
ul.Mid3R_JQSS li img {
  float: right;
  margin-top: 1px;
  height: 106px;
  display: block;
}
ul.Mid3R_JQSS li .con {
  padding-left: 10px;
  width: 637px;
  height: 108px;
  background: url(http://web.180tianya.com/template/03/css/pn.png) 0 0 no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid3R_JQSS li .con .tit {
  margin-bottom: 5px;
  width: 450px;
  height: 40px;
  line-height: 40px;
  color: #598ea4;
}
ul.Mid3R_JQSS li .con .tit a {
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Mid3R_JQSS li .con .like {
  width: 450px;
  height: 20px;
  line-height: 20px;
}
ul.Mid3R_JQSS li .con .tag {
  width: 637px;
  height: 24px;
  color: #8d8e90;
  background: #f9f9fa;
}
ul.Mid3R_JQSS li .con .tag .tag1 {
  float: left;
  width: 170px;
  height: 23px;
  line-height: 23px;
}
ul.Mid3R_JQSS li .con .tag .tag1 a {
  color: #8d8e90;
}
ul.Mid3R_JQSS li .con .tag .tag1 a:hover {
  color: #e11d03;
}
ul.Mid3R_JQSS li .con .tag .tag2 {
  float: left;
  width: 280px;
  height: 23px;
  line-height: 23px;
}
ul.Mid3R_JQSS li .con .tag .tag3 {
  float: left;
  padding-right: 73px;
  width: 114px;
  height: 23px;
  line-height: 23px;
}
ul.Mid3R_JQSS li .con .tag .tag3 a.zq {
  float: right;
  padding-right: 24px;
  display: inline-block;
  width: auto;
  height: 23px;
}
ul.Mid3R_JQSS li .con .tag .tag3 a.zq {
  background: url(http://web.180tianya.com/template/03/css/zq.png) right 5px
    no-repeat;
}
ul.Mid3R_JQSS li a.links {
  display: inline-block;
  width: 220px;
  height: 85px;
  position: absolute;
  right: 0;
  top: 0;
}
ul.Mid3R_JQSS li:hover {
  border-left: 3px solid #de3603;
}
ul.Mid3R_JQSS li:hover .con {
  background-position: 0 -108px;
}
ul.Mid3R_JQSS li:hover .con .tag {
  background: #fff;
}
.Mid3R_L {
  float: left;
  margin-right: 23px;
  width: 385px;
  height: auto;
}
.Mid3RLnav {
  margin-bottom: 18px;
  width: 385px;
  height: 36px;
}
.Mid3RLnav a {
  float: left;
  display: inline-block;
  width: 94px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #262626;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.Mid3RLnav a {
  border-top: 2px solid #f2f2f3;
  border-left: 1px solid #f2f2f3;
  border-right: 1px solid #f2f2f3;
}
.Mid3RLnav a:hover {
  text-decoration: none;
}
.Mid3RLnav a.cur {
  font-weight: bold;
  border-top: 2px solid #444;
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 2px solid #f2f2f3;
}
ul.Mid3RLpic_txt {
  margin-bottom: 25px;
  width: 385px;
  height: 164px;
}
ul.Mid3RLpic_txt li {
  width: 385px;
}
ul.Mid3RLpic_txt li.pic {
  height: auto;
}
ul.Mid3RLpic_txt li.pic div {
  float: left;
}
ul.Mid3RLpic_txt li.pic .img {
  width: 100px;
  height: 54px;
}
ul.Mid3RLpic_txt li.pic .img a {
  display: inline-block;
}
ul.Mid3RLpic_txt li.pic .tit {
  margin-bottom: 6px;
  width: 285px;
  height: 24px;
  line-height: 24px;
}
ul.Mid3RLpic_txt li.pic .tit a {
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Mid3RLpic_txt li.pic .tag {
  width: 285px;
  height: 20px;
  line-height: 20px;
  color: #666;
}
ul.Mid3RLpic_txt li.pic .tag a {
  color: #666;
}
ul.Mid3RLpic_txt li.pic .tag a:hover {
  color: #e11d03;
}
ul.Mid3RLpic_txt li.li3 {
  height: 27px;
  background-position: 0 0;
}
ul.Mid3RLpic_txt li.li3 div {
  float: left;
  height: 27px;
  line-height: 27px;
}
ul.Mid3RLpic_txt li.li3 .txt {
  padding: 0 2px 0 8px;
  width: 341px;
  font-size: 14px;
}
ul.Mid3RLpic_txt li.li3 .time {
  width: 34px;
  color: #999;
}
.ui-topic {
  width: 390px;
  height: 160px;
  position: relative;
}
.ui-topic .ui-list {
  width: 395px;
  height: 165px;
  margin: -5px 0 0 -5px;
}
.ui-topic .ui-list:after,
.ui-topic .ui-list:before {
  content: "";
  display: table;
  line-height: 0;
}
.ui-topic .ui-list:after {
  clear: both;
}
.ui-topic .ui-item {
  float: left;
  _display: inline;
  margin: 5px 0 0 5px;
  width: 125px;
  height: 78px;
  text-decoration: none;
  position: relative;
}
.ui-topic .ui-item div {
  cursor: pointer;
}
.ui-topic .ui-item .mk {
  padding-top: 24px;
  width: 100%;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
}
.ui-topic .ui-item .mk {
  background: url(http://web.180tianya.com/template/03/css/mk2.png) 0 bottom
    repeat-x;
}
.ui-topic .ui-item .img1 {
  width: 100%;
  height: 100%;
}
.ui-topic .ui-item .img1 img {
  width: 100%;
  height: 100%;
}
.ui-topic .ui-item .img2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-topic .ui-item .img2 img {
  width: 100%;
  height: 100%;
}
.ui-topic .ui-item:hover {
  text-decoration: none;
  color: #333;
}
.ui-topic .ui-item.is-active {
  width: 255px;
  height: 160px;
}
.ui-topic .ui-item.is-active .img1 {
  display: block;
}
.ui-topic .ui-item.is-active .img2 {
  display: none;
}
.Mid3RLpic {
  width: 390px;
  height: 160px;
}
.Mid3RLpic a {
  float: left;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Mid3RLpic a div {
  cursor: pointer;
  position: absolute;
}
.Mid3RLpic a .sign {
  width: 43px;
  height: 43px;
  left: 0;
  top: 0;
}
.Mid3RLpic a .border {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.Mid3RLpic a .mask {
  width: 100%;
  height: 44px;
  left: 0;
  bottom: 0;
}
.Mid3RLpic a .play {
  width: 38px;
  height: 38px;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none\9;
  transition: opacity 0.3s ease-out;
}
.Mid3RLpic a .txt {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #fff;
  left: 0;
  bottom: 0;
}
.Mid3RLpic a.img1 {
  margin-right: 5px;
  width: 125px;
  height: 160px;
}
.Mid3RLpic a.img2 {
  margin: 0 5px 5px 0;
  width: 125px;
  height: 78px;
}
.Mid3RLpic a.img3 {
  width: 255px;
  height: 77px;
}
.Mid3RLpic a.img1 .play {
  left: 43px;
  top: 61px;
}
.Mid3RLpic a.img2 .play {
  left: 43px;
  top: 20px;
}
.Mid3RLpic a.img3 .play {
  left: 108px;
  top: 19px;
}
.Mid3RLpic a:hover {
  text-decoration: none;
}
.Mid3RLpic a:hover .txt {
  color: #fff;
}
.Mid3RLpic a:hover .play {
  zoom: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  display: block\9;
}
.Mid3RLpic a:hover .border {
}
.Mid3R_R {
  float: left;
  margin-top: -5px;
  padding-left: 2px;
  width: 240px;
  height: auto;
  position: relative;
}
.Mid3RRnav {
  width: 240px;
  height: 23px;
  border: 1px solid #ceced0;
  border-right: 0;
  overflow: visible;
}
.Mid3RRnav a {
  float: left;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  text-align: center;
  color: #888;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
.Mid3RRnav a {
  background: #eaeaec;
  border-bottom: 1px solid #ceced0;
  border-right: 1px solid #ceced0;
}
.Mid3RRnav a.n1 {
  width: 78px;
}
.Mid3RRnav a.n2 {
  width: 80px;
}
.Mid3RRnav a.n3 {
  width: 78px;
}
.Mid3RRnav a.n4 {
  display: none;
}
.Mid3RRnav a:hover {
  text-decoration: none;
}
.Mid3RRnav a.cur {
  color: #000;
  background: #f2f2f4;
  border-bottom: 1px solid #f2f2f4;
}
.Mid3RRtit {
  width: 238px;
  height: 34px;
  border: 1px dotted #ceced0;
  border-top: 0;
  border-bottom: 0;
}
.Mid3RRtit div {
  float: left;
  height: 34px;
  line-height: 34px;
  color: #e13704;
}
.Mid3RRtit .name {
  width: 158px;
  text-indent: 8px;
}
.Mid3RRtit .type {
  width: 36px;
  text-align: center;
}
.Mid3RRtit .time {
  width: 44px;
  text-align: center;
}
ul.Mid3RR_FSB {
  width: 238px;
  height: auto;
  border: 1px dotted #ceced0;
  border-top: 0;
}
ul.Mid3RR_FSB li {
  padding: 0 8px;
  width: 222px;
  height: 29px;
}
ul.Mid3RR_FSB li .li3 {
  width: 5px;
  height: 28px;
  position: absolute;
  left: 0;
}
ul.Mid3RR_FSB li .name {
  float: left;
  width: 150px;
  height: 29px;
  line-height: 29px;
  border-top: 1px dotted #cecece;
}
ul.Mid3RR_FSB li .name a {
  color: #262626;
}
ul.Mid3RR_FSB li .name a:hover {
  color: #e11d03;
}
ul.Mid3RR_FSB li .type {
  float: left;
  width: 36px;
  height: 29px;
  line-height: 29px;
  color: #666;
  text-align: center;
  border-top: 1px dotted #cecece;
}
ul.Mid3RR_FSB li .time {
  float: left;
  width: 36px;
  height: 29px;
  line-height: 29px;
  color: #666;
  text-align: right;
  border-top: 1px dotted #cecece;
}
ul.Mid3RR_FSB li:hover .li3 {
  background-position: 0 -28px;
}
ul.Mid3RR_FSB li:hover div {
  color: #e11d03;
}
ul.Mid3RR_FSB li.cur .li3 {
  background-position: 0 -28px;
}
ul.Mid3RR_FSB li.cur div {
  color: #e11d03;
}
.fsbtit {
  width: 240px;
  height: 36px;
  border-top: 1px dotted #cdcdcd;
  border-bottom: 1px dotted #cdcdcd;
}
.fsbtit div {
  float: left;
  height: 36px;
  line-height: 36px;
  color: #e13704;
  font-size: 12px;
}
.fsbtit div.name {
  width: 108px;
}
.fsbtit div.time {
  width: 39px;
  text-align: center;
}
.fsbtit div.type {
  width: 39px;
  text-align: center;
}
.fsbtit div.form {
  width: 54px;
  text-indent: 10px;
}
.fsbList {
  width: 240px;
  height: auto;
  overflow: visible;
}
.fsbList li {
  width: 240px;
  height: 36px;
  border-bottom: 1px dotted #cdcdcd;
  overflow: visible;
}
.fsbList li div {
  float: left;
  height: 36px;
  color: #666;
  font-size: 12px;
}
.fsbList li div.name {
  width: 108px;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.fsbList li div.time {
  width: 39px;
  line-height: 36px;
  text-align: center;
}
.fsbList li div.type {
  width: 39px;
  line-height: 36px;
  text-align: center;
}
.fsbList li div.form {
  width: 54px;
  overflow: visible;
}
.fsbList li div.form span {
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 10px 0;
  position: relative;
}
.fsbList li div.form span i {
  font-style: normal;
  margin: 0 1px;
}
.fsbList li div.form span em {
  font-size: 14px;
  font-style: normal;
  margin: 0 2px;
}
.fsbList li.cur div {
  color: #e11d03;
}
.fsbList li.cur div a {
  color: #e11d03;
}
.hei .fsbList li.cur div {
  color: #fff;
}
.hei .fsbList li.cur div a {
  color: #fff;
}
.fsbList .TTle {
  width: auto;
  height: auto;
  position: absolute;
  right: 0;
  bottom: 15px;
  z-index: 99999;
}
.fsbList .TTle .txt {
  padding: 8px;
  width: auto;
  height: 14px;
  line-height: 14px;
  color: #666 !important;
  background: #fff;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
}
.fsbList .TTle .arr {
  float: right;
  margin-top: -1px;
  width: 20px;
  height: 5px;
  background: url(http://web.180tianya.com/template/03/css/ts.png) center 0
    no-repeat;
}
.hei .fsbtit {
  border-color: #444;
}
.hei .fsbList li {
  border-color: #444;
}
.Mid4 {
  margin-bottom: 10px;
  width: 1060px;
  height: auto;
}
.Mid4_L {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
ul.Mid4Lpic_txt {
  margin-bottom: 20px;
  width: 385px;
  height: auto;
}
ul.Mid4Lpic_txt li {
  width: 385px;
}
ul.Mid4Lpic_txt li.pic {
  height: auto;
}
ul.Mid4Lpic_txt li.pic div {
  float: left;
}
ul.Mid4Lpic_txt li.pic .img {
  width: 100px;
  height: 60px;
}
ul.Mid4Lpic_txt li.pic .img a {
  display: inline-block;
}
ul.Mid4Lpic_txt li.pic .tit {
  margin-bottom: 6px;
  width: 285px;
  height: 24px;
  line-height: 24px;
}
ul.Mid4Lpic_txt li.pic .tit a {
  font-size: 16px;
  font-weight: bold;
  font-family: "Microsoft YaHei";
}
ul.Mid4Lpic_txt li.pic .tag {
  width: 285px;
  height: 20px;
  line-height: 20px;
  color: #666;
}
ul.Mid4Lpic_txt li.pic .tag a {
  color: #666;
}
ul.Mid4Lpic_txt li.pic .tag a:hover {
  color: #e11d03;
}
ul.Mid4Lpic_txt li.li3 {
  height: 26px;
  background-position: 0 0;
}
ul.Mid4Lpic_txt li.li3 div {
  float: left;
  height: 26px;
  line-height: 26px;
}
ul.Mid4Lpic_txt li.li3 .txt {
  padding: 0 2px 0 8px;
  width: 341px;
  font-size: 14px;
}
ul.Mid4Lpic_txt li.li3 .time {
  width: 34px;
  color: #999;
}
.Mid4_R {
  float: left;
  width: 240px;
  height: auto;
}
.Mid4Rmore {
  float: right;
  padding-top: 5px;
  width: auto;
  height: 19px;
  cursor: pointer;
}
.Mid4Rmore a {
  display: inline-block;
  width: auto;
  height: 18px;
  line-height: 18px;
  color: #888;
}
.Mid4Rmore a i {
  display: inline-block;
  width: 26px;
  height: 16px;
  vertical-align: middle;
  background: url(http://web.180tianya.com/template/03/css/rot.png) center
    no-repeat;
}
.Mid4Rmore a:hover {
  text-decoration: none;
}
.Mid4Rmore a.cur i {
  transition: transform 0.5s ease-out;
  transform: rotate(360deg);
}
ul.XYQZ {
  margin: -11px 0 11px;
  width: 240px;
  height: auto;
}
ul.XYQZ li {
  margin-top: -1px;
  padding-top: 11px;
  width: 240px;
  height: 68px;
  border-top: 1px dotted #cecece;
}
ul.XYQZ li .img {
  float: left;
  margin-right: 11px;
  width: 99px;
  height: 55px;
  position: relative;
}
ul.XYQZ li .img a {
  display: inline-block;
}
ul.XYQZ li .img a .border {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
ul.XYQZ li .img a:hover .border {
}
ul.XYQZ li .con {
  float: left;
  width: 130px;
  height: 55px;
}
ul.XYQZ li .con .tit {
  margin-bottom: 9px;
  width: 130px;
  height: 32px;
  line-height: 16px;
}
ul.XYQZ li .con .tit a {
  color: #262626;
}
ul.XYQZ li .con .tit a:hover {
  color: #e11d03;
}
ul.XYQZ li .con .txt {
  width: 120px;
  height: 14px;
  line-height: 14px;
  color: #8d8e90;
}
ul.XYQZ li .con .txt a {
  color: #8d8e90;
}
ul.XYQZ li .con .txt a:hover {
  color: #e11d03;
}
ul.YCLM {
  width: 240px;
  height: auto;
}
ul.YCLM li {
  width: 240px;
  height: 87px;
  border-top: 1px dotted #cecece;
  padding-top: 10px;
  margin-top: -1px;
}
ul.YCLM li a {
  float: left;
  display: inline-block;
  width: 240px;
  height: 77px;
  position: relative;
}
ul.YCLM li a .mk {
  padding: 5px 14px;
  width: 212px;
  height: 67px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  background: url(http://web.180tianya.com/template/03/css/mk7.png) center
    no-repeat;
}
ul.YCLM li a .mk h3 {
  margin: 0;
  height: 18px;
  line-height: 18px;
  color: #f2f2f3;
  font-size: 12px;
  visibility: hidden;
}
ul.YCLM li a .mk p {
  margin: 0;
  width: 85px;
  line-height: 18px;
  color: #f2f2f3;
  font-size: 12px;
}
ul.YCLM li a .mk.m1 {
  background-position: -240px 0;
}
ul.YCLM li a .mk.m2 {
  background-position: 90px -77px;
}
ul.YCLM li a .mk.m3 {
  background-position: -240px -154px;
}
ul.YCLM li a .mk.m2 h3 {
  text-align: right;
}
ul.YCLM li a .mk.m2 p {
  float: right;
  text-align: right;
}
ul.YCLM li a:hover {
  text-decoration: none;
}
ul.YCLM li a:hover .mk.m1 {
  background-position: 0 0;
}
ul.YCLM li a:hover .mk.m2 {
  background-position: -150px -77px;
}
ul.YCLM li a:hover .mk.m3 {
  background-position: 0 -154px;
}
ul.YCLM li a:hover .mk h3 {
  padding-top: 18px;
  visibility: visible;
}
ul.YCLM li a:hover .mk p {
  width: 212px;
}
ul.Mid4R_img {
  width: 240px;
  height: 166px;
  position: relative;
}
ul.Mid4R_img li {
  width: 246px;
  height: 166px;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid4R_img li a {
  float: left;
  margin: 0 5px 5px 0;
  display: inline-block;
  width: 118px;
  height: 78px;
  position: relative;
}
ul.Mid4R_img li a div {
  width: 118px;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.Mid4R_img li a .border {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid4R_img li a .mask {
  height: 44px;
}
ul.Mid4R_img li a .txt {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #f2f2f3;
}
ul.Mid4R_img li a:hover {
  text-decoration: none;
}
ul.Mid4R_img li a:hover .txt {
  color: #fff;
}
ul.Mid4R_img li a:hover .border {
}
.Mid5 {
  margin-bottom: 10px;
  width: 1060px;
  height: auto;
}
.Mid5_L {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
.Mid5LSimg {
  width: 400px;
  height: 146px;
}
.Mid5LSimg a {
  float: left;
  margin-right: 13px;
  display: inline-block;
  width: 120px;
  height: 131px;
  line-height: 18px;
  overflow: hidden;
  position: relative;
}
.Mid5LSimg a img {
  margin-bottom: 5px;
}
.Mid5LSimg a .border {
  width: 100%;
  height: 90px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.Mid5LSimg a:hover .border {
}
.Mid5LBimg {
  width: 400px;
  height: 125px;
}
.Mid5LBimg a {
  float: left;
  margin-right: 14px;
  display: inline-block;
  width: 185px;
  height: 105px;
  overflow: hidden;
  position: relative;
}
.Mid5LBimg a div {
  width: 185px;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
.Mid5LBimg a .border {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.Mid5LBimg a .mask {
  height: 44px;
}
.Mid5LBimg a .txt {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #f2f2f3;
}
.Mid5LBimg a:hover {
  text-decoration: none;
}
.Mid5LBimg a:hover .txt {
  color: #fff;
}
.Mid5LBimg a:hover .border {
}
.Mid5_R {
  float: left;
  width: 650px;
  height: auto;
}
.Mid5_R .Mid5_R_Top {
  height: 307px;
}
.Mid5_R .Mid5_R_Top .Mid5_R_Top_L {
  float: left;
  width: 400px;
}
.Mid5_R .Mid5_R_Top .Mid5_R_Top_R {
  float: left;
}
.Mid5_R .Mid5_R_Bottom {
}
.Mid5Lpic {
  width: 650px;
  height: 243px;
}
.Mid5Lpic a {
  float: left;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Mid5Lpic a .mask {
  display: table;
  width: 100%;
  height: 100%;
  color: #fff;
  font-family: "Microsoft YaHei";
  cursor: pointer;
  position: absolute;
  left: 0;
}
.Mid5Lpic a .mask span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.Mid5Lpic a.img1 {
  margin-right: 5px;
  width: 185px;
  height: 243px;
}
.Mid5Lpic a.img2 {
  margin-right: 5px;
  margin-bottom: 5px;
  width: 195px;
  height: 119px;
}
.Mid5Lpic a.img3 {
  margin-bottom: 5px;
  width: 260px;
  height: 119px;
}
.Mid5Lpic a.img4 {
  margin-right: 5px;
  width: 195px;
  height: 119px;
}
.Mid5Lpic a.img5 {
  margin-right: 5px;
  width: 128px;
  height: 119px;
}
.Mid5Lpic a.img6 {
  width: 127px;
  height: 119px;
}
.Mid5Lpic a.img1 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 243px;
}
.Mid5Lpic a.img2 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 119px;
}
.Mid5Lpic a.img3 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 119px;
}
.Mid5Lpic a.img4 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 119px;
}
.Mid5Lpic a.img5 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 119px;
}
.Mid5Lpic a.img6 .mask {
  line-height: 30px;
  font-size: 16px;
  top: 119px;
}
.Mid5Lpic a:hover {
  text-decoration: none;
}
.Mid5Lpic a:hover .mask {
  top: 0;
}
.Mid5Rnav {
  float: right;
  margin-top: 5px;
  width: auto;
  height: 16px;
}
.Mid5Rnav a {
  float: left;
  margin-left: 5px;
  display: inline-block;
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  color: #000;
  border: 1px solid #cecece;
}
.Mid5Rnav a:hover {
  text-decoration: none;
}
.Mid5Rnav a:hover,
.Mid5Rnav a.cur {
  color: #f2f2f3;
  background: #333;
  border: 1px solid #333;
}
ul.Mid5R_DMZQ {
  margin-bottom: 13px;
  width: 250px;
  border-top: 1px solid #dbdbdb;
}
ul.Mid5R_DMZQ li {
  padding-top: 5px;
  width: 100%;
  height: 57px;
  border-bottom: 1px solid #e4e4e4;
}
ul.Mid5R_DMZQ li .img {
  float: left;
  width: 77px;
  height: 50px;
}
ul.Mid5R_DMZQ li .img a {
  display: inline-block;
}
ul.Mid5R_DMZQ li .con {
  float: left;
  width: 102px;
  height: 50px;
}
ul.Mid5R_DMZQ li .con .tit {
  width: 102px;
  height: auto;
  max-height: 34px;
  line-height: 17px;
}
ul.Mid5R_DMZQ li .con .tit a {
  color: #262626;
}
ul.Mid5R_DMZQ li .con .tit a:hover {
  color: #e11d03;
}
ul.Mid5R_DMZQ li .con .txt {
  width: 102px;
  height: 32px;
  line-height: 16px;
  color: #8d8e90;
}
ul.Mid5R_DMZQ li .like {
  float: right;
  width: 60px;
  height: 50px;
  text-align: center;
  border-left: 1px dotted #cecece;
}
ul.Mid5R_DMZQ li .like a {
  padding-right: 12px;
  width: auto;
  height: 50px;
  line-height: 50px;
  font-size: 12px;
  font-weight: bold;
  background-position: right 2px;
}
ul.Mid5R_img {
  margin-bottom: 20px;
  width: 245px;
  height: auto;
}
ul.Mid5R_img li.img1 {
  margin-bottom: 5px;
  width: 240px;
  height: 95px;
}
ul.Mid5R_img li.img2 {
  float: left;
  margin-right: 4px;
  width: 118px;
  height: 89px;
}
ul.Mid5R_img li.img1 a {
  width: 240px;
  height: 95px;
}
ul.Mid5R_img li.img2 a {
  width: 118px;
  height: 89px;
}
ul.Mid5R_img a {
  float: left;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
ul.Mid5R_img a div {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.Mid5R_img a .mask {
  height: 44px;
}
ul.Mid5R_img a .txt {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #f2f2f3;
}
ul.Mid5R_img a:hover {
  text-decoration: none;
}
ul.Mid5R_img a:hover .txt {
  color: #fff;
}
.MidRnav {
  width: 239px;
  height: 25px;
  text-align: center;
  border-left: 1px solid #dcdada;
  border-bottom: 1px solid #dcdada;
  overflow: visible;
}
.MidRnav a {
  float: left;
  display: inline-block;
  width: 33px;
  height: 23px;
  line-height: 23px;
  color: #666;
  background: #eaeaec;
  border-top: 2px solid #dcdada;
  border-right: 1px solid #dcdada;
}
.MidRnav a:hover {
  text-decoration: none;
}
.MidRnav a:hover,
.MidRnav a.cur {
  height: 24px;
  color: #262626;
  font-weight: bold;
  background: #f2f2f3;
  border-top: 2px solid #464b53;
}
ul.pic_list {
  width: 240px;
  height: auto;
}
ul.pic_list li {
  width: 240px;
  height: auto;
  border-bottom: 1px dotted #dddbdb;
}
ul.pic_list li.txt {
  width: 240px;
  height: 30px;
  line-height: 30px;
}
ul.pic_list li.txt div {
  float: left;
  height: 30px;
}
ul.pic_list li.txt .t1 {
  width: 180px;
  word-break: break-all;
  word-wrap: break-word;
}
ul.pic_list li.txt .t2 {
  padding-right: 5px;
  width: 55px;
  color: #818181;
  text-align: right;
}
ul.pic_list li.img {
  padding: 8px 0;
  width: 240px;
  height: auto;
}
ul.pic_list li.img .img_1 {
  float: left;
  width: 57px;
  height: 73px;
}
ul.pic_list li.img .img_1 a {
  display: inline-block;
}
ul.pic_list li.img .img_2 {
  float: left;
  width: 183px;
  height: 73px;
}
ul.pic_list li.img .img_2 div {
  width: 183px;
  word-break: break-all;
  word-wrap: break-word;
}
ul.pic_list li.img .img_2 .img2_1 {
  margin-bottom: 4px;
  height: 18px;
  line-height: 18px;
}
ul.pic_list li.img .img_2 .img2_2 {
  height: 17px;
  line-height: 17px;
  color: #e11d03;
}
ul.pic_list li.img .img_2 .img2_2 a {
  color: #e11d03;
}
ul.pic_list li.img .img_2 .img2_3 {
  height: 17px;
  line-height: 17px;
  color: #999898;
}
ul.pic_list li.img .img_2 .img2_4 {
  height: 17px;
  line-height: 17px;
}
ul.pic_list li.img .img_2 .img2_4 a {
  color: #999898;
}
ul.pic_list li.img .img_2 .img2_4 a:hover {
  color: #e11d03;
}
.SJgame {
  width: 1060px;
  height: auto;
}
.SJgame_L {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
.SJgame_M {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
.SJgame_M ul.Mid6L_txt {
  margin-bottom: 20px;
}
.SJgame_R {
  float: left;
  width: 240px;
  height: auto;
}
.SJgame_R ul.txt_pic {
  margin-bottom: 36px;
}
ul.Mid6L_txt {
  margin-top: -2px;
  width: 385px;
  height: auto;
}
ul.Mid6L_txt li.topline {
  width: 385px;
  height: 27px;
}
ul.Mid6L_txt li.topline div {
  float: left;
  height: 26px;
  line-height: 26px;
  font-weight: bold;
}
ul.Mid6L_txt li.topline .mark {
  padding-right: 6px;
  width: 37px;
  text-align: center;
  color: #e23703;
  background: url(http://web.180tianya.com/template/03/css/mark.gif) center 0
    no-repeat;
}
ul.Mid6L_txt li.topline .txt {
  padding-left: 4px;
  width: 338px;
}
ul.Mid6L_txt li.topline .txt a {
  color: #262626;
  font-size: 14px;
}
ul.Mid6L_txt li.li3 {
  width: 385px;
  height: 27px;
  background-position: 0 0;
}
ul.Mid6L_txt li.li3 div {
  float: left;
  height: 27px;
  line-height: 27px;
}
ul.Mid6L_txt li.li3 .txt {
  padding: 0 2px 0 8px;
  width: 341px;
  font-size: 14px;
}
ul.Mid6L_txt li.li3 .time {
  width: 34px;
  color: #999;
}
.SJgameMnav {
  float: left;
  margin-bottom: 10px;
  padding-top: 15px;
  width: 385px;
  height: 26px;
  border-bottom: 1px solid #cecece;
  overflow: visible;
}
.SJgameMnav a {
  float: left;
  margin-right: 8px;
  padding: 0 30px;
  display: inline-block;
  width: auto;
  height: 25px;
  line-height: 25px;
  color: #636365;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
.SJgameMnav a {
  background: #e5e5e5;
  border: 1px solid #cecece;
  border-bottom: 0;
  overflow: hidden;
}
.SJgameMnav a:hover {
  color: #e11d03;
  text-decoration: none;
}
.SJgameMnav a.cur {
  color: #000;
  font-weight: bold;
  background: #f2f2f3;
  border-bottom: 1px solid #f2f2f3;
}
ul.SJgameMpic {
  width: 400px;
  height: 103px;
}
ul.SJgameMpic li.img {
  float: left;
  width: 200px;
  height: 103px;
}
ul.SJgameMpic li.img a {
  float: left;
  display: inline-block;
  width: 185px;
  height: 103px;
  position: relative;
}
ul.SJgameMpic li.img a div {
  width: 100%;
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.SJgameMpic li.img a .mask {
  height: 44px;
}
ul.SJgameMpic li.img a .txt {
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #f2f2f3;
}
ul.SJgameMpic li.img a:hover {
  text-decoration: none;
}
ul.SJgameMpic li.img a:hover .txt {
  color: #fff;
}
ul.SJgameMpic li.li3 {
  width: 385px;
  height: 27px;
  background-position: 0 0;
}
ul.SJgameMpic li.li3 div {
  float: left;
  height: 27px;
  line-height: 27px;
}
ul.SJgameMpic li.li3 div.txt {
  padding: 0 2px 0 8px;
  width: 341px;
  font-size: 14px;
}
ul.SJgameMpic li.li3 div.time {
  width: 34px;
  color: #999;
}
.SJgameRnav {
  float: right;
  margin-top: 3px;
  width: auto;
  height: 20px;
}
.SJgameRnav a {
  float: left;
  display: inline-block;
  width: 48px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #000;
  border: 1px solid #888;
  overflow: hidden;
}
.SJgameRnav a:hover {
  text-decoration: none;
}
.SJgameRnav a.cur {
  color: #f2f2f3;
  background: #353535;
  border: 1px solid #353535;
}
ul.txt_pic {
  margin-bottom: 23px;
  width: 240px;
  height: 370px;
  border-top: 1px solid #cecece;
}
ul.txt_pic li {
  width: 240px;
  border-bottom: 1px dotted #dddbdb;
}
ul.txt_pic li.txt {
  height: 30px;
}
ul.txt_pic li.txt div {
  float: left;
  height: 30px;
  line-height: 30px;
}
ul.txt_pic li.txt .t1 {
  margin-right: 2px;
  width: 30px;
  text-align: center;
  color: #878787;
  font-size: 14px;
  font-family: Arial;
}
ul.txt_pic li.txt .t2 {
  width: 208px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
ul.txt_pic li.img {
  padding: 12px 0;
  height: auto;
}
ul.txt_pic li.img .img_0 {
  float: left;
  margin-right: 2px;
  width: 30px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  color: #333;
  font-size: 26px;
  font-weight: bold;
  font-family: Arial;
}
ul.txt_pic li.img .img_1 {
  float: left;
  width: 87px;
  height: 65px;
}
ul.txt_pic li.img .img_1 a {
  display: inline-block;
  border-radius: 7px;
}
ul.txt_pic li.img .img_1 img {
  border-radius: 7px;
}
ul.txt_pic li.img .img_2 {
  float: left;
  width: 121px;
  height: 66px;
}
ul.txt_pic li.img .img_2 div {
  width: 121px;
  word-break: break-all;
  word-wrap: break-word;
}
ul.txt_pic li.img .img_2 .img2_1 {
  margin-bottom: 5px;
  height: 16px;
  line-height: 16px;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 14px;
  font-family: "Microsoft YaHei";
}
ul.txt_pic li.img .img_2 .img2_2 {
  margin-bottom: 5px;
  height: 16px;
  line-height: 16px;
  color: #999898;
}
ul.txt_pic li.img .img_2 .img2_3 {
  height: 24px;
}
ul.txt_pic li.img .img_2 .img2_3 a {
  display: inline-block;
  width: 45px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #010101;
  border: 1px solid #bebebe;
  border-radius: 2px;
}
ul.txt_pic li.img .img_2 .img2_3 a {
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
}
ul.txt_pic li.img .img_2 .img2_3 a:hover {
  color: #e11d03;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.SJgameRmore {
  float: right;
  padding-top: 5px;
  width: auto;
  height: 19px;
  cursor: pointer;
}
.SJgameRmore a {
  display: inline-block;
  width: auto;
  height: 18px;
  line-height: 18px;
  color: #888;
}
.SJgameRmore a i {
  display: inline-block;
  width: 26px;
  height: 16px;
  vertical-align: middle;
  background: url(http://web.180tianya.com/template/03/css/rot.png) center
    no-repeat;
}
.SJgameRmore a:hover {
  text-decoration: none;
}
.SJgameRmore a.cur i {
  transition: transform 0.5s ease-out;
  transform: rotate(360deg);
}
ul.SJgameRimg {
  width: 240px;
  height: 103px;
  position: relative;
}
ul.SJgameRimg li {
  width: 255px;
  height: 103px;
  position: absolute;
  left: 0;
  top: 0;
}
ul.SJgameRimg li a {
  float: left;
  margin-right: 15px;
  display: inline-block;
  width: 70px;
  height: 103px;
  line-height: 33px;
  text-align: center;
  background: #e5e5e5;
  border-radius: 10px;
  overflow: hidden;
}
ul.SJgameRimg li a img {
  border-radius: 10px;
}
ul.SJgameRimg li a:hover {
  background: #fff;
}
.Mid6 {
  width: 1060px;
  height: auto;
}
.Mid6_L {
  float: left;
  margin-right: 25px;
  width: 795px;
  height: auto;
}
.Mid6L_L {
  float: left;
  margin-right: 25px;
  width: 385px;
  height: auto;
}
.Mid6L_R {
  float: left;
  width: 385px;
  height: auto;
}
.Mid6_R {
  float: left;
  width: 240px;
  height: auto;
}
.Mid6Lpic {
  float: left;
  margin-right: 20px;
  width: 390px;
  height: 205px;
}
.Mid6Lpic a {
  float: left;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Mid6Lpic a div {
  cursor: pointer;
  position: absolute;
  left: 0;
}
.Mid6Lpic a .sign {
  width: 43px;
  height: 43px;
  top: 0;
}
.Mid6Lpic a .border {
  width: 100%;
  height: 100%;
  top: 0;
}
.Mid6Lpic a .mask {
  width: 100%;
  height: 44px;
  bottom: 0;
}
.Mid6Lpic a .txt {
  width: 100%;
  height: auto;
  line-height: 20px;
  color: #f2f2f3;
  bottom: 0;
}
.Mid6Lpic a.img1 {
  margin-right: 5px;
  width: 190px;
  height: 205px;
}
.Mid6Lpic a.img2 {
  margin: 0 5px 5px 0;
  width: 190px;
  height: 100px;
}
.Mid6Lpic a:hover {
  text-decoration: none;
}
.Mid6Lpic a:hover .txt {
  color: #fff;
}
.Mid6Lpic a:hover .border {
}
.Mid6Lnav {
  float: left;
  margin-bottom: 10px;
  padding-top: 18px;
  width: 795px;
  height: 26px;
  border-bottom: 1px solid #cecece;
  overflow: visible;
}
.Mid6Lnav a {
  float: left;
  margin-right: 8px;
  padding: 0 30px;
  display: inline-block;
  width: auto;
  height: 25px;
  line-height: 25px;
  color: #636365;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  background: #e5e5e5;
  border: 1px solid #cecece;
  border-bottom: 0;
  overflow: hidden;
}
.Mid6Lnav a:hover {
  color: #e11d03;
  text-decoration: none;
}
.Mid6Lnav a.cur {
  color: #000;
  font-weight: bold;
  background: #f2f2f3;
  border-bottom: 1px solid #f2f2f3;
}
ul.Mid6Lpic_txt {
  margin-bottom: 20px;
  width: 805px;
  height: auto;
}
ul.Mid6Lpic_txt li {
  float: left;
  width: 161px;
  height: 138px;
}
ul.Mid6Lpic_txt li a {
  display: inline-block;
  width: 150px;
  height: 125px;
  line-height: 18px;
  position: relative;
}
ul.Mid6Lpic_txt li a img {
  margin-bottom: 5px;
}
ul.Mid6Lpic_txt li a .border {
  width: 100%;
  height: 84px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
ul.Mid6Lpic_txt li a:hover .border {
}
.Mid6Rnav {
  float: right;
  margin-top: 3px;
  width: auto;
  height: 20px;
}
.Mid6Rnav a {
  float: left;
  display: inline-block;
  width: 48px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #000;
  border: 1px solid #888;
  overflow: hidden;
}
.Mid6Rnav a:hover {
  text-decoration: none;
}
.Mid6Rnav a.cur {
  color: #f2f2f3;
  background: #353535;
  border: 1px solid #353535;
}
ul.Mid6pic_txt {
  margin-bottom: 10px;
  width: 385px;
  height: auto;
}
ul.Mid6pic_txt li.img {
  width: 385px;
  height: 130px;
}
ul.Mid6pic_txt li.img a {
  display: inline-block;
  width: 385px;
  height: 120px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
ul.Mid6pic_txt li.img a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.Mid6pic_txt li.img a .border {
  width: 100%;
  height: 100%;
}
ul.Mid6pic_txt li.img a .mask {
  width: 100%;
  height: 44px;
}
ul.Mid6pic_txt li.img a .txt {
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
ul.Mid6pic_txt li.img a:hover {
  text-decoration: none;
}
ul.Mid6pic_txt li.img a:hover .txt {
  color: #fff;
}
ul.Mid6pic_txt li.img a:hover .border {
}
ul.Mid6pic_txt li.txt {
  width: 385px;
  height: 30px;
}
ul.Mid6pic_txt li.txt div {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
ul.Mid6pic_txt li.txt .t1 {
  width: 45px;
  color: #777;
}
ul.Mid6pic_txt li.txt .t1 a {
  color: #777;
}
ul.Mid6pic_txt li.txt .t1 a:hover {
  color: #e11d03;
}
ul.Mid6pic_txt li.txt .t2 {
  width: 340px;
}
ul.votelist {
  padding: 0 10px;
  width: 220px;
  height: 244px;
  background: #f9f9fa;
  border-bottom: 1px solid #dddbdc;
  position: relative;
}
ul.votelist li.tit {
  padding: 8px 0;
  width: 220px;
  height: auto;
  line-height: 18px;
  font-weight: bold;
}
ul.votelist li.txt {
  width: 220px;
  height: 24px;
  line-height: 24px;
}
ul.votelist li.txt input {
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
ul.votelist li.txt label {
  width: auto;
  height: 14px;
  line-height: 14px;
}
ul.votelist li.btn {
  padding-top: 5px;
  width: 220px;
  height: 40px;
  text-align: center;
  position: absolute;
  left: 10px;
  bottom: 0;
}
ul.votelist li.btn a {
  margin: 0 5px;
  padding: 0 20px;
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #010101;
  border: 1px solid #bebebe;
  border-radius: 2px;
}
ul.votelist li.btn a {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
ul.votelist li.btn a:hover {
  color: #e11d03;
}
.Mid7 {
  margin-bottom: 10px;
  width: 1060px;
  height: auto;
}
.Map {
  width: 1060px;
  height: auto;
}
.Map a {
  float: left;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.Map a .mask {
  display: table;
  width: 100%;
  height: 100%;
  line-height: 30px;
  color: #fff;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  cursor: pointer;
  position: absolute;
  left: 0;
}
.Map a .mask span {
  display: table-cell;
  padding: 0 10px;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.Map a.img1 {
  margin: 0 1px 1px 0;
  width: 250px;
  height: 313px;
}
.Map a.img2 {
  margin: 0 1px 1px 0;
  width: 277px;
  height: 156px;
}
.Map a.img3 {
  margin: 0 1px 1px 0;
  width: 176px;
  height: 156px;
}
.Map a.img4 {
  margin: 0 1px 1px 0;
  width: 353px;
  height: 156px;
}
.Map a.img5 {
  margin-top: -157px;
  width: 177px;
  height: 313px;
}
.Map a.img1 .mask {
  top: 313px;
  font-size: 18px;
}
.Map a.img2 .mask {
  top: 156px;
}
.Map a.img3 .mask {
  top: 156px;
}
.Map a.img4 .mask {
  top: 156px;
}
.Map a.img5 .mask {
  top: 313px;
}
.Map a:hover {
  text-decoration: none;
}
.Map a:hover .mask {
  top: 0;
}
.Mid7nav {
  float: left;
  margin-bottom: 10px;
  padding-top: 18px;
  width: 1060px;
  height: 26px;
  border-bottom: 1px solid #cecece;
  overflow: visible;
}
.Mid7nav a {
  float: left;
  margin-right: 8px;
  padding: 0 25px;
  display: inline-block;
  width: auto;
  height: 25px;
  line-height: 25px;
  color: #636365;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  background: #e5e5e5;
  border: 1px solid #cecece;
  border-bottom: 0;
  overflow: hidden;
}
.Mid7nav a:hover {
  color: #e11d03;
  text-decoration: none;
}
.Mid7nav a.cur {
  color: #000;
  font-weight: bold;
  background: #f2f2f3;
  border-bottom: 1px solid #f2f2f3;
}
ul.Mid7img {
  margin-bottom: 15px;
  width: 1074px;
  height: auto;
}
ul.Mid7img li {
  float: left;
  width: 134px;
  height: 90px;
}
ul.Mid7img li a {
  display: inline-block;
  width: 120px;
  height: 90px;
  text-align: center;
  overflow: hidden;
  position: relative;
}
ul.Mid7img li a div {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
}
ul.Mid7img li a .border {
  width: 100%;
  height: 100%;
}
ul.Mid7img li a .mask {
  width: 100%;
  height: 20px;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=60);
}
ul.Mid7img li a .txt {
  padding: 0 2px;
  width: 116px;
  height: 20px;
  line-height: 20px;
  color: #f2f2f3;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
ul.Mid7img li a:hover {
  text-decoration: none;
}
ul.Mid7img li a:hover .txt {
  color: #fff;
}
ul.Mid7img li a:hover .border {
}
.Mid8 {
  margin-left: 0;
  padding: 25px 20px 40px;
  width: 1060px;
  height: auto;
  background: #262626;
}
.Mid8tit {
  width: auto;
  height: 40px;
  line-height: 22px;
  color: #999;
  font-size: 18px;
  font-family: "Microsoft YaHei";
}
.Mid8_L {
  float: left;
  margin-right: 30px;
  width: 319px;
  height: auto;
}
ul.PH {
  width: 319px;
  height: auto;
}
ul.PH li.tit {
  width: 321px;
  height: 30px;
}
ul.PH li.tit div {
  float: left;
  margin-right: 1px;
  height: 27px;
  line-height: 27px;
  background: #161616;
  border-top: 1px solid #060606;
}
ul.PH li.tit .t1 {
  width: 32px;
  text-align: center;
}
ul.PH li.tit .t2 {
  width: 156px;
  text-indent: 8px;
}
ul.PH li.tit .t3 {
  width: 45px;
  text-align: center;
}
ul.PH li.tit .t4 {
  width: 37px;
  text-align: center;
}
ul.PH li.tit .t5 {
  width: 45px;
  text-align: center;
}
ul.PH li.tit .t6 {
  width: 37px;
  text-align: center;
}
ul.PH li.con {
  width: 321px;
  height: 28px;
  border-bottom: 1px dotted #333;
}
ul.PH li.con div {
  float: left;
  margin-right: 1px;
  height: 28px;
  line-height: 28px;
  color: #777;
}
ul.PH li.con .t1 {
  width: 32px;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-weight: bold;
  background: #1e1e1e;
}
ul.PH li.con .t2 {
  width: 156px;
  text-indent: 8px;
}
ul.PH li.con .t2 a {
  color: #aaa;
}
ul.PH li.con .t2 a:hover {
  color: #ff9b1d;
}
ul.PH li.con .t3 {
  width: 45px;
  text-align: center;
}
ul.PH li.con .t4 {
  width: 37px;
  text-align: center;
}
ul.PH li.con .t5 {
  width: 45px;
  text-align: center;
}
ul.PH li.con .t5 a {
  color: #777;
}
ul.PH li.con .t5 a:hover {
  color: #fff;
}
ul.PH li.con .t6 {
  width: 37px;
  text-align: center;
}
ul.PH li.con .t6 a {
  color: #2aae68;
}
ul.PH li.con .t6 a:hover {
  color: #fff;
}
ul.PH.RY li.tit {
  color: #f65c4c;
}
ul.PH.XY li.tit {
  color: #51b6b9;
}
ul.PH.RY li .t2 {
  width: 118px;
}
ul.PH.XY li .t2 {
  width: 156px;
}
.Mid8_R {
  float: left;
  width: 362px;
  height: 650px;
}
ul.WYPH {
  margin-bottom: 17px;
  width: 362px;
  height: auto;
}
ul.WYPH li.tit {
  width: 364px;
  height: 30px;
  color: #da83e8;
}
ul.WYPH li.tit div {
  float: left;
  margin-right: 2px;
  height: 27px;
  line-height: 27px;
  background: #161616;
  border-top: 1px solid #060606;
}
ul.WYPH li.tit .t1 {
  width: 45px;
  text-align: center;
}
ul.WYPH li.tit .t2 {
  width: 108px;
  padding-left: 8px;
}
ul.WYPH li.tit .t3 {
  width: 47px;
  text-align: center;
}
ul.WYPH li.tit .t4 {
  width: 78px;
  padding-left: 8px;
}
ul.WYPH li.tit .t5 {
  width: 60px;
  text-align: center;
}
ul.WYPH li.con {
  width: 364px;
  height: 28px;
  border-bottom: 1px dotted #333;
}
ul.WYPH li.con .t1 {
  float: left;
  margin-right: 2px;
  width: 45px;
  height: 28px;
  line-height: 28px;
  color: #777;
  text-align: center;
  font-family: "Microsoft YaHei";
  background: #1e1e1e;
}
ul.WYPH li.con .t2 {
  float: left;
  margin-right: 2px;
  width: 108px;
  height: 28px;
  line-height: 28px;
  color: #777;
  padding-left: 8px;
}
ul.WYPH li.con .t2 a {
  color: #aaa;
}
ul.WYPH li.con .t2 a:hover {
  color: #ff9b1d;
}
ul.WYPH li.con .t3 {
  float: left;
  margin-right: 2px;
  width: 47px;
  height: 28px;
  line-height: 28px;
  color: #777;
  text-align: center;
}
ul.WYPH li.con .t4 {
  float: left;
  margin-right: 2px;
  width: 78px;
  height: 28px;
  line-height: 28px;
  color: #777;
  padding-left: 8px;
}
ul.WYPH li.con .t5 {
  float: left;
  margin-right: 2px;
  width: 60px;
  height: 24px;
  line-height: 24px;
  color: #777;
  text-align: center;
  padding: 2px 0;
}
ul.WYPH li.con .t5 a {
  color: #aaa;
}
ul.WYPH li.con .t5 a:hover {
  color: #ff9b1d;
}
ul.WYPH li.con .t5.cur .PHcode {
  display: block;
}
ul.SYPH {
  margin-bottom: 17px;
  width: 362px;
  height: auto;
}
ul.SYPH li.tit {
  width: 364px;
  height: 30px;
  color: #9ec564;
}
ul.SYPH li.tit div {
  float: left;
  margin-right: 2px;
  height: 27px;
  line-height: 27px;
  background: #161616;
  border-top: 1px solid #060606;
}
ul.SYPH li.tit .t1 {
  width: 45px;
  text-align: center;
}
ul.SYPH li.tit .t2 {
  width: 108px;
  padding-left: 8px;
}
ul.SYPH li.tit .t3 {
  width: 57px;
  text-align: center;
}
ul.SYPH li.tit .t4 {
  width: 68px;
  padding-left: 8px;
}
ul.SYPH li.tit .t5 {
  width: 60px;
  text-align: center;
}
ul.SYPH li.con {
  width: 364px;
  height: 28px;
  border-bottom: 1px dotted #333;
}
ul.SYPH li.con .t1 {
  float: left;
  margin-right: 2px;
  width: 45px;
  height: 28px;
  line-height: 28px;
  color: #777;
  text-align: center;
  font-family: "Microsoft YaHei";
  background: #1e1e1e;
}
ul.SYPH li.con .t2 {
  float: left;
  margin-right: 2px;
  width: 108px;
  height: 28px;
  line-height: 28px;
  color: #777;
  padding-left: 8px;
}
ul.SYPH li.con .t2 a {
  color: #aaa;
}
ul.SYPH li.con .t2 a:hover {
  color: #ff9b1d;
}
ul.SYPH li.con .t3 {
  float: left;
  margin-right: 2px;
  width: 57px;
  height: 28px;
  line-height: 28px;
  color: #777;
  text-align: center;
}
ul.SYPH li.con .t4 {
  float: left;
  margin-right: 2px;
  width: 68px;
  height: 28px;
  line-height: 28px;
  color: #777;
  padding-left: 8px;
}
ul.SYPH li.con .t5 {
  float: left;
  width: 60px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #777;
  padding: 2px 0;
}
ul.SYPH li.con .t5 a {
  color: #aaa;
}
ul.SYPH li.con .t5 a:hover {
  color: #ff9b1d;
}
ul.SYPH li.con .t5.cur .PHcode {
  display: block;
}
.PHcode {
  display: none;
  width: 134px;
  height: auto;
  overflow: visible;
  position: absolute;
  margin: -45px 0 0 60px;
}
.PHcode i {
  display: block;
  width: 14px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 23px;
  background: url(http://image.gamersky.com/webimg13/shouyou/new/code-ar.png)
    no-repeat;
}
.PHcode-con {
  float: right;
  width: 120px;
  height: auto;
  text-align: center;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 25px 0 rgba(10, 6, 5, 0.15);
}
.PHcode-con img {
  width: 120px;
  height: 120px;
}
.PHcode-con p {
  margin: 0;
  line-height: 18px;
  color: #777;
  font-size: 12px;
  font-family: "Microsoft YaHei";
}
.PHcode-con .pass {
  margin: 7px auto;
  width: 106px;
  height: 34px;
  line-height: 34px;
  color: #fff;
  font-size: 15px;
  background: #f63d3d;
  border-radius: 5px;
}
.PHcode.cur {
  margin: -45px 0 0 -134px;
}
.PHcode.cur i {
  left: 120px;
  background-position: right 0;
}
.PHcode.cur .PHcode-con {
  float: left;
}
.PHcode.bottom {
  margin-top: -192px;
}
.PHcode.bottom i {
  top: 170px;
}
.PHcode.cur.bottom i {
  left: 120px;
}
.hei {
  color: #bababa;
}
.hei a {
  color: #bababa;
}
.hei a:hover {
  color: #fff;
}
.hei .tc {
  color: #ff9a24;
}
.hei a:hover .tc {
  color: #ff9a24;
}
.hei .Mid {
  background-color: #242424;
}
.hei .Mid_top {
  background-color: #2c2c2c;
}
.hei .Mid0nav {
  border-color: #393939;
}
.hei .Mid0nav a {
  color: #aaa;
}
.hei .Mid0nav a span {
  border-color: #393939;
}
.hei .Mid0nav a:hover {
  color: #f2f2f3;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.hei .Mid0nav a.cur {
  color: #f3f3f3;
  background-color: #393939;
  border-color: #393939;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.hei .Midtit .tit.pr_RYHT {
  background-position: 0 -52px;
}
.hei .Midtit .tit {
  color: #ccc;
}
.hei .Midtit .more {
  color: #999;
}
.hei .Midtit .more a {
  color: #777;
}
.hei .Midtit .more a:hover {
  color: #fff;
}
.hei .Slides {
  background: #151515;
  border-color: #151515;
}
.hei .Slides .Small {
  border-color: #151515;
}
.hei .Slides .Small .smlfd {
  background: #2c2c2c;
}
.hei ul.Mid1L_txt li {
  background: url(http://web.180tianya.com/template/03/css/li20.gif) 0 6px
    no-repeat;
}
.hei .pictxt .img a div {
  background-position: 0 -17px;
}
.hei .pictxt .con .tit {
  border-color: #444;
}
.hei .pictxt .con .tit a {
  color: #bbb;
}
.hei .pictxt .con .tit a:hover {
  color: #fff;
}
.hei .pictxt .con .txt {
  color: #999;
}
.hei .pictxt .con .pd a {
  background-color: #2a2a2a;
  border-color: #373737;
  box-shadow: 0 44px 44px -5px rgba(0, 0, 0, 0.1);
}
.hei .pictxt .con .pd a .num {
  color: #aaa;
  border-color: #444;
}
.hei .pictxt .con .pd a.pin1 {
  color: #ff9b22;
}
.hei .pictxt .con .pd a.pin2 {
  color: #1f9cf6;
}
.hei .pictxt .con .pd a.pin1:hover {
  color: #ff9b22;
}
.hei .pictxt .con .pd a.pin2:hover {
  color: #1f9cf6;
}
.hei .pictxt .tag {
  color: #5e5e5e;
}
.hei .pictxt .tag span {
  color: #888;
}
.hei .pictxt_ryht .img a div {
  background-position: 0 -17px;
}
.hei .pictxt_ryht .con .tit {
  border-color: #444;
}
.hei .pictxt_ryht .con .tit a {
  color: #bbb;
}
.hei .pictxt_ryht .con .tit a:hover {
  color: #fff;
}
.hei .pictxt_ryht .con .txt {
  color: #999;
}
.hei .pictxt_ryht .con .tem div {
  color: #999;
}
.hei .pictxt_ryht .tag .tit {
  color: #777;
  background: #323232;
}
.hei .pictxt_ryht .tag .taglist li {
  border-color: #444;
}
.hei ul.YMPC li.pic {
  border-color: #000;
}
.hei ul.YMPC li.lx0 .con .tit a {
  color: #bcbcbc;
}
.hei ul.YMPC li.lx0 .con .tit a:hover {
  color: #fff;
}
.hei ul.YMPC li.lx0 .con .txt {
  color: #999;
}
.hei ul.YMPC li.lx0 .fenshu {
  border-color: #151515;
}
.hei ul.YMPC li.lx0 .fenshu .pf.jindu {
  background-position: 0 -22px;
}
.hei ul.YMPC li.lx0 .fenshu .num {
  color: #ff9a1e;
}
.hei .Mid1Mnav a {
  color: #999;
  background: #151515;
  border-color: #151515;
}
.hei .Mid1Mnav a:hover {
  color: #f2f2f3;
}
.hei .Mid1Mnav a.cur {
  color: #f3f3f3;
  background: #242424;
  border-color: #e23703;
}
.hei ul.bgx {
  border-color: #444;
}
.hei ul.Ptxt li.img {
  border-color: #444;
}
.hei ul.Ptxt li.img .tit a {
  color: #bbb;
}
.hei ul.Ptxt li.img .tit a:hover {
  color: #fff;
}
.hei ul.Ptxt li.pic {
  border-color: #444;
}
.hei ul.Ptxt li.pic .tit a {
  color: #bbb;
}
.hei ul.Ptxt li.pic .tit a:hover {
  color: #fff;
}
.hei ul.Ptxt li.pic .txt {
  color: #666;
}
.hei ul.Ptxt li.li3 div.time {
  color: #676767;
}
.hei ul.Ptxt li.pc {
  border-color: #444;
}
.hei ul.Ptxt li.pc .tit a {
  color: #bbb;
}
.hei ul.Ptxt li.pc .tit a:hover {
  color: #fff;
}
.hei ul.Ptxt li.pc .txt {
  color: #999;
}
.hei .Mid1Mtit .tit {
  color: #ccc;
}
.hei .Mid1Mtit .more a {
  color: #777;
}
.hei .Mid1Mtit .more a:hover {
  color: #fff;
}
.hei .Home-Page .page-turn a {
  background-image: url(http://web.180tianya.com/template/03/css/fy0.gif);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.hei .Home-Page .page-num a {
  background: #666;
  box-shadow: 2px 3px 3px 0 rgba(0, 0, 0, 0.3) inset;
}
.hei .Home-Page .page-num a.cur {
  background: #e23703;
}
.hei .Mid1Rtit {
  background: #272727;
  border-color: #333;
}
.hei .Mid1Rtit div {
  color: #23a7f9;
  border-color: #333;
}
.hei ul.Mid1R_down {
  border-color: #333;
}
.hei ul.Mid1R_down li div {
  color: #666;
  border-color: #333;
}
.hei ul.Mid1R_down li div a {
  color: #bbb;
}
.hei ul.Mid1R_down li div a:hover {
  color: #fff;
}
.hei ul.Mid1R_down li:hover div {
  color: #fff;
}
.hei ul.Mid1R_down .RecGameItem {
  border-color: #3a3a3a;
}
.hei ul.Mid1R_down .RecGameItem .RecGameItem_Center h3 {
  color: #bababa;
}
.hei ul.Mid1R_down .RecGameItem .TypeList a {
  background-color: #191919;
  color: #777;
}
.hei ul.Mid1R_down .RecGameItem .RecGameItem_Right {
  background-color: #191919;
}
.hei ul.Mid1R_down .RecGameItem .XiangWan .number {
  color: #bababa;
}
.hei ul.Mid1R_down .RecGameItem .XiangWan .text {
  color: #656565;
}
.hei .Mid1Rpic {
  border-color: #333;
}
.hei ul.Mid1R_txt {
  background: #1e1e1e;
  border-color: #333;
}
.hei ul.Mid1R_txt li.txt .t1 {
  border-color: #333;
}
.hei ul.Mid1R_txt li.txt a {
  color: #bbb;
}
.hei ul.Mid1R_txt li.txt a:hover {
  color: #fff;
}
.hei ul.Mid1R_DZQS li {
  border-color: #444;
}
.hei ul.Mid1R_DZQS li .con div {
  color: #999;
}
.hei ul.Mid1R_DZQS li .con div.t3 {
  color: #bbb;
}
.hei ul.Mid1R_DZQS li .con div.tag {
  color: #333;
}
.hei ul.Mid1R_DZQS li .con div.tag a {
  color: #888;
}
.hei ul.Mid1R_DZQS li .con div.tag a:hover {
  color: #fff;
}
.hei .Mtit .tit .tt1 {
  color: #f2931d;
}
.hei .Mtit .tit .tt2 {
  color: #f2931d;
}
.hei .Mtit .tit .tt3 {
  color: #f2931d;
}
.hei .Mtit .like span {
  color: #444;
}
.hei .Mtit .like a {
  color: #ababab;
}
.hei .Mtit .like a:hover {
  color: #fff;
}
.hei .Mid2 {
  background: #1e1e1e url(http://web.180tianya.com/template/03/css/m2bg.jpg)
    repeat-x;
}
.hei ul.Mid3Lpic_txt li {
  border-color: #444;
}
.hei ul.Mid3Lpic_txt li .tit a {
  color: #a9a9a9;
}
.hei ul.Mid3Lpic_txt li .tit a:hover {
  color: #fff;
}
.hei ul.Mid3Lpic_txt li .txt {
  color: #999;
}
.hei .Mid3Rnav a {
  color: #a8a8a8;
  background: #222;
  border-color: #3a3a3a;
}
.hei .Mid3Rnav a:hover {
  color: #ff9b1f;
}
.hei ul.Mid3R_JQSS li {
  border-color: #111;
}
.hei ul.Mid3R_JQSS li .con {
  background: url(http://web.180tianya.com/template/03/css/pn0.png) no-repeat;
}
.hei ul.Mid3R_JQSS li .con .tit {
  color: #598ea4;
}
.hei ul.Mid3R_JQSS li .con .tag {
  color: #8d8e90;
  background: #2b2b2b;
}
.hei ul.Mid3R_JQSS li .con .tag .tag1 a {
  color: #8d8e90;
}
.hei ul.Mid3R_JQSS li .con .tag .tag1 a:hover {
  color: #e11d03;
}
.hei ul.Mid3R_JQSS li .con .tag .tag3 a.zq {
  background: url(http://web.180tianya.com/template/03/css/zq0.png) right 5px
    no-repeat;
}
.hei ul.Mid3R_JQSS li:hover {
  border-left-color: #de3603;
}
.hei ul.Mid3R_JQSS li:hover .con {
  background-position: 0 -108px;
}
.hei ul.Mid3R_JQSS li:hover .con .tag {
  background: #333;
}
.hei .Mid3RLnav a {
  color: #999;
  border-color: #242424;
}
.hei .Mid3RLnav a:hover {
  color: #f2f2f3;
}
.hei .Mid3RLnav a.cur {
  color: #f2f2f3;
  border-top-color: #e23703;
  border-left-color: #000;
  border-right-color: #000;
  border-bottom-color: #242424;
}
.hei ul.Mid3RLpic_txt li.pic div.tag {
  color: #666;
}
.hei ul.Mid3RLpic_txt li.pic div.tag a {
  color: #666;
}
.hei ul.Mid3RLpic_txt li.pic div.tag a:hover {
  color: #fff;
}
.hei ul.Mid3RLpic_txt li.li3 div.time {
  color: #666;
}
.hei .Mid3RRnav {
  border-color: #333;
}
.hei .Mid3RRnav a {
  color: #666;
  background: #242424;
  border-color: #333;
}
.hei .Mid3RRnav a:hover {
  color: #f2f2f3;
}
.hei .Mid3RRnav a.cur {
  color: #f2f2f3;
  background: #1e1e1e;
  border-bottom-color: #1e1e1e;
}
.hei .Mid3RRtit {
  background: #1e1e1e;
  border-color: #333;
}
.hei .Mid3RRtit div {
  color: #fe9c1f;
}
.hei ul.Mid3RR_FSB {
  background: #1e1e1e;
  border-color: #333;
}
.hei ul.Mid3RR_FSB li .name {
  border-color: #333;
}
.hei ul.Mid3RR_FSB li .name a {
  color: #ababab;
}
.hei ul.Mid3RR_FSB li .name a:hover {
  color: #fff;
}
.hei ul.Mid3RR_FSB li .type {
  color: #666;
  border-color: #333;
}
.hei ul.Mid3RR_FSB li .time {
  color: #666;
  border-color: #333;
}
.hei ul.Mid3RR_FSB li:hover div {
  color: #fff;
}
.hei ul.Mid3RR_FSB li.cur div {
  color: #fff;
}
.hei ul.Mid4Lpic_txt li.pic div.tag {
  color: #666;
}
.hei ul.Mid4Lpic_txt li.pic div.tag a {
  color: #666;
}
.hei ul.Mid4Lpic_txt li.pic div.tag a:hover {
  color: #e11d03;
}
.hei ul.Mid4Lpic_txt li.li3 div.time {
  color: #666;
}
.hei ul.XYQZ li {
  border-color: #444;
}
.hei ul.XYQZ li .con .tit a {
  color: #bbb;
}
.hei ul.XYQZ li .con .tit a:hover {
  color: #fff;
}
.hei ul.XYQZ li .con .txt {
  color: #777;
}
.hei ul.XYQZ li .con .txt a {
  color: #777;
}
.hei ul.XYQZ li .con .txt a:hover {
  color: #fff;
}
.hei ul.YCLM li {
  border-color: #444;
}
.hei .Mid5Rnav a {
  color: #555;
  background: #111;
  border-color: #111;
}
.hei .Mid5Rnav a:hover {
  color: #fd9b20;
}
.hei .Mid5Rnav a.cur {
  color: #fd9b20;
  background: #393939;
  border-color: #393939;
}
.hei ul.Mid5R_DMZQ {
  border-color: #111;
}
.hei ul.Mid5R_DMZQ li {
  border-color: #111;
}
.hei ul.Mid5R_DMZQ li .con .tit a {
  color: #bbb;
}
.hei ul.Mid5R_DMZQ li .con .tit a:hover {
  color: #fff;
}
.hei ul.Mid5R_DMZQ li .con .txt {
  color: #8d8e90;
}
.hei ul.Mid5R_DMZQ li .like {
  border-color: #111;
}
.hei .MidRnav {
  border-color: #333;
}
.hei .MidRnav a {
  color: #666;
  background: #151515;
  border-color: #333;
}
.hei .MidRnav a:hover {
  color: #f2f2f2;
}
.hei .MidRnav a.cur {
  color: #f2f2f2;
  background: #222;
  border-top-color: #e13703;
}
.hei ul.pic_list li {
  border-color: #444;
}
.hei ul.pic_list li.txt div.t2 {
  color: #818181;
}
.hei ul.pic_list li.img .img_2 div.img2_2 {
  color: #e11d03;
}
.hei ul.pic_list li.img .img_2 div.img2_2 a {
  color: #e11d03;
}
.hei ul.pic_list li.img .img_2 div.img2_3 {
  color: #999898;
}
.hei ul.pic_list li.img .img_2 div.img2_4 a {
  color: #999898;
}
.hei ul.pic_list li.img .img_2 div.img2_4 a:hover {
  color: #e11d03;
}
.hei .SJgameMnav {
  border-color: #333;
}
.hei .SJgameMnav a {
  color: #9a9a9a;
  background: #151515;
  border-color: #333;
}
.hei .SJgameMnav a:hover {
  color: #f2f2f3;
}
.hei .SJgameMnav a.cur {
  color: #f2f2f3;
  background: #242424;
  border-bottom-color: #242424;
}
.hei ul.Mid6L_txt li.topline div.mark {
  color: #ff9a1e;
  background-position: center -26px;
}
.hei ul.Mid6L_txt li.topline div.txt a {
  color: #bbb;
}
.hei ul.Mid6L_txt li.topline div.txt a:hover {
  color: #fff;
}
.hei ul.Mid6L_txt li.li3 div.time {
  color: #666;
}
.hei .SJgameRnav a {
  color: #555;
  background: #121212;
  border-color: #121212;
}
.hei .SJgameRnav a:hover {
  color: #f2f2f3;
}
.hei .SJgameRnav a.cur {
  color: #f2f2f3;
  background: #353535;
  border-color: #353535;
}
.hei ul.txt_pic {
  background: #1f1f1f;
  border-color: #111;
}
.hei ul.txt_pic li {
  border-color: #343434;
}
.hei ul.txt_pic li.txt div.t1 {
  color: #878787;
}
.hei ul.txt_pic li.img .img_0 {
  color: #cdcdcd;
}
.hei ul.txt_pic li.img .img_2 div.img2_1 a {
  color: #df881e;
}
.hei ul.txt_pic li.img .img_2 div.img2_1 a:hover {
  color: #fff;
}
.hei ul.txt_pic li.img .img_2 div.img2_2 {
  color: #656565;
}
.hei ul.txt_pic li.img .img_2 div.img2_3 a {
  color: #999;
  background: #222;
  border-color: #353535;
}
.hei ul.txt_pic li.img .img_2 div.img2_3 a:hover {
  color: #df881e;
}
.hei ul.SJgameRimg li a {
  background: #1f1f1f;
}
.hei ul.SJgameRimg li a:hover {
  background: #121212;
}
.hei .Mid6Lnav {
  border-color: #333;
}
.hei .Mid6Lnav a {
  color: #9a9a9a;
  background: #151515;
  border-color: #333;
}
.hei .Mid6Lnav a:hover {
  color: #f2f2f3;
}
.hei .Mid6Lnav a.cur {
  color: #f2f2f3;
  background: #242424;
  border-color: #242424;
}
.hei .Mid6Rnav a {
  color: #555;
  background: #121212;
  border-color: #121212;
}
.hei .Mid6Rnav a:hover {
  color: #f2f2f3;
}
.hei .Mid6Rnav a.cur {
  color: #f2f2f3;
  background: #353535;
  border-color: #353535;
}
.hei ul.votelist {
  background: #1f1f1f;
  border-color: #111;
}
.hei ul.votelist li.btn a {
  color: #999;
  background: #222;
  border-color: #353535;
}
.hei ul.votelist li.btn a:hover {
  color: #fff;
}
.hei .Mid7nav {
  border-color: #333;
}
.hei .Mid7nav a {
  color: #a9a9a9;
  background: #151515;
  border-color: #333;
}
.hei .Mid7nav a:hover {
  color: #f2f2f3;
}
.hei .Mid7nav a.cur {
  color: #f2f2f3;
  background: #242424;
  border-bottom-color: #242424;
}
.hei .Mid8 {
  background: #1e1e1e;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) inset;
}
.hei ul.PH li.con div.t1 {
  background: #1a1a1a;
}
