html {
    font-size: 50px
}

@media (min-width: 320px) {
    html {
        font-size: 50px
    }
}

@media (min-width: 360px) {
    html {
        font-size: 56.25px
    }
}

@media (min-width: 375px) {
    html {
        font-size: 58.59375px
    }
}

@media (min-width: 414px) {
    html {
        font-size: 64.6875px
    }
}
@media screen and (min-width:751px){
    html {
        font-size: 64.6875px
    }
    body,.g-game .m-appdown{width:750px !important;margin:0 auto !important;}
    .g-game .m-appdown{right: 0;}
    [data-dpr="1"] body{width:750px;margin:0 auto !important;}

}

body, dl, dd, h1, h2, h3, h4, h5, h6, p, form {
    margin: 0;
    font-weight: normal
}

ol, ul, li {
    margin: 0;
    padding: 0;
    list-style: none
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block
}

.clearfix:after {
    content: '';
    display: table;
    clear: both
}

.clearfix {
    *zoom: 1
}

a {
    border: none;
    text-decoration: none
}

a, button, input {
    -webkit-tap-highlight-color: transparent
}

a:active {
    opacity: 0.8
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    border: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }

body {
    font: 0.24rem/1.4286 "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    color: #333;
    background: #f1f1f1
}

.star, i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJsAAAA8CAMAAABGpjjoAAAAllBMVEUAAAD6iBn//////fr7mDj6ix76kCf/9/D6jSP7qFb7oEf6kSv917H7pVL7nkL7lC/+6NL+48n+7Nv9yZf8uXf7ljT9zJz8s2z+3Lr9z6H9w4z/+/j/+vb/9On+8eT91Kr+7+D8sWf8rWH8voH8u3z7o0z+6tb+5c3+3r/8wIX9x5L8rF7/+fT+4MP7mz36jCD7mjv90qe+yALCAAAAAXRSTlMAQObYZgAABKZJREFUaN7s17lywjAUhWGfK3nHGLOYNTEkZCEL8P5PFzTMoIRCp0i4Vb7212lUaEbRFYlCTDhLFMTGhGmDuVuQcTiTSswmEspFImRMMqlBUzSBmgINGZNMasgqw5hk5bHXA0pDsu7Ye4fFjGTVsZfG9QwbklXH3hyPpsw+SNYcexUGMkZHsuLYG+Io0iBPDclq467oW1smGU4WIjKBkySltdWa5JuOne4UE2uLosrXIjLP8+I0ioGnO5JvPHae96gb+cHsgK0h+eZj52ODeCTf3FXIeiQrjM/aGA/p5UBToz8kWWnsDCawAzkbxZiuSFYYe2mFRzmrMSJZZ+w94FPOxuiRrDL2llliRIy73RmmJKuMvVdsRIYFxitZHkohWWPsbdFJewBwfJF3NCRrjD2LQY54cZ8DuxY7khXG3hBZgv1LFMk8Q40+yQpjbwRgu4qc9ROAe5K1xk6Fyevlq/gWoyVZaeyk8TSNvOd+TrLS2Pm8evPMYknyLcf//pQh9RdZ2Jj5asfa2lOFgaCDSYqCoBbES6UKxVu91P//507z4TEkWfflvJ556vdNx7jOzkL2xLKfJXv4Oyu+v7FfbatpDuPwg6MH7OkTfmvQLDh2LjXNoUbM3vsTTpzhwLAlGk5cIemxCHJ8s/d+7BhXIhRctwBMR3xITbOuAJKxvQGOjCsA1xEJwDRzDE3zrgALxhWA2S4WANMRO4BzbQQgZ7MSAWg4V4AJs90D0xFHLR4zG9GW5lwBY3ui2YxzBXL9qpOFpmumkwF8sTtXMLbvoKH6L7d7GrMX7B7gOmIIDWbTvQ6hcaV3Pf0a0IjPdDNKaDS0eJW14sOZKRuI3xwjh0MhUhXCglJ6ibLrnbfDq8iVkhYrlUqFOAa9WIsjXxwJ0Ux7b1UrttmbUrkQp6C3UKGUICDlrQ7aLxeBxnWqu7TCC5y0PFagkWy0eAAacma6jMLyaUdD8sX58ZQka0svrXiTgEK2asVLkOL9w8uIpMNJpxu+6MoemKQ+PVo/xQXx4Xfz7kgcP3iKzyP4SKyw+9bk+25IPGvqbsffQ4f9GXfFI8+wrtj/YTM3TdPErswEhrBGxU7Mfiy6evMDbhDNnemibL9iYqxXMKj9tYE0bL6xKLfnl554DgNReuIrDCJy8pueoyboGgZpQExtgztxMTcQ/sndwtIeBQGDkcfe0cHeZYOoayl1MTeYenNZOjRXG/WiVBHTx2BvhXTl0lYa3v0tk0PztSF2a7OiODQEFbaD97oMzpPMHiCGcGr7KrfQKMjaxD5uzSvJR3VdfoN6VYmhcR1/Kmi4nqSP+CYwtF9bfvg76lSfCEr28ZsJfTwWRFDERLelFudUUOpfp8uB8cRppu2qF5xgaLe29hbWHj/xgpI+rNLHf/tByfQT7nH8zgtKfmn/nIVA4TdT2H72RpBRKjoDVS/Cjm5t5vq4GeG2coKSzp/i2Q0nNyiFETeuJ0M96Ttj+tb3hkD7jHsen9i1qU/rjnyb20GpuuJp09hBibo29U/yYjUTZPezxyla2mC3CJwr+tq6KZROj1gNt7+7qyCrn5drmx5b/36pbLqfLXr/8U/4A9QreO8G9svTAAAAAElFTkSuQmCC);
    background-size: 1.55rem 0.6rem
}

