* { margin: 0; padding: 0; word-wrap: break-word; }
*, *::after, *::before { -moz-box-sizing : border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
html, body { height: 100%; font:12px/1.5 -apple-system-font,'Helvetica Neue',sans-serif; color: #444; }
ul, ol, li, span, p, form, h1, h2, h3, h4, h5, h6, dl, dt, dd { margin: 0; padding: 0; border: 0; z-index: inherit; }
img,a img { border: 0; margin: 0; padding: 0; }
ul,ol,li { list-style: none; }
input, select, textarea, button { font:12px/1.5  "Helvetica Neue", Helvetica, sans-serif; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc { margin: 0; padding: 0; }
table { empty-cells: show; border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
ul li, .xl li { list-style: none; }
em, cite, i { font-style: normal; }
a img { border: none; }
label { cursor: pointer; }
.bg { background: #F3F3F3; }
.z { float: left; } .y { float: right; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
a { background-color: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; }
a, button, input, select, textarea { outline: 0; }

a:link, a:visited, a:active, a:hover{ outline: 0; color: #333; text-decoration: none !important; }

.kong { height: 12px; background: #F3F3F3; border-top: 1px solid #F0F0F0; }

.overflow { overflow: hidden; }
.none { display: none; }
.check-img img { display: none; }
.vm, .vm * { vertical-align: middle; }
.hm { text-align: center; }
.ren-dz-banquan { padding: 0 15px; font-size: 14px; color: #333; }


header {
    width: 7.5rem;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: linear-gradient(to right, rgba(255,68,102,0.75), rgba(250,101,197,0.94));
}

.logo-home {
    position: static;
    text-align: center;
}

.head {
    position: relative;
    margin-top: 0px;
    width: 7.5rem;
    height: 3.14rem;
    padding-top: .14em;
    text-align: center;
    background: linear-gradient(to right, rgba(255,68,102,0.75), rgba(250,101,197,0.94));
    background-size: 100% auto;
}

.userImg {
    overflow: hidden;
    text-align: center;
}

.userImg img {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    margin-bottom: .1rem;
}

.userExit {
    position: absolute;
    width: .32rem;
    height: .32rem;
    right: .3rem;
    top: .04rem;
}
.userExit a{
    color:#fefefe;
}

.my_money {
    position: relative;
    width: 7.1rem;
    height: 1rem;
    background: white;
    border-radius: .2rem;
    margin: .26rem auto 0;
    display: flex;
    overflow: visible;
}

.my_money::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin-left: .19rem;
    top: auto;
    bottom: -.1rem;
    height: .1rem;
    width: 6.72rem;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    background-color: #feb9ba
}

.my_money div {
    display: inline-block;
    width: 50%;
    background: url('/images/icon/my-balance.png?t=123.456') no-repeat;
    background-size: .66rem .66rem;
    background-position: .72rem center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.my_money div:last-child {
    background-image: url('/images/icon/my-integral.png?t=123.456');
}

.my_money div span {
    display: block;
    margin-left: 1.5rem;
    text-align: left;
    letter-spacing: 1px;
}

.my_money div span:last-child {
    letter-spacing: normal
}

.menu {
    width: 7.5rem;
    height: .9rem;
    display: flex;
}
.menu_logo {
    width: 1.1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	border-bottom: .02rem solid rgb(248 248 248);
}
.menu_logo>img {
    width: 40%;
}
.btn{
    width: 6.38rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: .02rem solid rgb(248 248 248);
    background: url('/images/icon/right.png?t=123.678') no-repeat  center;
    background-size: .14rem .24rem;
    background-position-x:94%;

}
.btn a{
    width: 100%;
    line-height: 1rem;
    color: rgb(51, 51, 51);
}

/*底部导航*/
.mkty-bottom-menu{position: fixed;height:50px; bottom:0px; left:0;width: 100%;background-color: #fcfcfc;border-top:1px solid #f0f0f0;overflow: hidden;z-index: 9;-webkit-transition:bottom 0.4s;}
.mkty-bottom-menu ul{padding: 0 2px;color:#888;font-size: 16px;}
.mkty-bottom-menu .btmm-item{float: left;width: 20%;}
.mkty-bottom-menu .btmm-item .mktybm-pmt{position: relative;}
.mkty-bottom-menu .btmm-item .mktybm-pmt-dot{position: absolute;top:3px;right:-1px;width: 8px;height: 8px; background-color: #f30;border-radius: 5px;}
.mkty-bottom-menu .btmm-item a{display: block;padding-top: 6px;padding-bottom: 5px;}
.mkty-bottom-menu .btmm-item .btmm-icon{display: block; font-size: 21px;text-align: center;line-height: 25px;color:#6d6d6d;}
.mkty-bottom-menu .btmm-item .btmm-txt{display: block;font-size: 12px;text-align: center;line-height: 12px;color:#6d6d6d;}
.mkty-bottom-menu .btmm-item.active .btmm-icon{color:#fc4e80;}
.mkty-bottom-menu .btmm-item.active .btmm-icon.btmm-big .mktyiconfont{color:#fff;display:inline-block;line-height: 38px;font-size: 30px; width: 80%;border-radius: 20px;background-color: #53b0f2;}
.mkty-bottom-menu .btmm-item.active .btmm-txt{color:#fc4e80;}
.active::after {
    content: '';
    width: 100%;
    background: none;
}