@charset "utf-8";

/****** guide-container  START ******/

.guide-container {
  margin : 10px;
}

.guide-container .guide-title {
  background  : -webkit-linear-gradient(#FFC64F, #FF9802);
  background  : -moz-linear-gradient(#FFC64F, #FF9802);
  background  : -o-linear-gradient(#FFC64F, #FF9802);
  background  : -ms-linear-gradient(#FFC64F, #FF9802);
  background  : linear-gradient(#FFC64F, #FF9802);
  padding     : 0 20px;
  color       : #fff;
  height      : 40px;
  line-height : 40px;
  overflow    : hidden;
  font-size   : 16px;
}

.guideDownLoad {
  height      : 100px;
  padding     : 14px;
  box-sizing  : border-box;
  background  : #fffcf9;
  border      : 1px solid #FFD9A8;
  display     : flex;
  align-items : center;
  font-family : "Microsoft YaHei";
}

.gameInfo img {
  width         : 70px;
  height        : 70px;
  display       : block;
  margin        : 0 !important;
  margin-right  : 20px !important;
  flex-shrink   : 0;
  border-radius : 14px;
}

.gameInfo {
  flex        : 1;
  display     : flex;
  overflow    : hidden;
  align-items : center;
}

.gameDesc {
  text-align   : left;
  overflow     : hidden;
  margin-right : 30px;
  flex         : 1;
}

.gameDesc>p,
.gameDesc>p a {
  overflow      : hidden;
  white-space   : nowrap;
  text-overflow : ellipsis;
}

.gameDesc>p {
  line-height : 28px !important;
}

.gameDesc>p:first-of-type {
  font-size   : 18px;
  color       : rgb(51, 51, 51);
  font-weight : bold;
  margin      : 0;
  padding     : 0;
  text-align  : left;
  text-indent : 0;
}

.gameDesc>p:first-of-type a {
  color           : #333;
  text-decoration : none;
}

.gameDesc>p:first-of-type a:hover {
  text-decoration : underline;
  color           : #FF9802;
}

.gameDesc>span {
  font-size     : 14px;
  color         : rgb(203, 189, 169);
  line-height   : 1.2;
  white-space   : nowrap;
  overflow      : hidden;
  text-overflow : ellipsis;
}

.gameDesc>p:last-of-type {
  font-size   : 14px;
  color       : rgb(255, 56, 56);
  margin      : 0px;
  text-align  : left;
  text-indent : 0;
}

.guideDownLoad a {
  display       : block;
  white-space   : nowrap;
  text-overflow : ellipsis;
}

.downInfo {
  display     : flex;
  align-items : center;
  flex-shrink : 0;
}

.downInfo .down-btn {
  display     : block;
  background  : url(/static/web/img/55380a4bc65a48a9bcbf23bac24ed625.woff);
  width       : 160px;
  height      : 58px;
  opacity     : 1;
  text-indent : -99999px;
}

.downInfo .down-btn:hover {
  opacity : .7;
}

.downInfo .gameQrCode {
  margin-right : 42px;
  position     : relative;
}

.downInfo .gameQrCode img {
  width   : 68px;
  height  : 68px;
  display : block;
}


.downInfo .gameQrCode::before {
  content         : '';
  display         : block;
  width           : 98px;
  height          : 10px;
  position        : absolute;
  top             : 0px;
  left            : -22%;
  background      : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAAAMCAYAAACjpxUSAAADEUlEQVRYhe2YzW7bMAzHf5SVNm1S9Lb7gB33Pn3F7r6n2IPsNmBts26tbXEHWzatyHbiDm0GlABDiiYdSvxbX6K3CPuk0Nnt89QmI7acTPVce8w2R0tiTol0xqYTckyf82/oZtj0DIsag2SEXUZO2STRLZPRrZzSUzoEEKcGmrmCpxwycow1o+feCV+Gw+IZFsw6p8V2QJGRY7qNse8YA8gYYKxM9Vx7qX2OlsZNff1TABgret1yACrTrjPt2sTYd4zmGQHhjDEwDoKijYnScpHo1jcFSQqOKZAwIVP9kPaYbYnPoZSCYm4mSAEQZWVk5NLIMrFFf6EHEPQzBvQTAdADojCOMVELAlvslZEp+0RPAWL5WGAcC44lQDnk2VJKl4ipJcGCIAVALPizkSn7VrrWX1ppgZgbK/UU6wK39qw/CJuPcP0Zrj55xJ+DrHF+jfhLkC1SbHBnW6S4QtwVUmwQv8X5LeIuEX+B+Avc6hLkHHe2RmSF+BWIx61WSOFBPOJcqwviBBHX6IVv82vsCIi0gHDDTjRm6TsosXOKOAdqOu7yRZY9s5jx4d9hQ7sfNPTg0KAQGjBoHdCgaF2DBkJVoVWN1iWhKtGqROsntHoilI+E8hEtfxGqHVo9EMo7tLonlA9ofY/Wd2i1I5Q70B0aHtu4PxCe+f614sc3KH92+eQ2fxBKg2YnIILztnPNcyn6pUYK1xRQQUPo9DigIjL8SERA44zUOIkrukGTroCmIiY+YqTzEetkY7VtDnfYWSBE//3N+MupA2sCONUEdNp1rhkejcPdhguqcVkfvBzEDe0iqA47EutY/4bV9f4g6C0bmik8TldxarHLyVssGRFs70vG8UuGfZ7G2s1mmp/6JJnaJG71dMNjExvbVFog/I+bymP85uitN5VV8q7cFNidMqyDPZbYec0lCRbtn74fO+fpFI+deYDeqEZA5JIym7XuKBqPMK9xMfXSwi/1ey1aejE1dyl13MVUQp7+bGqTSzdmJPoxBT326z62cKdW6CU0NYtYfQw4OX3Ov6Hk6vov2rfpEGEeTEMAAAAASUVORK5CYII=) no-repeat;
  animation       : scan 3s infinite linear;
  background-size : contain;
}

@-webkit-keyframes scan {
  0% {
    top : -10px;
  }

  100% {
    top : 68px;
  }
}

@keyframes scan {
  0% {
    top : -10px;
  }

  100% {
    top : 68px;
  }
}

/****** guide-container  END ******/



.add-wrap {
  background-color : #feffe9;
  position         : relative;
  border-radius    : 10px;
  width            : 80%;
  min-width        : 500px;
  padding          : 30px 0 15px 0;
  text-align       : center;
  margin           : 20px auto;
  box-shadow       : 0 0 20px 2px #bbb;
}

.add-wrap a {
  text-decoration : none;
}

.add-wrap .add-wrap-tit {
  background-color : #998AA0;
  color            : #fff;
  font             : normal bolder 18px microsoft yahei;
  text-indent      : 0;
  text-align       : center;
  line-height      : 34px;
  position         : absolute;
  border-radius    : 5px;
  width            : 300px;
  height           : 35px;
  left             : 50%;
  margin-left      : -150px;
  margin-top       : -42px;
  overflow         : hidden;
}

.add-wrap .add-wrap-main {
  display      : inline-block;
  margin       : 10px auto 0;
  position     : relative;
  padding-left : 200px
}

.add-wrap .add-wrap-main>a {
  position   : absolute;
  left       : 10px;
  top        : 50%;
  margin-top : -70px;
  display    : inline-block;
  color      : rgb(26, 113, 222);
}

.add-wrap .add-wrap-main>a>span {
  display           : inline-block;
  width             : 180px;
  height            : 140px;
  vertical-align    : middle;
  border            : none;
  background-size   : contain;
  background-repeat : no-repeat;
  opacity           : 1;
}

.add-wrap .add-wrap-main>a>span img {
  width  : 140px !important;
  height : 140px !important;
  margin : 0 !important;
}

.add-wrap .add-wrap-main div {
  display     : inline-block;
  width       : 270px;
  font-family : microsoft yahei;
  text-align  : center;
}

.add-wrap .add-wrap-main div p {
  color           : #998AA0 !important;
  text-indent     : 0;
  margin          : 0 5px 5px !important;
  text-decoration : none;
  font-weight     : bold;
  line-height     : 30px !important;
  font-size       : 18px !important;
  padding         : 0;
}

.add-wrap .add-wrap-main div a {
  display  : block;
  position : relative;
}

.add-wrap .add-wrap-main div a span {
  margin           : 10px 0px;
  display          : block;
  font-weight      : 600;
  color            : rgb(255, 255, 255);
  font-size        : 16px;
  border-radius    : 10px;
  text-indent      : 0px;
  background-color : rgb(255, 186, 0);
  height           : 30px;
  line-height      : 30px;
  text-align       : center;
  padding          : 5px 10px;
  overflow         : hidden;
}

.add-wrap .add-wrap-main div a span:hover {
  background : #ffa200
}

.add-wrap .add-wrap-main div a .ewm {
  display          : none;
  position         : absolute;
  top              : -75px;
  right            : -150px;
  width            : 120px;
  height           : 120px;
  padding          : 10px;
  border           : 1px solid #bbbbbb;
  border-radius    : 5px;
  background-color : #ffffff;
}








.web_total_ad_257 {
  width       : 100%;
  height      : 80px;
  overflow    : hidden;
  display     : block;
  font-family : "微软雅黑";
}

.web_total_ad_257 ul {
  width    : 100%;
  height   : 80px;
  overflow : hidden;
  display  : block;
  padding  : 0px;
  margin   : 0px;
}

.web_total_ad_257 ul li {
  float     : left;
  position  : relative;
  font-size : 14px;
}

.web_total_ad_257 ul li a:link {
  color           : #FFFFFF;
  text-decoration : none;
}

.web_total_ad_257 ul li a:hover {
  color           : #FFFFFF;
  text-decoration : none;
}

.web_total_ad_257 ul li a:visited {
  color           : #FFFFFF;
  text-decoration : none;
}

.web_total_ad_257 ul li a.def {
  opacity : 0.9;
  filter  : Alpha(opacity=90);
}

.web_total_ad_257 ul li a.hov {
  text-align : center;
  z-index    : 9;
  position   : absolute;
  left       : 0px;
}

.wta_l {
  margin-left : 2px;
}

.wta_t {
  margin-top : 2px;
}

.wta_r {
  margin-right : 2px;
}

.wta_b {
  margin-bottom : 2px;
}

.wta_257_size_1 {
  width       : 206px;
  height      : 80px;
  overflow    : hidden;
  display     : inline;
  line-height : 26px;
  text-align  : center;
}

.wta_257_size_1 a {
  width     : 100%;
  height    : 80px;
  overflow  : hidden;
  display   : block;
  padding   : 0px 5px 0px 5px;
  font-size : 16px;
}

.wta_257_size_1 a.hov {
  top         : 80px;
  line-height : 80px;
}

.wta_257_size_2 {
  width       : 206px;
  height      : 80px;
  overflow    : hidden;
  display     : inline;
  line-height : 26px;
  text-align  : center;
}

.wta_257_size_2 a {
  width     : 100%;
  height    : 80px;
  overflow  : hidden;
  display   : block;
  padding   : 0px 5px 0px 5px;
  font-size : 16px;
}

.wta_257_size_2 a.hov {
  top         : 80px;
  line-height : 80px;
}

.wta_257_size_3 {
  width       : 190px;
  height      : 39px;
  overflow    : hidden;
  display     : inline;
  line-height : 39px;
  text-align  : center;
}

.wta_257_size_3 a {
  width    : 100%;
  height   : 39px;
  overflow : hidden;
  display  : block;
  padding  : 0px 5px 0px 5px;
}

.wta_257_size_3 a.hov {
  top : 39px;
}

.wta_257_size_4 {
  width       : 190px;
  height      : 39px;
  overflow    : hidden;
  display     : inline;
  line-height : 39px;
  text-align  : center;
}

.wta_257_size_4 a {
  width    : 100%;
  height   : 39px;
  overflow : hidden;
  display  : block;
  padding  : 0px 5px 0px 5px;
}

.wta_257_size_4 a.hov {
  top : 39px;
}

.wta_257_size_5 {
  width       : 190px;
  height      : 39px;
  overflow    : hidden;
  display     : inline;
  line-height : 39px;
  text-align  : center;
}

.wta_257_size_5 a {
  width    : 100%;
  height   : 39px;
  overflow : hidden;
  display  : block;
  padding  : 0px 5px 0px 5px;
}

.wta_257_size_5 a.hov {
  top : 39px;
}

.wta_257_size_6 {
  width       : 190px;
  height      : 39px;
  overflow    : hidden;
  display     : inline;
  line-height : 39px;
  text-align  : center;
}

.wta_257_size_6 a {
  width    : 100%;
  height   : 39px;
  overflow : hidden;
  display  : block;
  padding  : 0px 5px 0px 5px;
}

.wta_257_size_6 a.hov {
  top : 39px;
}

.wta_bg_0 a {
  background-color : #FF730D;
}

.wta_bg_1 a {
  background-color : #1584B7;
}

.wta_bg_2 a {
  background-color : #64A630;
}

.wta_bg_3 a {
  background-color : #FC3533;
}

.wta_bg_4 a {
  background-color : #E66B69;
}

.wta_bg_5 a {
  background-color : #2E9098;
}

.wta_bg_6 a {
  background-color : #CF981E;
}

.wta_bg_7 a {
  background-color : #2E9098;
}

.wta_bg_8 a {
  background-color : #1282B9;
}

.wta_bg_9 a {
  background-color : #B047B8;
}

.wta_bg_10 a {
  background-color : #EEB333;
}





.insert-one {
  border     : 1px solid #e4f2ff;
  background : #f7fbff;
  margin-top : 10px;
  overflow   : hidden;
  zoom       : 1
}

.insert-one .w1 {
  width        : 110px;
  border-right : 1px solid #e4f2ff;
  padding      : 10px;
  float        : left
}

.insert-one .w1 img {
  width  : 110px;
  height : 80px
}

.insert-one .w2 {
  width : 566px;
  float : left
}

.insert-one .w2 .title {
  font-size     : 16px;
  font-weight   : bold;
  height        : 39px;
  line-height   : 38px;
  padding       : 0 10px;
  border-bottom : 1px solid #e4f2ff;
  text-overflow : ellipsis;
  white-space   : nowrap;
  overflow      : hidden;
  zoom          : 1
}

.insert-one .w2 .title a {
  color : #0078ff
}

.insert-one .w2 ul {
  margin-top : 5px
}

.insert-one .w2 li {
  color         : #666;
  width         : 188.6px;
  text-indent   : 10px;
  line-height   : 25px;
  float         : left;
  text-overflow : ellipsis;
  white-space   : nowrap;
  overflow      : hidden;
  zoom          : 1
}

.insert-one .w3 {
  width       : 160px;
  height      : 100px;
  border-left : 1px solid #e4f2ff;
  padding     : 0 10px;
  float       : left
}

.insert-one .w3 a {
  text-align  : center;
  color       : #fff;
  font-size   : 15px;
  font-weight : bold;
  line-height : 35px;
  margin-top  : 10px;
  display     : block
}

.insert-one .w3 a:hover {
  opacity : .9
}

.insert-one .w3 .btn1 {
  background : #ff8a00
}

.insert-one .w3 .btn2 {
  background : #3392ff
}

.insert-one .w3 i {
  padding : 0 15px
}

.insert-two .w1 {
  width : 80px
}

.insert-two .w1 img {
  width         : 80px;
  border-radius : 10px
}

.insert-two .w2 {
  width : 516px
}

.insert-two .w2 .title {
  height      : 28px;
  line-height : 28px;
  padding     : 4px 10px 1px;
  border      : 0
}

.insert-two .w2 .describe {
  color         : #999;
  height        : 18px;
  line-height   : 18px;
  padding       : 0 10px 7px;
  border-bottom : 1px solid #e4f2ff;
  text-overflow : ellipsis;
  white-space   : nowrap;
  overflow      : hidden;
  zoom          : 1
}

.insert-two .w2 ul {
  margin-top : 7px
}

.insert-two .w2 li {
  width : 166px
}

.insert-two .w2 li:nth-child(2) {
  width : 333px;
}