.star {
    display: inline-block;
    width: 1.55rem;
    height: 0.3rem;
    position: relative;
    margin-bottom: -0.03rem
}

.star i {
    display: block;
    height: 0.3rem;
    background-position: left bottom
}

.g-game {
    padding: 0 0 0.4rem;
    text-align: center;
    background: #fff;
    margin-bottom: 0.2rem
}

.g-game .m-gamedown {
    display: none
}

.g-game.fx {
    padding-top: 1.44rem
}

.g-game.fx .m-gamedownb {
    display: none
}

.g-game.fx .m-gamedown {
    display: block;
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0
}

.g-game .m-appdown {
    width: 100%;
    height: 1.44rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fafafa;
    border-bottom: 1px solid #e6e6e6;
    padding: 0.24rem;
    font-size: 0.24rem
}

.g-game .m-appdown.fx {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0
}

.g-game .m-appdown .icon {
    float: left;
    width: 0.96rem;
    height: 0.96rem;
    background: url(../images/icon.png?t=1561529335);
    background-size: 0.96rem 0.96rem;
    margin-right: 0.24rem
}

.g-game .m-appdown .iconpic {
    float: left;
    width: 0.96rem;
    height: 0.96rem;
    margin-right: 0.24rem
}

.g-game .m-appdown .iconpic img {
    width: 100%;
    height: 100%
}

.g-game .m-appdown dl {
    text-align: left;
    float: left;
    width: 100%;
    margin-left: -1.2rem;
    margin-right: -2rem;
    overflow: hidden
}

