.container .main {
  height: 2800px;
  position: relative;
  margin: 0 auto;
}

.container .main .wrap {
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.container .main .page1 {
  height: 964px;
  position: relative;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top center;
}

.container .main .page1 .leftbanner {
  width: 240px;
  height: 400px;
  position: absolute;
  background: #212121;
  top: 62px;
}

.container .main .page1 .leftbanner .rcode {
  width: 88px;
  height: 89px;
  position: absolute;
  top: 185px;
  left: 20px;
}

.container .main .page1 .leftbanner .wr {
  width: 110px;
  height: 55px;
  position: absolute;
  top: 188px;
  left: 120px;
}

.container .main .page1 .leftbanner .wr .w1 {
  font-weight: bold;
  color: #fff;
}

.container .main .page1 .leftbanner .wr .w2 {
  font-size: 14px;
  font-weight: bold;
  color: #fee373;
}

.container .main .page1 .leftbanner .wr .w3 {
  width: 110px;
  height: 32px;
  line-height: 20px;
  color: #999999;
  margin-top: 6px;
}

.container .main .page1 .leftbanner .leftcn {
  width: 188px;
  height: 49px;
  position: absolute;
  top: 292px;
  left: 23px;
  background: url("/main/images/2024-11/kf_icon.png") no-repeat;
  text-indent: -999px;
}

.container .main .page1 .leftbanner .leftcn a {
  display: block;
  width: 80px;
  height: 24px;
  line-height: 24px;
  float: left;
}

.container .main .page1 .leftbanner .leftcn .safe, .container .main .page1 .leftbanner .leftcn .kf {
  margin-left: 26px;
}

.container .main .page1 .leftbanner .wei {
  width: 240px;
  height: 40px;
  background: #151515;
  position: absolute;
  top: 358px;
}

.container .main .page1 .leftbanner .wei .weibo {
  width: 57px;
  height: 19px;
  display: block;
  float: left;
  background: url("/main/images/2024-11/weibo.png") no-repeat;
  background-position: 0 0;
  margin-top: 8px;
  margin-left: 17px;
}

.container .main .page1 .leftbanner .wei .weibocode {
  position: absolute;
  top: -100px;
  left: 5px;
  width: 100px;
  height: 100px;
  display: none;
}

.container .main .page1 .leftbanner .wei .douyin {
  width: 57px;
  height: 22px;
  display: block;
  float: left;
  background: url("/main/images/2024-11/weibo.png") no-repeat;
  background-position: -78px 0;
  margin-top: 7px;
  margin-left: 17px;
}

.container .main .page1 .leftbanner .wei .douyincode {
  position: absolute;
  top: -100px;
  left: 68px;
  width: 100px;
  height: 100px;
  display: none;
}

.container .main .page1 .leftbanner .wei .bili {
  width: 57px;
  height: 22px;
  display: block;
  float: left;
  background: url("/main/images/2024-11/weibo.png") no-repeat;
  background-position: -150px 0;
  margin-top: 9px;
  margin-left: 17px;
}

.container .main .page1 .leftbanner .wei .bilicode {
  position: absolute;
  top: -100px;
  left: 138px;
  width: 100px;
  height: 100px;
  display: none;
}

.container .main .page1 .index_news {
  width: 590px;
  height: 400px;
  background: url("/main/images/2024-11/news_bg.jpg") no-repeat;
  position: absolute;
  top: 62px;
  left: 240px;
}

.container .main .page1 .index_news .index_tab {
  width: 540px;
  height: 50px;
  position: relative;
  margin-left: 30px;
  margin-top: 20px;
}

.container .main .page1 .index_news .index_tab .tab {
  width: 74px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #000;
  font-size: 14px;
  float: left;
  display: block;
  font-weight: bold;
}

.container .main .page1 .index_news .index_tab .ton {
  color: #8e54c7;
}

.container .main .page1 .index_news .index_tab .more {
  display: block;
  float: left;
  color: #e18efc;
  margin-left: 122px;
  margin-top: 14px;
}

.container .main .page1 .index_news .index_tab .tabbot {
  display: block;
  position: absolute;
  width: 74px;
  height: 3px;
  background: #8e54c7;
  bottom: -1px;
  left: 0;
}

.container .main .page1 .index_news .hotnews {
  width: 530px;
  height: 50px;
  line-height: 50px;
  background: #fff;
  margin-left: 30px;
  margin-top: 10px;
  border: 2px solid #f7f7f7;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

.container .main .page1 .index_news .hotnews a {
  color: #333333;
}

.container .main .page1 .index_news .hotnews a:hover {
  color: #8e54c7;
}

.container .main .page1 .index_news .index_news_main {
  width: 530px;
  height: 260px;
  margin: 10px 30px;
}

.container .main .page1 .index_news .index_news_main li {
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #d6d6d6;
}

.container .main .page1 .index_news .index_news_main li .flt {
  display: block;
  width: 40px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  float: left;
  font-size: 14px;
  color: #999999;
  background: #ebebeb;
  margin-top: 4px;
}

.container .main .page1 .index_news .index_news_main li a {
  display: block;
  width: 370px;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  color: #242424;
  float: left;
  margin-left: 10px;
}

.container .main .page1 .index_news .index_news_main li a:hover {
  color: #8e54c7;
}

.container .main .page1 .index_news .index_news_main li .flr {
  height: 20px;
  line-height: 20px;
  margin-top: 4px;
  font-size: 14px;
  color: #999999;
  float: right;
}

.container .main .page1 .banner {
  width: 450px;
  height: 400px;
  position: absolute;
  top: 62px;
  left: 830px;
}

.container .main .page1 .banner .swiper-container1 {
  width: 450px;
  height: 400px;
}

.container .main .page1 .banner .swiper-container1 img {
  width: 450px;
  height: 400px;
}

.container .main .page1 .banner .swiper-container1 .pagination1 {
  position: absolute;
  bottom: 30px;
  left: 45px;
  text-align: right;
  font-size: 0;
  line-height: 0;
}

.container .main .page1 .banner .swiper-container1 .pagination1 .swiper-pagination-switch {
  background: url("/main/images/2024-11/lb_btn.png") no-repeat;
  background-position: -22px 0;
  width: 16px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 4px;
  text-indent: -9999px;
  cursor: pointer;
}

.container .main .page1 .banner .swiper-container1 .pagination1 .swiper-active-switch {
  background: url("/main/images/2024-11/lb_btn.png") no-repeat;
  background-position: 0 0;
}

.container .main .page2 {
  height: 1636px;
  position: relative;
  margin: 0 auto;
  background: url("/main/images/2024-11/bg2.jpg") no-repeat top center;
}

.container .main .page2 .quick {
  width: 950px;
  height: 100px;
  position: absolute;
  top: 10px;
}

.container .main .page2 .quick .icon {
  display: block;
  width: 226px;
  height: 90px;
  background: url("/main/images/2024-11/quick.png") no-repeat;
  background-position: 0 0;
  float: left;
}

.container .main .page2 .quick .qklist {
  width: 460px;
  height: 80px;
  position: absolute;
  left: 250px;
  top: 24px;
}

.container .main .page2 .quick .qklist a {
  display: block;
  width: 90px;
  height: 20px;
  line-height: 20px;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  font-size: 14px;
  color: #333333;
  font-weight: bold;
}

.container .main .page2 .quick .qklist a span {
  display: block;
  width: 19px;
  height: 19px;
  background: url("/main/images/2024-11/quick.png") no-repeat;
  background-position: -274px -34px;
  float: left;
  margin-right: 5px;
}

.container .main .page2 .quick .qklist a:hover {
  color: #8e54c7;
}

.container .main .page2 .quick .qklist .q2 span {
  background-position: -387px -34px;
}

.container .main .page2 .quick .qklist .q3 span {
  background-position: -499px -34px;
}

.container .main .page2 .quick .qklist .q4 span {
  background-position: -609px -34px;
}

.container .main .page2 .quick .qklist .q5 span {
  background-position: -274px -65px;
}

.container .main .page2 .quick .qklist .q6 span {
  width: 20px;
  height: 20px;
  background-position: -386px -64px;
}

.container .main .page2 .quick .qklist .q7 span {
  width: 22px;
  height: 17px;
  background-position: -497px -66px;
}

.container .main .page2 .quick .qklist .q8 span {
  width: 21px;
  height: 19px;
  background-position: -609px -65px;
}

.container .main .page2 .search {
  width: 954px;
  height: 390px;
  position: absolute;
  top: 150px;
  overflow: hidden;
}

.container .main .page2 .search .search_tit {
  display: block;
  width: 205px;
  height: 31px;
  background: url("/main/images/2024-11/search_tit.png") no-repeat;
  position: absolute;
}

.container .main .page2 .search .swiper-container2 {
  width: 910px;
  height: 390px;
}

.container .main .page2 .search .swiper-container2 .role {
  width: 167px;
  height: 250px;
  margin-top: 70px;
  margin-right: 15px;
  float: left;
}

.container .main .page2 .search .swiper-container2 .role img {
  width: 167px;
  height: 219px;
}

.container .main .page2 .search .swiper-container2 .role img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}

.container .main .page2 .search .swiper-container2 .role .icon {
  width: 14px;
  height: 12px;
  background: url("/main/images/2024-11/p_icon.png") no-repeat;
  display: block;
  float: left;
  margin-top: 17px;
}

.container .main .page2 .search .swiper-container2 .role p {
  width: 100px;
  height: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
  color: #313036;
  float: left;
  margin-top: 15px;
  margin-left: 4px;
}

.container .main .page2 .search .swiper-container2 .pagination2 {
  position: absolute;
  top: 368px;
  left: 2px;
}

.container .main .page2 .search .swiper-container2 .pagination2 .swiper-pagination-switch {
  display: block;
  width: 19px;
  height: 7px;
  background: #ffee63;
  float: left;
  margin-right: 4px;
}

.container .main .page2 .search .swiper-container2 .pagination2 .swiper-active-switch {
  background: #c872f8;
}

.container .main .page2 .hotrank {
  width: 300px;
  height: 453px;
  position: absolute;
  top: 42px;
  left: 950px;
}

.container .main .page2 .hotrank .rank_icon {
  display: block;
  width: 180px;
  height: 31px;
  background: url("/main/images/2024-11/hotrank.png") no-repeat;
  position: absolute;
  left: 33px;
}

.container .main .page2 .hotrank .tab_box {
  width: 300px;
  height: 360px;
  overflow: hidden;
  position: absolute;
  top: 57px;
  left: 38px;
}

.container .main .page2 .hotrank .show_box {
  width: 1000%;
  height: 100%;
}

.container .main .page2 .hotrank .list {
  display: block;
  width: 300px;
  float: left;
}

.container .main .page2 .hotrank .item {
  width: 300px;
  height: 41px;
  position: relative;
  float: left;
  margin-top: 30px;
}

.container .main .page2 .hotrank .item a {
  color: #3a91ba;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}

.container .main .page2 .hotrank .item a .ic {
  width: 18px;
  height: 18px;
  float: left;
  background: url(/main/images/2024-11/ht_icon.png) no-repeat 0 0;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
}

.container .main .page2 .hotrank .item a .img_box {
  position: absolute;
  border-width: 1px;
  width: 39px;
  height: 39px;
  top: -2px;
  left: 38px;
  border: 2px solid #000;
  float: left;
  cursor: pointer;
}

.container .main .page2 .hotrank .item a img {
  width: 100%;
  height: 100%;
}

.container .main .page2 .hotrank .item a .txt_box {
  height: 40px;
  width: 120px;
  float: left;
  margin-left: 80px;
  margin-top: -4px;
}

.container .main .page2 .hotrank .item a .txt_box .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #010101;
  float: left;
  width: 120px;
}

.container .main .page2 .hotrank .item a .txt_box .price {
  width: 120px;
  color: #000;
  line-height: 16px;
}

.container .main .page2 .hotrank .item a:hover .ic {
  background: url(/main/images/2024-11/ht_icon.png) no-repeat -32px 0;
}

.container .main .page2 .hotrank .item a:hover .name {
  color: #000;
}

.container .main .page2 .hotrank .rb a .ic {
  background: url(/main/images/2024-11/ht_icon.png) no-repeat -66px 0;
}

.container .main .page2 .hotrank .rb a:hover .ic {
  background: url(/main/images/2024-11/ht_icon.png) no-repeat -96px 0;
}

.container .main .page2 .hotrank .rb a:hover .name {
  color: #000;
}

.container .main .page2 .hotrank .box_head_pages {
  width: 85px;
  height: 20px;
  position: absolute;
  top: 430px;
  left: 83px;
}

.container .main .page2 .hotrank .box_head_pages .dp {
  display: block;
  width: 16px;
  height: 16px;
  float: left;
  background: url("/main/images/2024-11/hot_pagebtn.png") no-repeat;
  background-position: 0 0;
  text-indent: -9999px;
}

.container .main .page2 .hotrank .box_head_pages .boxp {
  display: block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #ba7dfa;
  float: left;
  margin-left: 10px;
  text-align: center;
  font-size: 16px;
}

.container .main .page2 .hotrank .box_head_pages .d1:hover {
  background-position: 0 -19px;
}

.container .main .page2 .hotrank .box_head_pages .d2 {
  margin-left: 10px;
  background-position: -21px 0;
}

.container .main .page2 .hotrank .box_head_pages .d2:hover {
  background-position: -21px -19px;
}

.container .main .page2 .gametit {
  display: block;
  width: 176px;
  height: 34px;
  background: url("/main/images/2024-11/game_tit.png") no-repeat;
  position: absolute;
  top: 600px;
}

.container .main .page2 .headline {
  display: block;
  width: 1280px;
  height: 2px;
  background: #fee373;
  position: absolute;
  top: 656px;
}

.container .main .page2 .gameinfo {
  width: 1280px;
  height: 354px;
  position: absolute;
  top: 658px;
  background: #fff;
}

.container .main .page2 .gameinfo .petsys {
  width: 267px;
  height: 354px;
  float: left;
}

.container .main .page2 .gameinfo .petsys img {
  width: 267px;
  height: 354px;
}

.container .main .page2 .gameinfo .yxtit {
  display: block;
  width: 70px;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
  color: #010101;
  float: left;
}

.container .main .page2 .gameinfo .yin {
  display: block;
  width: 520px;
  height: 4px;
  background: #fafafa;
  float: left;
  margin-top: 13px;
}

.container .main .page2 .gameinfo .more {
  display: block;
  color: #e18efc;
  margin-left: 8px;
  margin-top: 2px;
  float: left;
}

.container .main .page2 .gameinfo .yxzl {
  width: 670px;
  height: 354px;
  margin-top: 28px;
  margin-left: 16px;
  float: left;
}

.container .main .page2 .gameinfo .game {
  width: 630px;
  height: 53px;
}

.container .main .page2 .gameinfo .game .fl {
  display: block;
  width: 70px;
  height: 52px;
  line-height: 52px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #663399;
}

.container .main .page2 .gameinfo .game .cn {
  width: 530px;
  height: 52px;
  margin-left: 85px;
}

.container .main .page2 .gameinfo .game .cn a {
  display: block;
  margin-top: 15px;
  margin-right: 15px;
  font-size: 14px;
  color: #333333;
  float: left;
}

.container .main .page2 .gameinfo .game .cn a:hover {
  color: #8e54c7;
}

.container .main .page2 .gameinfo .game .gameline {
  display: block;
  width: 628px;
  height: 1px;
  float: left;
  background: url("/main/images/2024-11/gameline.png") no-repeat;
  margin-left: -6px;
}

.container .main .page2 .gameinfo .g1 {
  margin-top: 25px;
}

.container .main .page2 .gameinfo .video {
  width: 280px;
  height: 300px;
  margin-top: 28px;
  margin-left: 975px;
}

.container .main .page2 .gameinfo .video .yin {
  width: 170px;
}

.container .main .page2 .gameinfo .video .more {
  margin-left: 4px;
}

.container .main .page2 .gameinfo .video .swiper-container3 {
  width: 280px;
  height: 255px;
  position: absolute;
  top: 70px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .vinfo {
  width: 280px;
  height: 232px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .vinfo img {
  width: 280px;
  height: 232px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .vinfo .coverbg {
  width: 280px;
  height: 232px;
  background: #333333;
  opacity: 0.4;
  position: absolute;
  top: 0;
}

.container .main .page2 .gameinfo .video .swiper-container3 .vinfo .vplay {
  display: block;
  width: 30px;
  height: 39px;
  background: url("/main/images/2024-11/play.png") no-repeat;
  position: relative;
  margin: 0 auto;
  margin-top: -127px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .vinfo .vtit {
  width: 280px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 200px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .pagination3 {
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
}

.container .main .page2 .gameinfo .video .swiper-container3 .pagination3 .swiper-pagination-switch {
  display: inline-block;
  width: 19px;
  height: 7px;
  background: #ffee63;
  margin-right: 4px;
}

.container .main .page2 .gameinfo .video .swiper-container3 .pagination3 .swiper-active-switch {
  background: #c866fe;
}

.container .main .page2 .mhscos {
  width: 1280px;
  height: 460px;
  position: absolute;
  top: 1100px;
  overflow: hidden;
}

.container .main .page2 .mhscos .mhstit {
  display: block;
  width: 135px;
  height: 31px;
  background: url("/main/images/2024-11/mhs_tit.png") no-repeat 0 0;
  float: left;
  cursor: pointer;
}

.container .main .page2 .mhscos .costit {
  display: block;
  width: 76px;
  height: 31px;
  background: url("/main/images/2024-11/mhs_tit.png") no-repeat -157px 0;
  float: left;
  margin-left: 26px;
  cursor: pointer;
}

.container .main .page2 .mhscos .more {
  display: block;
  color: #e18efc;
  margin-left: 1008px;
  margin-top: 9px;
  float: left;
}

.container .main .page2 .mhscos .sl {
  width: 1280px;
  height: 8px;
  position: absolute;
  margin-top: 46px;
}

.container .main .page2 .mhscos .sl .ptip {
  display: block;
  width: 58px;
  height: 8px;
  background: url("/main/images/2024-11/mhs_icon.png") no-repeat -115px 0;
  float: left;
  margin-left: 47px;
}

.container .main .page2 .mhscos .sl .p2 {
  margin-left: 55px;
}

.container .main .page2 .mhscos .sl .on {
  background: url("/main/images/2024-11/mhs_icon.png") no-repeat 0 0;
}

.container .main .page2 .mhscos .sl .yin {
  display: block;
  width: 1280px;
  height: 4px;
  background: #fafafa;
  margin-top: 4px;
}

.container .main .page2 .mhscos ul {
  width: 1280px;
  height: 380px;
  margin-top: 85px;
}

.container .main .page2 .mhscos ul li {
  width: 235px;
  height: 375px;
  float: left;
  margin-right: 25px;
}

.container .main .page2 .mhscos ul li img {
  width: 235px;
  height: 375px;
}

.container .main .page2 .mhscos ul li .info {
  width: 209px;
  height: 54px;
  position: relative;
  margin-top: -59px;
  background: url("/main/images/2024-11/pic_tip.png") no-repeat;
}

.container .main .page2 .mhscos ul li .info .i1 {
  width: 106px;
  height: 27px;
  line-height: 27px;
  font-size: 16px;
  font-weight: bold;
  color: #010101;
  margin-left: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container .main .page2 .mhscos ul li .info .i2 {
  width: 155px;
  height: 27px;
  line-height: 27px;
  color: #fff;
  margin-left: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.container .main .page2 .mhscos ul .last {
  margin-right: 0;
}

.zzDiv {
  position: fixed;
  _position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: none;
}

.pop {
  position: fixed;
  _position: absolute;
  z-index: 2001;
}

.album {
  width: 710px;
  height: 626px;
  top: 50%;
  left: 50%;
  margin: -313px 0 0 -355px;
  display: none;
}

.album .closePopBtn {
  position: absolute;
  top: 0px;
  right: -40px;
  width: 41px;
  height: 41px;
  display: block;
  background: url("/main/images/2024-11/ic_list.png") no-repeat;
  z-index: 50;
}

.album .albumBox .doAlbumPages {
  position: absolute;
  width: 16px;
  height: 80px;
  bottom: 9px;
  text-align: center;
  line-height: 16px;
  vertical-align: middle;
  color: #696767;
  font-weight: bold;
  z-index: 500;
  padding: 0 5px;
}

.album .albumBox .doAlbumPages:hover {
  color: #f34781;
}

.album .albumBox .doAlbumPages.up {
  left: 5px;
}

.album .albumBox .doAlbumPages.down {
  right: 5px;
}

.album .albumShow_box {
  width: 710px;
  height: 625px;
  overflow: hidden;
}

.album .albumConBox {
  width: 710px;
  height: 625px;
  display: none;
}

.album .albumConBox.on {
  display: block;
}

.album .albumImgBox {
  width: 700px;
  height: 522px;
  border: 2px solid #fff;
  overflow: hidden;
  margin: 0 3px 1px;
  position: relative;
}

.album .albumImgBox > .pageBtn {
  position: absolute;
  top: 0;
  width: 20%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  text-indent: -1000px;
  background-image: url("/main/images/2024-11/opbg.png");
  background-repeat: repeat;
}

.album .albumImgBox > .pageBtn.topPiece {
  left: 0;
}

.album .albumImgBox > .pageBtn.topPiece:hover {
  background: url("/main/images/2024-11/prev.png") no-repeat left center;
}

.album .albumImgBox > .pageBtn.nextPiece {
  right: 0;
}

.album .albumImgBox > .pageBtn.nextPiece:hover {
  background: url("/main/images/2024-11/next.png") no-repeat right center;
}

.album .albumImgBox .list {
  width: 4000%;
  height: 100%;
}

.album .albumImgBox .item, .album .albumImgBox .item img {
  width: 700px;
  height: 100%;
  float: left;
}

.album .albumTabBox {
  width: 100%;
  height: 98px;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.album .albumTabBox .doPages {
  position: absolute;
  width: 20px;
  height: 80px;
  top: 9px;
  writing-mode: tb-rl;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
  color: #696767;
  font-weight: bold;
  background: url("/main/images/2024-11/ic_list.png") no-repeat;
}

.album .albumTabBox .doPages:hover {
  color: #ff4191;
}

.album .albumTabBox .doPages.up {
  left: 30px;
  background-position: -7px -780px;
}

.album .albumTabBox .doPages.down {
  right: 32px;
  background-position: -4px -687px;
}

.album .albumTabBox .tabBox {
  height: 80px;
  width: 596px;
  margin: 0 auto;
  margin-top: 9px;
  overflow: hidden;
}

.album .albumTabBox .tabBox .list {
  width: 4000%;
}

.album .albumTabBox .tabBox .item {
  width: 72px;
  height: 72px;
  float: left;
  padding: 2px;
  border: 2px solid transparent;
  margin-right: 6px;
}

.album .albumTabBox .tabBox .item.on {
  border-color: #3388fb;
}

.album .albumTabBox .tabBox .item a {
  display: block;
  border: 1px solid #dfdfdf;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  font-size: 0;
  line-height: 70px;
  text-align: center;
}

.album .albumTabBox .tabBox .item.on a {
  border-color: transparent;
}

.album .albumTabBox .tabBox .item a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.album .albumTabBox .tabBox .item img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  display: inline-block;
}

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 9999;
  display: none;
}

#loading > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url(/main/images/2024-11/fancybox.png);
}