html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
body {font-size: 16px; line-height: 1.5; font-family:'PingFang SC','Lantinghei SC','Helvetica Neue','Helvetica','Arial','Microsoft YaHei','STHeitiSC-Light','simsun','WenQuanYi Zen Hei','WenQuanYi Micro Hei',"sans-serif"; color: #333; background-color: #f9f9f9; }
table { border-collapse:collapse; border-spacing:0; }
em, i { font-style: normal }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
textarea{border:0;}
a { text-decoration: none; color: #333; background: none }
ul, ol { list-style: none; }
button,img,input{ border:none}
input,textarea,select{ color: #333; font-size: 14px;}
:focus{ outline:none;}

/* 原子类 */
.w1100{ width: 1100px;}
.m-img{ display: block; width: 100%;}

/*提示语*/
.body-msg{
	position: fixed;top: 50%;left: 50%;height: 50px;line-height: 50px;padding: 0 25px;
	background-color: rgba(0,0,0,.6);color: #fff;font-size: 18px;border-radius: 5px;
	animation: slideLeft 300ms ease forwards;transform: translate(-40%, -50%);opacity: 0;z-index: 9;
}

/* 命名public-开头代表是公共的 */
/* 公共头部 */
.public-head-wrap{ height: 76px;}
.public-head{ position: fixed; top: 0; right: 0; left: 0; z-index: 12; height: 76px; background-color: #222;}
.public-head__con{ position: relative; width: 1110px; height: 76px; line-height: 76px; margin: 0 auto; }
.public-head__con .logo{ display: inline-block;}
.public-head__con .logo-link{ display: block; overflow: hidden; color: #e9e9e9; font-size: 18px;}
.public-head__con .logo-link>img{ overflow: hidden; width: 42px; height: 42px; display: inline-block; vertical-align: middle; margin-right: 10px}
.public-head__nav{ position: absolute; top: 0; left: 215px; height: 76px; width: 660px; overflow: hidden;}
.public-head__nav .item{float: left; margin: 0 25px;font-size: 18px; color: #e9e9e9;}
.public-head__nav .item:hover,
.public-head__nav .active{ position: relative; font-weight: 700;  color: #fff;}
.public-head__nav .active::after{content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background-color: #2ea52d; }
.public-head__search{ position: absolute; right: 0; top: 18px; width: 210px; height: 40px; border-radius: 20px;
    border: 1px solid #1a9156;background-color: #202f28; overflow: hidden; color: #cbcecd;}
.public-head__search .inpt{ height: 40px; float: left; width: 170px; box-sizing: border-box; padding: 0 5px 0 12px; font-size: 12px;color: #CBCECD;background-color: transparent;}
.public-head__search .inpt:-webkit-autofill{ 
    box-shadow: 0 0 0 100px #202f28 inset;
    -webkit-text-fill-color: #cbcecd !important;
}
.public-head__search .btn{ float: right; width: 40px; height: 40px; text-indent: -99999px; cursor: pointer; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAAXNSR0IArs4c6QAAAZ1JREFUOE+VlD9Il1EUhp8noqBaWlpqaiuCImxIQUgkAhuCwCQQRBzEhgYDBxGihiIIxaVC6A9BTTVEYLUoSW3h0FRDQbiLkIMVnjh2f/Xx0+rzjvee+5z3vt97PmlaEXEM6Ac6gH3AN+ATMA3cVhea79jYiIgdwC3gPPAMeA58BrYBB4Fu4AhwWb1RBa1BCmAG2AX0qO+bu5W6M8A94LE61KhpQB4ALUCrurQRoKL4MDAHDKtTuW/x4C1w9G8KNvBtELgC7Fe/JiR92KOe/ZeC6llEbAW+AJfURwn5AFxX8621V0TcBVbVgYQsA13qbG3Cr48xBrSppxKyCJxTX20Skp6kj6cT8g54qE5sEvIEWFAvJuQq0KkerwuJiN3F2G51OiF7gY9Ar/q0DigixoGTwCE1GmEbBtKoE+r8f8LWCbwE2tU3a2GrJHGyDN4IcEf90ZSN7cB34ACQ4ZxUs/EfSJmNPuAasAV4UQYwL+fFlD+k3o+I9nI+pt78raSiaGfmpvIrWCmwnOrX6mppmDXp4YV1kDrGVhr2AKM/AeQGokMCW1NiAAAAAElFTkSuQmCC) no-repeat center;}

/* 内容main */
.main{ width: 1100px; margin: 0 auto; overflow: hidden;}
/* 公共-全站左侧样式 */
.public-main-left{ float: left; width: 780px;}
/* 公共-全站右侧样式 */
.public-main-right{ float: right; width: 300px;}
.public-mr__title{ position: relative; height: 50px; line-height: 50px; overflow: hidden;font-size: 18px;font-weight: 700;}
.public-mr__title .more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; padding-right: 10px; font-size: 14px; font-weight: 400;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALBAMAAABBvoqbAAAAMFBMVEUAAAAzMzMzMzM0NDQ0NDQzMzMxMTEyMjIzMzMzMzMxMTEzMzMzMzM0NDQvLy8sLCyzmoWPAAAAEHRSTlMAzjHKQjcuKyUjIOG9oxsXqWYclAAAAC9JREFUCNdjOMYABBMVgASXKIj52AFI8JuAmNpAzAkSbExgYGAXBzIUG4DELSAGAKUSBcCP6KzLAAAAAElFTkSuQmCC) no-repeat right center;
}
.public-mr__title .more:hover{ text-decoration: underline;}
.public-mr__box{ background-color: #fff; border-radius: 14px; padding:10px 20px; margin-bottom: 20px;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.02);
}
/* 右侧-游戏下载排行榜 */
.public-mr__ranking{ overflow: hidden;}
.public-mr__ranking .item{ position: relative; overflow: hidden; padding:10px 75px 10px 0; margin-bottom: 5px;}
.public-mr__ranking .item-section{ display: flex;display:-webkit-flex; align-items: center; -webkit-align-items: center;}
.public-mr__ranking .item-section .pic{ width: 60px; height: 60px; border-radius: 14px; overflow: hidden; display: block;}
.public-mr__ranking .item-section .info{ flex: 1; -webkit-flex:1; overflow: hidden; padding-left: 10px; box-sizing: border-box;}
.public-mr__ranking .item-section .info-title{ display: block; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 2px;}
.public-mr__ranking .item-section .info-title:hover{ text-decoration: underline;}
.public-mr__ranking .item-section .info-down{ color: #999; font-size: 12px;}
.public-mr__ranking .item-section .info-down>span{ display: inline-block; margin-right: 6px;}
.public-mr__ranking .item .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); display: block; width: 60px; height: 28px; line-height: 28px; text-align: center; background-color: #16BF6C; border-radius: 15px; color: #fff; font-size: 14px;}
/* 右侧-标签 */
.public-mr__box .tag{ overflow: hidden; margin-top: 10px;display: flex;display:-webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; }
.public-mr__box li{ /*width: 33.33%;*/ padding-right: 10px; box-sizing: border-box;flex-grow: 1;}
.public-mr__box li:nth-child(3n){ /*padding-right: 0;*/}
.public-mr__box .tag-item>a{
   height: 34px; line-height: 34px; text-align: center; background-color: #f5f5f5;border-radius: 18px; margin-bottom: 15px; display: block;
   font-size: 12px; color: #666; padding: 0px 20px;
}
.public-mr__box .tag-item>a:hover{
    background-color: #16BF6C; color: #fff;
}
/* 右侧-相关信息 */
.public-mr__relevant{ overflow: hidden;}
.public-mr__relevant .item{ display: flex;display:-webkit-flex;justify-content: space-between; -webkit-justify-content: space-between;align-items: center; -webkit-align-items: center; height: 48px; line-height: 48px; border-bottom: 1px solid #f5f5f5; font-size: 14px;}
.public-mr__relevant .item:last-child{ border: 0;}
.public-mr__relevant .item-l{ color: #999; display: inline-block; width: 92px;}
.public-mr__relevant .item-r{ color: #666; display: inline-block; flex: 1; -webkit-flex:1; overflow: hidden; text-align: right; height: 48px;} 
.public-mr__relevant .item-arrow{ cursor: pointer; width: 48px; height: 48px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALBAMAAABBvoqbAAAAMFBMVEUAAAAzMzMzMzM0NDQ0NDQzMzMxMTEyMjIzMzMzMzMxMTEzMzMzMzM0NDQvLy8sLCyzmoWPAAAAEHRSTlMAzjHKQjcuKyUjIOG9oxsXqWYclAAAAC9JREFUCNdjOMYABBMVgASXKIj52AFI8JuAmNpAzAkSbExgYGAXBzIUG4DELSAGAKUSBcCP6KzLAAAAAElFTkSuQmCC) no-repeat right center; }
.public-mr__relevant .item-rote{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIBAMAAAA/ygPCAAAAHlBMVEUAAAAxMTEyMjIwMDAzMzMyMjIzMzMzMzMvLy8sLCzfE6YjAAAACnRSTlMALs4jykI34RsX1ZM1dAAAACdJREFUCNdjQAVMAgwMRoIMzMoMHIpArpDBlAQgxajoCpZND4ArBABB8gL5LJRM0AAAAABJRU5ErkJggg==);}
.public-mr__relevant .item-tag{ padding: 0 13px; height: 22px; line-height: 22px; text-align: center; background-color: #f5f5f5;border-radius: 18px; display: inline-block;font-size: 12px; color: #666; margin-left: 5px;}
.public-mr__relevant .item-tag:hover{background-color: #16BF6C; color: #fff;}
.public-mr__relevant .permission{ font-size: 14px; background-color: #f6f6f6; border-radius: 6px; padding: 14px; line-height: 28px; color: #666; display: none;}
/* 右侧-up */
.public-mr__up{display: flex;display:-webkit-flex;align-items: center; -webkit-align-items: center; padding: 10px 0;}
.public-mr__up .info{ flex: 1; -webkit-flex:1; overflow: hidden; padding-right: 10px; box-sizing: border-box;}
.public-mr__up .info-user { height: 26px; line-height: 26px; overflow: hidden; }
.public-mr__up .info-user .pic{ width: 26px; height: 26px; border-radius: 50%; overflow: hidden; float: left; margin-right: 10px;}
.public-mr__up .info-user .words{ font-weight: 700; font-size: 14px; float: left;}
.public-mr__up .info-num{ overflow: hidden;margin-top: 7px;}
.public-mr__up .info-num>span{ display: inline-block; color: #666; font-size: 12px; margin-right: 10px;}
.public-mr__up .btn{ width: 50px; height: 24px; line-height: 24px; border-radius: 14px; border: 1px solid #b4ebd0; text-align: center; color: #24c375; font-size: 13px; display: block; background-color: #e0f6eb;} 
/* 右侧-二维码 */
.public-mr__code{ text-align: center;}
.public-mr__code .pic{ width: 126px; height: 126px; overflow: hidden; margin: 20px auto 5px;}
.public-mr__code .words{ font-size: 12px; color: #999; line-height: 20px; overflow: hidden;}
.public-mr__code .btn{ width: 200px; height: 40px; line-height: 40px; border-radius: 40px; color: #fff; background-color: #16bf6c; display: block; margin: 18px auto; font-size: 12px;}
.public-mr__code .btn .icon{ width: 16px; height: 16px; display: inline-block; vertical-align: top; margin-top: 12px; margin-right: 3px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAMAAAAYAM5SAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAfkikFHGSJBHteOnY1GxCCQa9sGVYi18+KB4ZDfjiy8WGRjEuKxuWgGoAAACrSURBVCjPvc7HDoMwEEXRRwvYAWx6Sy/z/5+YiTCKDZtIkXIWbzF3YcPIRxiehutaAuFzAmSJlSKrTkQkWhFjpRH0loZUhXBE1F/ISBNY7nw40iKARXk2ubzfK42H7wCG2wiciTIE5Eg6HgVim7Tjif6Twl/SnkhskuRpEEs5bFLReQ1m64SP2ikZbDFf6pgJIq+A7cDJB+Nf5fg2aU7KpBquNq00WJ6VE2YvHg8vVih4mlwAAAAASUVORK5CYII=) no-repeat; background-size: 100% auto;}

/* 右侧-相关攻略*/
.public-mr__strategy{
    margin-top: 14px;
}
.public-mr__strategy .public-mr__item{
    height: 62px;
    margin-bottom: 30px;
    display: flex;
}
.public-mr__strategy .public-mr__item:last-of-type{
    margin-bottom: 20px;
}
.public-mr__item .public-mr__img{
    flex-shrink: 0;
    width: 110px;
    height: 100%;
    margin-right: 10px;
    /* background: #D8D8D8; */
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.public-mr__item .public-mr__img img{
    width: 100%;
}
.public-mr__item .public-mr__info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.public-mr__info .public-mr__title{
    height: auto;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #353535;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.public-mr__info .public-mr__text{
    font-size: 12px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #999999;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* 公共尾部 */
.public-foot-wrap{padding: 28px 0 40px; background-color: #24232C; margin-top: 40px;}
.public-foot{ width: 1100px; margin: 0 auto; color: #fff; font-size: 12px; font-weight: 700;}
.public-foot .words{ padding-left: 5px; line-height: 24px;margin-bottom: 10px;}
.public-foot .words-qq{ color: #bebdc0; font-weight: 400; display: inline-block; margin-left: 20px;}
.public-foot__link{ overflow: hidden;}
.public-foot__link a{ color: #fff; display: inline-block; line-height: 30px; padding: 0 5px;}
.public-foot__link a:hover{ text-decoration: underline;}
.public-foot__about{ text-align: center; margin-top: 40px;}
.public-foot__about a{ display: inline-block; margin: 0 16px; color: #fff;}
.public-foot__about a:hover{ text-decoration: underline;}
.public-foot__b{ color: #7d7c82; text-align: center; line-height: 20px; margin-top: 15px;}
.public-foot__b a{color: #7d7c82;}
.public-foot__b .red{color: #FF1A1A; display: inline-block; margin-left: 10px;}
.public-foot__b .icon{ display: inline-block; vertical-align: top; margin-right: 4px; width: 16px;}

/* 面包屑 */
.public-crumbs{ line-height: 20px; margin: 30px auto; font-size: 14px; color: #464646; width: 1100px;}
.public-crumbs a{ position: relative; display: inline-block; padding-right: 20px; color: #888;}
.public-crumbs a::after{
    content: ""; position: absolute; right: 6px; top: 50%; margin-top: -5px; width: 5px; height: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAJBAMAAAAIg/utAAAAHlBMVEUAAAAzMzM1NTU0NDQ0NDQ2NjY0NDQ0NDQ1NTU2NjaANAG3AAAACnRSTlMA4EEvOjTKrGAmGnZsNAAAACpJREFUCNdjSGFgYAh0YGBgFgIyDBUYGDgEGBgcAxiYhBkYFA0YGCoZGAA1ngLkx/jPyAAAAABJRU5ErkJggg==) no-repeat;
}
.public-crumbs span{ display: inline-block;}

/* 公共标题 */
.public-box{ overflow: hidden; margin-bottom: 25px;}
.public-box:last-of-type{ margin-bottom: 0;}
.public-box__title{ position: relative; height: 36px; line-height: 36px; margin-bottom: 25px;}
.public-box__title .words{ font-size: 26px; font-weight: bold; }
.public-box__title .more{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  display: block; padding-right: 10px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALBAMAAABBvoqbAAAAMFBMVEUAAAAzMzMzMzM0NDQ0NDQzMzMxMTEyMjIzMzMzMzMxMTEzMzMzMzM0NDQvLy8sLCyzmoWPAAAAEHRSTlMAzjHKQjcuKyUjIOG9oxsXqWYclAAAAC9JREFUCNdjOMYABBMVgASXKIj52AFI8JuAmNpAzAkSbExgYGAXBzIUG4DELSAGAKUSBcCP6KzLAAAAAElFTkSuQmCC) no-repeat right center;}
.public-box__title .more:hover{ text-decoration: underline;}

/* 公共-热门专题、热门游戏专题模块 */
.public-hot-topic{ overflow: hidden;display: flex;display:-webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;width: 1200px; }
.public-hot-topic__item{
    width: 347px;height: 422px;border-radius: 18px;background-color: #fff;box-shadow: 0px 2px 13px 0px rgba(22, 191, 108, 0.05); padding: 0 25px; box-sizing: border-box; margin-bottom: 30px; margin-right: 29px;
}
.public-hot-topic__collection{ position: relative; border-bottom: 1px solid #f5f5f5; padding: 20px 70px 20px 0; margin-bottom: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.public-hot-topic__collection .t{ font-weight: 700; font-size: 19px; height: 30px; line-height: 30px; overflow: hidden;}
.public-hot-topic__collection .t:hover{text-decoration: underline;}
.public-hot-topic__collection .words{ font-size: 14px; color: #666; line-height: 24px;}
.public-hot-topic__collection .btn{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  background-color: #ebebeb; border-radius: 20px; font-size: 14px; width: 68px; height: 32px; line-height: 32px; overflow: hidden; display: block; color: #666; text-align: center;}
.public-hot-topic__list{ position: relative; overflow: hidden; padding:18px 80px 18px 0;}
.public-hot-topic__list .section{ display: flex;display:-webkit-flex; align-items: center; -webkit-align-items: center;}
.public-hot-topic__list .section .pic{ width: 66px; height: 66px; border-radius: 14px; overflow: hidden; display: block;}
.public-hot-topic__list .section .info{ flex: 1; -webkit-flex:1; overflow: hidden; padding-left: 11px; box-sizing: border-box;}
.public-hot-topic__list .section .info-title{ display: block; font-size: 16px; font-weight: 700; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 4px;}
.public-hot-topic__list .section .info-title:hover{ text-decoration: underline;}
.public-hot-topic__list .section .info-down{ color: #999; font-size: 12px;}
.public-hot-topic__list .section .info-down>span{ display: inline-block; margin-right: 6px;}
.public-hot-topic__list .btn{ position: absolute; right: 0;  top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);  display: block; width: 68px; height: 32px; line-height: 32px; text-align: center; background-color: #16BF6C; border-radius: 20px; color: #fff; font-size: 14px;}

/* 查看更多 */
.public-more{ text-align: center; overflow: hidden; margin: 30px 0; color: #999; font-size: 14px;height: 42px; line-height: 42px;}
.public-more>span{ background-color: #e5e5e5; width: 120px; height: 42px; line-height: 42px; border-radius: 22px; text-align: center; color: #666; display: inline-block; cursor: pointer;}

/* 公共分页 */
.public-page{ text-align: center; height: 100%; overflow: hidden; margin: 35px 0}
.public-page .all,
.public-page .pageindex{ display: none;}
.public-page a,
.public-page .current{ margin: 0 2px; padding:2px; border:1px solid #e4e4e4; background-color: #f9f9f9; width: 30px; min-width: 30px; height: 30px; text-align: center; line-height: 30px; display: inline-block;vertical-align: top;}
.public-page .current,
.public-page a:hover{ background-color: #16BF6C; color: #fff; border-color: #16BF6C}
.public-page .first,.public-page .prev,.public-page .next,.public-page .last{display: inline-block;height: 30px;vertical-align: top;}
.public-page .first a,
.public-page .prev a,
.public-page .next a,
.public-page .last a{ width: auto;padding: 2px 10px;height: 30px; line-height: 30px; display: inline-block;}

/* 公共切换nav (排行榜页、专题页)*/
.public-nav-link{ display: inline-block; height: 42px; line-height: 42px; border-radius: 25px; overflow: hidden; background-color: #ededed; vertical-align: top; margin-bottom: 30px;}
.public-nav-link a{ float: left; padding: 0 30px; text-align: center; font-size: 14px;}
.public-nav-link .active{ color: #fff; background-color: #16BF6C; border-radius: 25px;}
.load-more {
  text-align: center;
  margin: 10px 0 20px;
}
.load-more .refresh-btn {
  background: #ddd;
  display: inline-block;
  font-size: 0.875em;
  padding: 8px 20px;
  color: #333;
}
/* 404 */
.public-no-con{ width: 1100px; margin: 130px auto 150px;}
.public-no-con .pic{ width: 570px; overflow: hidden; margin: 0 auto; transform: translateX(33px);}
.public-no-con .pic img:not([src]){opacity: 0;}
.public-no-con .words{ color: #666; font-size: 26px; line-height: 30px; text-align: center; margin-top: 10px;}
.public-no-con .btn{ display: block; width: 400px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 20px; margin: 50px auto; border-radius: 40px; background-color: #16BF6C;}

/*游戏相关信息栏目*/
.public-game__info{ margin-bottom: 25px; padding: 20px; background: #F9F9F9; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 20px 0; font-size: 13px; }
.public-game__info .public-info_Item{ width: 32%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.public-game__info .public-info_Item:nth-of-type(3n+1){ width: 36%; padding-right: 10px; box-sizing: border-box;  }
.public-info_Item span{ font-weight: normal; color: #353535; }
.public-info_Item .public-info_label{ font-weight: normal; color: #666666; }
.public-info_Item .public-info_tab{ padding: 0 12px; background: #EDEDED; border-radius: 18px; display: inline-block; }
.public-info_Item .public-info_href{ font-weight: normal; color: #666666; text-decoration: underline; }
.public-info_Item .public-info_href:hover{ color: #15BF6B; }
.public-info_Item .public-info_href + .public-info_href{ margin-left: 20px; }
.public-game__hide{}
.public-game__hide .public-info_Item:nth-of-type(3n+1){ width: 32%; padding-right:0; }
.public-game__hide .public-info_Item:nth-of-type(2){ width: 0; }
.public-game__hide .public-info_Item:nth-of-type(3n),.public-game__hide .public-info_Item:nth-of-type(7){ width: 34%; }

/*历史版本栏目*/
.public-history_list{ margin-bottom: 30px; display: flex; flex-wrap: wrap; gap: 20px 40px; }
.public-history_list .public-history_item{ width: calc(50% - 20px); display: flex; align-items: center; }
.public-history_item .public-history_img{ width: 40px; height: 40px; margin-right: 10px; display: block; background: #D8D8D8; border-radius: 10px; flex-shrink: 0; overflow: hidden; }
.public-history_item .public-history_img img{ width: 100%; }
.public-history_item .public-history_btn{ width: 60px; height: 28px; background: #15BF6B; border-radius: 21px; font-size: 14px; font-weight: normal; color: #FFFFFF; display: flex; align-items: center; justify-content: center; line-height: 0; white-space: nowrap; flex-shrink: 0; }
.public-history_item .public-hostory_info{ flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.public-hostory_info .public-hostory_title{ font-size: 14px; font-weight: bold; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.public-hostory_info .public-hostory_text{ font-size: 12px; font-weight: normal; color: #999999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }

/*攻略资讯栏目*/
.public-strategy_list{
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.public-strategy_list .public-strategy_item{
    width: calc( (100% - 20px) / 2 );
    margin-bottom: 20px;
}
.public-strategy_list .public-strategy_item:last-of-type{
    margin-right: 0;
}
.public-strategy_item .public-strategy_href{
    display: flex;
}
.public-strategy_href .public-strategy_img{
    flex-shrink: 0;
    width: 120px;
    height: 68px;
    margin-right: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.public-strategy_href .public-strategy_img img{ width: 100%; height: 100%; object-fit: cover; }
.public-strategy_href .public-strategy_info{
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.public-strategy_info .public-strategy_title{
    font-size: 14px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.public-strategy_info .public-strategy_text{
    font-size: 13px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.large-strategy_list{}
.large-strategy_list .public-strategy_href .public-strategy_img{
    width: 160px;
    height: 90px;
}
.large-strategy_list .public-strategy_href .public-strategy_info{
   height: 90px;
}
.large-strategy_list .public-strategy_info .public-strategy_title{
    font-size: 16px;
    line-height: 20px;
}
.large-strategy_list .public-strategy_info .public-strategy_text{
    font-size: 14px;
    -webkit-line-clamp: 2;
}

/*热门攻略资讯列表*/
.common-strategy_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.common-strategy_list .common-strategy_item{
    width: 100%;
    height: 180px;
    background: #FFFFFF;
    box-shadow: 0px 2px 13px 0px rgba(22,191,108,0.05);
    border-radius: 15px;
    box-sizing: border-box;
    display: flex;
}
.common-strategy_item .common-strategy_href{
    flex: 1;
    padding: 0 30px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-bottom: 1px solid #f4f4f4;
}
.common-strategy_item:last-of-type .common-strategy_href{
    border-bottom: none;
}
.common-strategy_item .common-strategy_descHref{
    margin-top: 13px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.common-strategy_item .common-strategy_img{
    flex-shrink: 0;
    width: 200px;
    height: 113px;
    margin-right: 16px;
    /* background: #D8D8D8; */
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.common-strategy_item .common-strategy_img img{ width: 100%; height: 100%; object-fit: cover; }
.common-strategy_item .common-strategy_info{
    height: 113px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.common-strategy_info .common-strategy_title{
    font-size: 20px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    /* line-height: 20px; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: -3px;
    line-height: normal;
}
.common-strategy_info .common-strategy_desc{
    min-height: 60px;
    font-size: 14px;
    /* font-family: SourceHanSansCN-Medium, SourceHanSansCN; */
    /* font-weight: 500; */
    color: #444444;
    line-height: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.common-strategy_info .common-strategy_text{
    font-size: 14px;
    /* font-family: SourceHanSansCN-Medium, SourceHanSansCN; */
    /* font-weight: 500; */
    color: #999999;
    line-height: 14px;
}

/*public_hot_strategy*/
.public-strategy_list .common-strategy_item{
    width: calc( (100% - 20px) / 2);
    height: 173px;
    margin-bottom: 20px;
}
.public-strategy_list .common-strategy_item .common-strategy_href{
    padding: 0 24px;
    border-bottom:none;
}
.public-strategy_list .common-strategy_info .common-strategy_title{
    min-height: 54px;
    padding-bottom: 0;
    font-size: 18px;
    -webkit-line-clamp: 2;
    line-height: inherit;
}
.public-strategy_list .common-strategy_info .common-strategy_desc{
    min-height: auto;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    -webkit-line-clamp: 1;
}

.public-parse{
    padding: 40px 30px;
}
.public-parse .public-parse_head{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.public-parse_head h1{
    margin-bottom: 20px;
    font-size: 26px;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.public-parse_head .public-parse_info{
    margin-bottom: 30px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #666666;
}
.public-parse_info span{
    margin-right: 40px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.public-parse_info span:last-of-type{
    margin-right: 0;
    max-width: 33%;
}
.public-parse .public-parse_content{
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #353535; 
    line-height: 30px;
}
.public-parse .public-parse_content strong{
    line-height: normal;
}
.public-parse_content .public-parse_main{
    width: 100%;
}
.public-parse_content .public-parse_main img,.public-parse_content .public-parse_main video{
    max-width: 100%;
    margin: 20px 0;
}
.public-parse_content .public-parse_main video{
    margin: 20px auto;
    display: block;
}
.public-parse_content img{
    width: fit-content;
}
.public-parse_content .public-parse_tips{
    width: 100%;
    height: 70px;
    margin-top: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #FFFAF1;
    border-radius: 4px;
    border: 1px solid rgba(249,155,0,0.1);
    border-left-width: 4px;
    border-left-color: #FFA83C;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFA83C;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.public-download{
    width: 100%;
    height: 124px;
    margin-top: 40px;
    padding: 0 55px 0 35px;
    box-sizing: border-box;
    background: linear-gradient( 275deg, rgba(255,255,255,0) 0%, rgba(251,249,254,0.45) 22%, #F6FDFF 48%, rgba(243,255,246,0.23) 100%);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.public-download::before{
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient( 325deg, #FFD9FE 0%, rgba(255,252,245,0.56) 100%);
    position: absolute;
    right: 165px;
    top: 55px;
    z-index: 0;
}
.public-download::after{
    content: "";
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: linear-gradient( 177deg, #FFFFFF 0%, #F9FFFA 35%, #FFFBE6 100%);
    position: absolute;
    right: 48px;
    top: -26px;
    z-index: 0;
}
.public-download .public-download-qrcode{
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    margin-right: 36px;
    border: 1px solid rgba(35, 186, 111, .5);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.public-download-qrcode::before{
    content:'';
    display: block;
    width: 12px;
    height: 12px;
    border-left: 2px solid#23BA6F;
    border-top: 2px solid#23BA6F;
    position: absolute;
    left: -1px;
    top: -1px;
}
.public-download-qrcode::after{
    content:'';
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid#23BA6F;
    border-top: 2px solid#23BA6F;
    position: absolute;
    right: -1px;
    top: -1px;
}
.public-download-qrcode .download-qrcode-content{
    pointer-events: none;
}
.public-download-qrcode .download-qrcode-content::before{
    content:'';
    display: block;
    width: 12px;
    height: 12px;
    border-left: 2px solid#23BA6F;
    border-bottom: 2px solid#23BA6F;
    position: absolute;
    left: -1px;
    bottom: -1px;
}
.public-download-qrcode .download-qrcode-content::after{
    content:'';
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid#23BA6F;
    border-bottom: 2px solid#23BA6F;
    position: absolute;
    right: -1px;
    bottom: -1px;
}
.public-download-qrcode .download-qrcode-icon{
    width: 26px;
    height: 26px;
    border-radius: 5px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.public-download .public-download-info{
    flex: 1;
}
.public-download .public-download-info img{
    position: relative;
}
.public-download .public-download-info::before{
    content:'';
    display: block;
    width: 114px;
    height: 123px;
    background: url(../public/images/img_phone.png) no-repeat center right;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 329px;
}
.public-download .public-download-btn{
    flex-shrink: 0;
    width: 140px;
    height: 38px;
    background: #16BF6C;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.public-download .public-download-btn span{
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    text-indent: 25px;
    position: relative;
}
.public-download .public-download-btn span::before{
    content: "";
    width: 18px;
    height: 100%;
    background: url(../public/images/icon_android.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.public-recommend{
    width: 100%;
    margin-top: 54px;
    padding: 19px 0 19px 35px;
    box-sizing: border-box;
    background: linear-gradient( 90deg, #F6FFF7 0%, #F6FFF7 100%);
    border-radius: 20px;
    border: 1px solid #E8FDF2;
    position: relative;
    display: flex;
    align-items: center;
}
.public-recommend .public-recommend-label{
    width: 138px;
    height: 26px;
    background: url(../public/images/img_recommend.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: 18px;
    top: -14px;
}
.public-recommend .public-recommend-info{
    flex: 1;
    border-radius: 20px 0 0 20px;
    background: linear-gradient( 90deg, #F9FFE8 0%, #E4FFF3 100%);
    display: flex;
    overflow: hidden;
}
.public-recommend-info .recommend-info_icon{
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    padding: 5px;
    margin-right: 15px;
    border-radius: 20px;
    box-sizing: border-box;
    border: 2px solid #84DFAD;
    display: flex;
}
.public-recommend-info .recommend-info_content{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}
.public-recommend-info .recommend-info_title{
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: bold;
    font-size: 20px;
    color: #333333;
   white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.public-recommend-info .recommend-info_desc{
    font-family: Roboto, Roboto;
    font-weight: 400;
    font-size: 13px;
    color: #999999;
    display: flex;
    align-items: center;
}
.public-recommend-info .recommend-info_desc span:nth-of-type(2n){
    width: 1px;
    height: 12px;
    margin: 0 9px;
    background:  #979797;
    opacity: 0.38;
}
.public-recommend .public-recommend-qrcode{
    flex-shrink: 0;
    width: 120px;
    height: 142px;
    padding: 5px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid #7ADBB2;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.public-recommend-qrcode .recommend-qrcode_img{
    width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none; 
}
.recommend-qrcode_img .recommend-qrcode_icon{
    width: 22px;
    height: 22px;
    border-radius: 5px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.public-recommend-qrcode .recommend-qrcode_text{
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: 14px;
    color: #333333;
}
.public-recommend .public-recommend_btn{
    flex-shrink: 0;
    margin-right: 94px;
    display: flex;
    flex-direction: column;
}
.public-recommend_btn a{
    height: 32px;
    padding-left: 8px;
    box-sizing: border-box;
    border-radius: 0 6px 6px 0;
    background: linear-gradient( 270deg, #16BF6C 0%, #16BF6C 100%);
    font-family: SourceHanSansCN, SourceHanSansCN;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 32px;
    position: relative;
    z-index: 0;

}
.public-recommend_btn a::after{
    content:'';
    transform: skew(15deg, 0deg);
    display: block;
    width: 32px;
    height: 32px;
    background-color: #16BF6C;
    border-radius: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    z-index: -1;
}
.public-recommend_btn a:nth-of-type(2n){
    margin-top: 10px;
    background: #1BAFF2;
}
.public-recommend_btn a:nth-of-type(2n)::after{
    background: #1BAFF2;
}


/* hot_information */
.information-box{
    width:1100px;
    margin: 0 auto 55px;
}
.information_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.information-more{
    font-size: 16px;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.information-more .information-more_icon{
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url(../images/reset.png) no-repeat center;
    background-size: contain;
    transition: all .25s linear 0s;
}
.information-more:hover>.information-more_icon{
    transform: rotate(180deg);
}
.information-warp{
    margin-bottom: 30px;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.information-warp_game{
    height: 256px;
    padding: 40px 0;
    background: #fff;
    overflow: hidden;
}
.information-game_list{
    display: flex;
}
.information-game_list .information-game_item{
    width: 172px;
}
.information-game_list .information-game_item + .information-game_item{
    margin-left: 14px;
}
.information-game_list .information-game_item a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.information-game_list .information-game_icon{
    width: 132px;
    height: 132px;
    margin-bottom: 20px;
    /* background: #D8D8D8; */
    border-radius: 16px;
}
.information-game_list .information-game_text{
    width: 132px;
    font-size: 16px;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 500;
    text-align: center;
    color: #333333;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.information-swiper{
    width: 537px;
    height: 347px;
    box-shadow: 0px 2px 13px 0px rgba(22,191,108,0.05);
    border-radius: 12px;
    background-position: center;
    background-size: contain;
    display: flex;
    overflow: hidden;
}
/*swiper2*/
.HI_swipers .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.HI_swipers .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.HI_swipers .swiper-button-next::after,.HI_swipers .swiper-button-prev::after{
    display: none;
}
.HI_swipers .swiper-button-next,.HI_swipers .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
}
.HI_swipers .swiper-button-next{
    background-image:url(../images/mini-button-next.png);
    right: 15px;
} 
.HI_swipers .swiper-button-prev{
    background-image:url(../images/mini-button-prev.png);
    left: 15px;
} 
.HI_swipers .swiper-pagination{
    padding-right: 30px;
    padding-bottom: 10px;
    box-sizing: border-box;
    text-align: right;
}
.HI_swipers .swiper-pagination-bullet{
    background: #F0F2F5;
 }
 .HI_swipers .swiper-pagination-bullet-active{
     width: 16px;
     border-radius: 16px;
     background: #00CB4E;
 }

/*swiper8*/
/* .HI_swiper .swiper-slide{
    border-radius: 12px;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.HI_swiper .swiper-pagination{
    padding-right: 30px;
    padding-bottom: 10px;
    box-sizing: border-box;
    text-align: right;
}
.HI_swiper .swiper-pagination-bullet{
   background: #F0F2F5;
}
.HI_swiper .swiper-pagination-bullet-active{
    width: 16px;
    border-radius: 16px;
    background: #00CB4E;
}
.HI_swiper .swiper-button-next::after,.HI_swiper .swiper-button-prev::after{
    display: none;
}
.HI_swiper .swiper-button-next,.HI_swiper .swiper-button-prev{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
}
.HI_swiper .swiper-button-next{
    background-image:url(../images/mini-button-next.png);
    right: 15px;
} 
.HI_swiper .swiper-button-prev{
    background-image:url(../images/mini-button-prev.png);
    left: 15px;
}  */
.information-info{
    width: 537px;
    height: 347px;
    padding: 0 20px;
    box-sizing: border-box;
    box-shadow: 0px 2px 13px 0px rgba(22,191,108,0.05);
    border-radius: 12px;
    background: #FFFFFF;
    font-family: SourceHanSansSC, SourceHanSansSC;
}
.information-info .information-info_head{
    padding: 20px 0;
    border-bottom: 1px solid #F0F0F0;
}
.information-info .information-info_title{
    margin-bottom: 6px;
    font-size: 22px;
    font-weight: bold;
    color: #15BF6B;
    line-height: 32px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.information-info .information-info_desc{
    height: 44px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(51,51,51,0.65);
    line-height: 22px;
    position: relative;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; */
    overflow: hidden;
}
.information-info .information-info_more{
    padding-right: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #15BF6B;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff url(../images/more.png) no-repeat center right; 
    display: none;
}
.information-info .information-info_more::before{
    content:'';
    width: 50px;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #fff 80% );
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateX(-50px);
}
.information-info .information-info_list{
    padding: 20px 0 0;
    display: flex;
    flex-direction: column;
}
.information-info li::marker {
    color: #D9D9D9;
    content: "•";
}
.information-info .information-info_item a span{
    transition: all .2s linear 0s;
}
.information-info .information-info_item:hover>a>span:first-of-type{
    color: #000;
}
.information-info .information-info_item + .information-info_item{
    margin-top: 16px;
}
.information-info .information-info_item a{
    display: flex;
    justify-content: space-between;
    font-variant-numeric: tabular-nums;
}
.information-info .information-info_item span{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    line-height: 24px;
}
.information-info .information-info_item .information-info_text{
    flex: 1;
    padding-right: 28px;
    text-indent: 10px;
    font-weight: 500;
    color: rgba(51,51,51,0.85);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.information-info .information-info_item .information-info_date{
    flex-shrink: 0;
    width: 6ch;
    text-align: right;
    font-family: Arial,sans-serif;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

/*common-qrcodes*/
.common-qrcode{
    max-width: 1584px;
    margin: 0 auto;
    min-width: 1100px;
    height: 0;
    font-family: SourceHanSansSC, SourceHanSansSC;
    position: relative;
    position: sticky;
    top: 25px;
    z-index: 1;
}
.common-qrcode .common-qrcode_sticky{
    width: 222px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 2px 13px 0px rgba(22,191,108,0.05);
    border-radius: 12px;
    box-sizing: border-box;
    font-size: 14px;
    font-family: SourceHanSansSC, SourceHanSansSC;
    font-weight: 400;
    color: #000000;
    line-height: 20px;
    position: absolute;
    right: 0;
    top: 61px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.common-qrcode .common-qrcode_icon{
    width: 120px;
    height: 120px;
    margin-bottom: 4px;
    background: #D8D8D8;
}
.common-qrcode .common-qrcode_btn{
    width: 185px;
    height: 38px;
    margin-top: 22px;
    border-radius: 20px;
    background: #15BF6B;
    color: #fff;
    line-height: 0;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.common-qrcode .common-qrcode_btnicon{
    width: 20px;
    height: 20px;
    margin-right: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAMAAAAYAM5SAAAAdVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////li2ZAAAAAJnRSTlMAfkikFHGSJBHteOnY1GxCCQa9sGVYi18+KB4ZDfjiy8WGRjEuKxuWgGoAAACrSURBVCjPvc7HDoMwEEXRRwvYAWx6Sy/z/5+YiTCKDZtIkXIWbzF3YcPIRxiehutaAuFzAmSJlSKrTkQkWhFjpRH0loZUhXBE1F/ISBNY7nw40iKARXk2ubzfK42H7wCG2wiciTIE5Eg6HgVim7Tjif6Twl/SnkhskuRpEEs5bFLReQ1m64SP2ikZbDFf6pgJIq+A7cDJB+Nf5fg2aU7KpBquNq00WJ6VE2YvHg8vVih4mlwAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    display: block;
}
.common-qrcode .common-qrcode_tip{
    width: 185px;
    margin-top: 8px;
    background: transparent;
    color: #ff9d5f;
    border-radius: 0;
    text-decoration-line: underline;
    font-size: 12px;
    text-align: center;
}