.g-game .m-appdown dl dt {
    font-size: 0.28rem;
    color: #333;
    padding: 0.08rem 1.8rem 0.05rem 1.08rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.g-game .m-appdown dl dd {
    font-size: 0.23rem;
    color: #999;
    padding: 0 1.65rem 0 1.08rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.g-game .m-appdown .btn {
    float: right;
    height: 0.52rem;
    line-height: 0.52rem;
    background: #54ba3d;
    color: #fff;
    border-radius: 0.06rem;
    padding: 0 0.5rem 0 0.1rem;
    margin-top: 0.2rem
}

.g-game .m-appdown .btn:after {
    content: '';
    position: absolute;
    width: 0.24rem;
    height: 0.24rem;
    background: url(../images/download.png);
    background-size: 0.24rem 0.24rem;
    margin: 0.12rem 0 0 0.1rem
}

.g-game .m-info {
    padding-top: 0.4rem
}

.g-game .m-info .icon {
    display: inline-block;
    width: 1.9rem;
    height: 1.9rem;
    margin-bottom: 0.2rem
}

.g-game .m-info h3 {
    font-size: 0.32rem;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    margin: 0 auto;
}

.g-game .m-info p {
    line-height: 1.6;
    font-size: 0.24rem
}

.g-game .m-info .num {
    color: #ffa92d
}

.g-game .m-info .size {
    color: #999
}

.g-game .m-info .sface {
    color: #54ba3d;
    margin-bottom: 0.3rem
}

.g-game .m-down .btn {
    display: inline-block;
    width: 2rem;
    height: 0.72rem;
    text-align: center;
    line-height: 0.72rem;
    background: #54ba3d;
    color: #fff;
    font-size: 0.28rem;
    border: 1px solid #54ba3d;
    border-radius: 0.06rem;
    margin: 0 0.15rem 0.15rem
}

.g-game .m-down .btn.j-download {
    background: #399bee;
    border-color: #399bee;
}

.g-game .m-down .btn.j-yuyue {
    background: #399bee;
    border-color: #399bee;
}

.g-game .m-down .btn.btn_mb4 {
    color: #399bee;
    background: none;
    border-color: #399bee;
}

.g-game .m-down p {
    font-size: 0.24rem;
    color: #999;
    margin-bottom: 0.1rem
}

.g-game .m-down .open {
    font-size: 0.24rem;
    color: #54ba3d;
    border-bottom:1px solid #54ba3d;
}

.g-game .m_download_tips{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 100;
}

.g-game .m_download_tips .m_download_box{
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 0.1rem;
    padding: 0.3rem;
    transform: translate(-50%, -50%);
}

.g-game .m_download_tips .m_download_tips_close{
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 0.25rem;
    height: 0.25rem;
    background: url("../images/download_tips_close.png");
    background-size: 100% 100%;
}

.g-game .m_download_tips .download_title{
    line-height: 1.5;
    text-align: left;
    font-size: 0.26rem;
    font-weight: bold;
    color: #333;
}

.g-game .m_download_tips p{
    line-height: 3;
    font-size: 0.24rem;
    color: #666;
    white-space: nowrap;
}

.g-game .m_download_tips .m_download_btn{
    display: block;
    line-height: 2.5;
    font-size: 0.26rem;
    color: #fff;
    background: #54ba3d;
    border-radius: 0.05rem;
    margin: 0.05rem 0 0.2rem;
}

.g-game .m_download_tips .download_tips_choose{
    overflow: hidden;
}

.g-game .m_download_tips .download_tips_choose i{
    float: left;
    width: 0.2rem;
    height: 0.2rem;
    margin: 0.04rem 0.1rem 0 0;
}

.g-game .m_download_tips .download_tips_choose i.download_tips_choose_icon{
    background: url(../images/download_tips_choose.png?t=1548921717) center no-repeat;
    background-size: 100% 100%;
}

.g-game .m_download_tips .download_tips_choose i.download_tips_unchoose_icon{
    background: url(../images/download_tips_unchoose.png?t=1548921717) center no-repeat;
    background-size: 100% 100%;
}

.g-game .m_download_tips .download_tips_choose span{
    float: left;
    color: #ddd;
    font-size: 0.2rem;
}

.g-tab .m-tabtop {
    background: #fff;
    margin-bottom: 0.2rem
}

.g-tab .m-tabtop.m-tabtwo li {
    width: 50%
}

.g-tab .m-tabtop li {
    float: left;
    width: 33.33%
}

.g-tab .m-tabtop li a {
    position: relative;
    text-align: center;
    line-height: 0.92rem;
    display: block;
    font-size: 0.28rem;
    color: #333
}

.g-tab .m-tabtop li.active a {
    color: #54ba3d
}

.g-tab .m-tabtop li.active a:after {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 0.04rem;
    background: #54ba3d;
    bottom: 0;
    left: 50%;
    margin-left: -0.6rem
}

.g-tab .m-tabbot {
    width: 100%;
    overflow: hidden
}

.g-tab .m-tabbot .m-tab1 {
    font-size: 0.24rem
}

.g-tab .m-tabbot .m-tab1 .m-game {
    background: #fff;
    padding: 0.3rem;
    margin-bottom: 0.2rem
}

.g-tab .m-tabbot .m-tab1 .m-game .screenshots {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.2rem
}

.g-tab .m-tabbot .m-tab1 .m-game .screenshots .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.g-tab .m-tabbot .m-tab1 .m-game .screenshots .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 33.3%;
    padding: 0 0.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    position: relative
}

.g-tab .m-tabbot .m-tab1 .m-game .screenshots .swiper-slide img {
    width: 100%
}

.g-tab .m-tabbot .m-tab1 .m-game .intro {
    line-height: 0.36rem;
    max-height: 1.78rem;
    word-break: break-all;
    overflow: hidden;
}

.g-tab .m-tabbot .m-tab1 .m-game .intro.show {
    max-height: inherit
}

.g-tab .m-tabbot .m-tab1 .m-game .more a {
    display: none;
    float: right;
    padding: 0 0.35rem 0.2rem 0.3rem;
    color: #54ba3d;
    margin-top: 0.15rem
}

.g-tab .m-tabbot .m-tab1 .m-game .more a:after {
    content: '';
    position: absolute;
    width: 0.24rem;
    height: 0.24rem;
    padding: 0.02rem;
    margin-left: 0.05rem;
    margin-top: 0.04rem;
    background: url(../images/intro_press.png) no-repeat;
    background-size: 0.24rem 0.24rem;
    transform-origin: center center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.g-tab .m-tabbot .m-tab1 .m-game .more a.show:after {
    margin-top: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.g-tab .m-tabbot .m-tab1 .m-game .info {
    color: #999;
    margin-bottom: 0.1rem
}

.g-tab .m-tabbot .m-tab1 .m-game .sface {
    color: #54ba3d;
    padding-left: 0.36rem;
    line-height: 0.28rem
}

.g-tab .m-tabbot .m-tab1 .m-game .sface:before {
    content: '';
    position: absolute;
    width: 0.26rem;
    height: 0.28rem;
    background: url(../images/sface.png) no-repeat;
    background-size: 0.25rem 0.28rem;
    margin-left: -0.36rem;
    margin-top: -0.02rem
}

.g-tab .m-tabbot .m-tab1 .m-interest {
    background: #fff
}

.g-tab .m-tabbot .m-tab1 .m-interest h3 {
    padding: 0 0.3rem;
    font-size: 0.28rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border-bottom: #e5e5e5 solid 1px
}

.g-tab .m-tabbot .m-tab1 .m-interest ul {
    padding: 0.3rem
}

.g-tab .m-tabbot .m-tab1 .m-interest li {
    width: 25%;
    float: left;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.1rem
}

.g-tab .m-tabbot .m-tab1 .m-interest li a {
    display: inline-block;
    color: #333;
    width: 1.2rem;
    height: 0.52rem;
    background: #54ba3d;
    line-height: 0.52rem;
    color: #fff;
    border-radius: 0.08rem
}

.g-tab .m-tabbot .m-tab1 .m-interest li img {
    width: 0.96rem;
    height: 0.96rem;
    display: inline-block;
    margin-bottom: 0.1rem
}

.g-tab .m-tabbot .m-tab1 .m-interest li span {
    font-size: 0.24rem;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0.18rem
}

.g-tab .m-tabbot .m-tab1 .m_info{
    margin-top: 0.2rem;
    background: #fff;
    overflow: hidden;
}

.g-tab .m-tabbot .m-tab1 .m_info div{
    padding: 0 0.3rem;
}

.g-tab .m-tabbot .m-tab1 .m_info div p{
    padding-top: 0.2rem;
    overflow: hidden;
}

.g-tab .m-tabbot .m-tab1 .m_info div p span{
    float: left;
}

.g-tab .m-tabbot .m-tab1 .m_info div p a{
    color: #666;
    text-decoration: underline;
}

.g-tab .m-tabbot .m-tab1 .m_link{
    margin-top: 0.2rem;
    background: #fff;
}

.g-tab .m-tabbot .m-tab1 .m_link h3 {
    padding: 0 0.3rem;
    font-size: 0.28rem;
    height: 0.86rem;
    line-height: 0.86rem;
    border-bottom: #e5e5e5 solid 1px;
}

.g-tab .m-tabbot .m-tab1 .m_link div {
    padding: 0.2rem 0.3rem 0;
}

.g-tab .m-tabbot .m-tab1 .m_link a {
    float: left;
    font-size: .24rem;
    color: #333;
    margin: 0 0.2rem 0.2rem 0;
}

.g-tab .m-tabbot .m-tab2 {
    background: #fff
}

.g-tab .m-tabbot .m-tab2 .downtext {
    width: 100%;
    font-size: 0.26rem;
    line-height: 0.84rem;
    text-align: center;
    border-bottom: 0.2rem solid #f1f1f1
}

.g-tab .m-tabbot .m-tab2 .downtext a {
    color: #54ba3d
}

.g-tab .m-tabbot .m-tab2 li {
    padding: 0.25rem;
    height: 1rem;
    font-size: 0.24rem;
    border-bottom: #e5e5e5 solid 1px
}

.g-tab .m-tabbot .m-tab2 li img {
    width: 1rem;
    height: 1rem;
    float: left
}

.g-tab .m-tabbot .m-tab2 li dl {
    float: left;
    width: 100%;
    margin: 0 0 0 -1rem;
    margin-right: -1.8rem;
    padding: 0.08rem 0
}

.g-tab .m-tabbot .m-tab2 li dt {
    font-size: 0.28rem;
    margin-bottom: 0.08rem;
    padding: 0 1.6rem 0 1.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.g-tab .m-tabbot .m-tab2 li dd {
    font-size: 0.22rem;
    color: #999;
    padding: 0 1.6rem 0 1.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.g-tab .m-tabbot .m-tab2 li a {
    float: right;
    margin-top: 0.22rem;
    width: 1.32rem;
    height: 0.52rem;
    line-height: 0.52rem;
    text-align: center;
    border-radius: 0.08rem
}

.g-tab .m-tabbot .m-tab2 li a.hashover {
    color: #fff;
    background: #54ba3d;
    border: 1px solid #54ba3d
}

.g-tab .m-tabbot .m-tab2 li a.beginer {
    background: #fff;
    border: 1px solid #54ba3d;
    color: #54ba3d
}

.g-tab .m-tabbot .m-tab2 li a.disabled {
    background: #fff;
    border: 1px solid #ddd;
    color: #ddd
}

.g-tab .m-tabbot .m-tab3 .m-fraction {
    line-height: 0.84rem;
    padding: 0 0.3rem;
    margin-bottom: 0.2rem;
    background: #fff;
    font-size: 0.24rem
}

.g-tab .m-tabbot .m-tab3 .m-fraction .star {
    float: left;
    margin: 0.25rem 0.3rem 0 0
}

.g-tab .m-tabbot .m-tab3 .m-fraction .score {
    float: left
}

.g-tab .m-tabbot .m-tab3 .m-fraction .num {
    float: right;
    color: #999
}

.g-tab .m-tabbot .m-tab3 .m-fraction .num span {
    color: #54ba3d
}

.g-tab .m-tabbot .m-tab3 .m-comment {
    background: #fff;
    padding-bottom: 0.2rem
}

.g-tab .m-tabbot .m-tab3 .m-comment h3 {
    padding: 0 0.8rem;
    background: #fbfbfb;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.28rem;
    background: #fbfbfb 0.3rem center no-repeat url(../images/comment_title.png);
    background-size: 0.42rem 0.42rem
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li {
    font-size: 0.24rem;
    padding: 0.3rem;
    border-bottom: 1px solid #f1f1f1
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li:last-child {
    border: none
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li:after {
    content: '';
    display: table;
    clear: both
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .hd {
    margin-bottom: 0.1rem
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .hd img {
    float: left;
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 50%;
    margin-right: 0.15rem
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .hd dt {
    color: #999
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .hd dt span {
    color: #ff9422;
    margin-left: 0.15rem
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .ly {
    margin-bottom: 0.1rem
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .ff {
    color: #999
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .ff span:first-child {
    float: left
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-comm li .ff span:last-child {
    float: right
}

.g-tab .m-tabbot .m-tab3 .m-comment .m-morecomm {
    display: block;
    height: 0.66rem;
    line-height: 0.66rem;
    border: 1px solid #bababa;
    text-align: center;
    color: #999;
    font-size: 0.26rem;
    margin: 0 0.2rem
}

.g-interest {
    background: #fff
}

.g-foot {
    padding: 0.3rem 0;
    line-height: 1.6;
    text-align: center;
    font-size: 0.22rem;
    color: #999
}

#__bs_notify__ {
    display: none !important
}

.u-subscribe {
    background:#ffa92d !important;
    border-color: #ffa92d !important;
}

.publish_time {
    color: #999;
}

.m_tips_dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 14;
    background: transparent
}

.m_tips_dialog .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .3)
}

.m_tips_dialog .box_tips {
    position: absolute;
    right: .25rem;
    top: .25rem;
    width: 3.9rem;
    height: 2.1rem;
    background: url(https://fs.img4399.com/ma~330_20171225212851_5a40fd13281cc.png?t=1514208531) no-repeat;
    background-size: 100% auto;
    z-index: 3;
    color: #fff;
    font-size: .3rem;
    padding: 0.83rem 0 0 0.4rem
}

.m_tips_dialog .box_tips p {
    line-height: 1;
    font-weight: 700;
    margin-bottom: .525rem
}

.m_yuyue_dialog{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 14;
    background: transparent
}

.m_yuyue_dialog .filter {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .3)
}

.m_yuyue_dialog .yuyue_box{
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 0.1rem;
    transform: translate(-50%, -50%);
    padding: 0.3rem;
    z-index: 3;
}

.m_yuyue_dialog .m_yuyue_close{
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    width: 0.25rem;
    height: 0.25rem;
    background: url("../images/download_tips_close.png");
    background-size: 100% 100%;
}

.m_yuyue_dialog .m_yuyue_title{
    line-height: 1.5;
    text-align: left;
    font-size: 0.26rem;
    font-weight: bold;
    color: #333;
    margin-top: 0.07rem;
}

.m_yuyue_dialog .m_yuyue_tips{
    line-height: 3;
    font-size: 0.24rem;
    color: #666;
    white-space: nowrap;
}

.m_yuyue_dialog .m_yuyue_input_box{
    position: relative;
    margin: 0.2rem 0;
}

.m_yuyue_dialog .m_yuyue_input_box div{
    position: relative;
    margin-top: 0.2rem;
    overflow: hidden;
}

.m_yuyue_dialog .m_yuyue_input_box input {
    display: block;
    width: 2.5rem;
    height: 0.56rem;
    line-height: 0.56rem;
    color: #666;
    padding: 0 2rem 0 0.24rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.04rem;
    outline: 0;
    margin: 0;
}

.m_yuyue_dialog .m_yuyue_input_box input::placeholder{
    color: #bbb;
}

.m_yuyue_dialog .m_yuyue_input_box .m_yuyue_confirm{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1.4rem;
    text-align: center;
    line-height: 0.6rem;
    font-size: 0.24rem;
    color: #fff;
    background: #54ba3d;
    border: 1px solid #54ba3d;
    border-radius: 0.04rem;
    margin: 0;
}

.m_yuyue_dialog .m_yuyue_input_box .z_subscribe_hide{
    display: none;
}

.m_yuyue_dialog .m_yuyue_input_code_box .z_subscribe_hide{
    display: block;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeImgCode input{
    float: left;
    width: 2rem;
    padding-right: 0.24rem;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeImgCode img{
    float: left;
    width: 1.6rem;
    height: 0.59rem;
    margin-left: 0.2rem;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeImgCode .changeImgCode{
    float: right;
    width: 0.35rem;
    height: 0.59rem;
    background: url("../images/icon_refresh.png") right center no-repeat;
    background-size: 0.27rem 0.31rem;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeMsgCode input{
    float: left;
    width: 2.45rem;
    padding-right: 0.24rem;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeMsgCode .reFetchMsgBtn{
    float: right;
    width: 1.6rem;
    height: 0.56rem;
    line-height: 0.56rem;
    text-align: center;
    font-size: 0.24rem;
    color: #54ba3d;
    background: #f1ffee;
    border: 1px solid #54ba3d;
    border-radius: 0.04rem;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeMsgCode .reFetchMsgBtn:active{
    background: #fff;
}

.m_yuyue_dialog .m_yuyue_input_code_box .writeMsgCode .reFetchMsgBtn.z_subscribe_disabled{
    color: #fff;
    background: #ddd;
    border-color: #ddd;
}

.m_yuyue_dialog .m_yuyue_input_box.m_yuyue_input_code_box .m_yuyue_confirm{
    position: relative;
    width: 100%;
    margin-top: 0.4rem;
}

.m_yuyue_dialog .yuyue_success_box{
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 0.1rem;
    transform: translate(-50%, -50%);
    padding: 0.3rem;
    z-index: 3;
}

.m_yuyue_dialog .yuyue_success_box .m_yuyue_success_tips{
    line-height: 1;
    font-size: 0.24rem;
    color: #54ba3d;
    white-space: nowrap;
    margin-top: 0.28rem;
}

.m_yuyue_dialog .yuyue_success_box ul{
    margin-top: 0.08rem;
}

.m_yuyue_dialog .yuyue_success_box ul li{
    line-height: 0.36rem;
    color: #666666;
    font-size: 0.24rem;
    white-space: nowrap;
    padding-right: 1rem;
    margin-bottom: 0.03rem;
}

.m_yuyue_dialog .yuyue_success_box .yuyue_success_btn{
    display: block;
    text-align: center;
    line-height: 2.5;
    font-size: 0.26rem;
    color: #fff;
    background: #54ba3d;
    border-radius: 0.05rem;
    margin: 0.34rem 0 0.2rem;
}

/*查看大图*/
dialog {
    background: transparent;
    padding: 0;
    margin: 0;
    border: none;
}

.m-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.m-cover .m-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.75);
}

.m-cover .cover-container {
    width: 75%;
    margin: auto;
    position: relative;
}

#j-dialog-swiper {
    width: 100%;
    padding-bottom: 15%;
    position: absolute;
}

#j-dialog-swiper .swiper-pagination-bullet {
    background: #fff;
    width: 0.12rem;
    height: 0.12rem;
    opacity: 1;
}

#j-dialog-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

#j-dialog-swiper .swiper-pagination-bullet-active {
    background: #54ba3d;
}

#j-dialog-swiper img {
    width: 100%;
}

.m-cover .m-delete {
    position: absolute;
    background: url(../images/sem-close.png);
    background-size: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    box-sizing: border-box;
    top: -0.25rem;
    right: -0.25rem;
    z-index: 10;
}

.toastBox{
    position: absolute;
    bottom: 100px;
    left: 50%;
    max-width: 80%;
    line-height: 0.4rem;
    text-align: center;
    font-size: 0.24rem;
    color: #fff;
    background: rgba(0,0,0,.3);
    padding: 0.1rem 0.2rem;
    border-radius: 0.3rem;
    word-break: break-all;
    z-index: 100;
    pointer-events: none;
    transform: translateX(-50%);
    -webkit-animation: toastAnimate 2s linear;
    -moz-animation: toastAnimate 2s linear;
    -ms-animation: toastAnimate 2s linear;
    animation: toastAnimate 2s linear;
}

@-webkit-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}

@-moz-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}

@-ms-keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}

@keyframes toastAnimate {
    0% {bottom: 50px;opacity: 0;}
    30%{bottom: 100px;opacity: 1;}
    70%{bottom: 100px;opacity: 1;}
    100%{bottom: 50px;opacity: 0;}
}