body {
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,Sans-serif;
    margin: 0 auto;

}
div, section {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
a {
    text-decoration:none;
}
#app-topic:not([is-wosun="true"]) {

    max-width: 10rem;

}
#app-topic{
    position: relative;
    margin: 0 auto 0.5rem 0;
}
.layout{

    position: relative;
    margin: 0 auto;
    z-index: 1;
}
.layout-main{
    overflow: hidden;
}
.layout-section{
    position: relative;
    background-color: white;
}
.op-banner-list{
    width: 90%;
    margin: 0 auto;
    padding-top: 1rem;
}

.floor {
    font-size: 0;
    overflow: hidden;
    background-color: white;
    line-height: 1.5;
    color: #666;
}
.floor.box_wrapper {
    border-radius: 0;
}
.position-r {
    position: relative;
    background-color: white;

}
.box_wrapper .floor_item {
    width: 100%;
    overflow: hidden;
}
.container-bg {
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
}
.floor .opa1 {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.box_wrapper .quick-nav-box img {
    width: 100%;
    position: absolute;
    height: 100%;
}
.position-ab {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.box_wrapper .box_list {
    width: 100%;
    height: 2.8rem;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .6s ease 0s;
    transition: all .6s ease 0s;
}
.box_wrapper .box_list .mall_nav_1, .box_wrapper .box_list .mall_nav_2 {
    position: absolute;
    top: 0.3rem;;
    width: 10rem;
    height: 100%;

}
.floor a {
    text-decoration: none;
}
.box_wrapper .box_list .box {
    width: 25%;
    text-align: center;
    display: block;
    float: left;
}
.box_wrapper .box_list .box img {
    width: 1.2rem;
    margin-top: .25rem;
    border-radius: 25px;
}

.box_wrapper .quick-nav-box {
    width: 100%;
    overflow: auto;
    position: relative;
    min-height: 4.1rem;
}
.box_wrapper .box_list .box span {

    display: block;
    margin-top: .15rem;
    font-size: .34rem;
    color: #666;

}

.tab-con.active{
    display: block;
}
.tab-con{
    display: none;
}
.itemgroup2cols-cmp .itemgroup2cols-inner{
    width: 10rem;
    min-height: 2.66667rem;
    margin-left: auto;
    margin-right: auto;

}
.itemgroup2cols-cmp .item-list.colorful-bg{
    padding: 0.17333rem 0;
}
.itemgroup2cols-cmp .item-list{

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;

}
.itemgroup2cols-cmp .item-list.colorful-bg .item::before, .itemgroup2cols-cmp .item-list.colorful-bg .item::after {

    display: none;

}
.border-b::after, .group-title::after, .itemgroup2cols-cmp .item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    border-bottom: 1px solid #d2d2d2;
    -webkit-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);

}
.itemgroup2cols-cmp .item:nth-child(2n+1)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    border-right: 1px solid #d2d2d2;
    -webkit-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    transform: scaleX(0.5);
    border-top: rgb(239, 236, 240) solid 1px;

}
.itemgroup2cols-cmp .item-list.colorful-bg .item .item-inner{
    background:#fff;
    position: relative;
    height: 100%;
    border-bottom: rgb(239, 236, 240) solid 1px;

}
.itemgroup2cols-cmp .item-list.colorful-bg .item .item-logo-wrap{
    margin: 0 auto;
}
.itemgroup2cols-cmp .item .item-logo-wrap{
    width: 4.46667rem;
    height: 4.46667rem;
    margin-bottom: 0.33333rem;
    overflow: hidden;
}
.item .item-logo-wrap {
    position: relative;
    background-size: auto;
    background-size: 90% auto;
}
.itemgroup2cols-cmp .item-list {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
}
.itemgroup2cols-cmp .itemgroup2cols-inner{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item:nth-child(2n+1) {
    border-right: rgb(239, 236, 240) solid 1px;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item:nth-child(1) {
    border-top: rgb(239, 236, 240) solid 1px;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item:nth-child(2) {
    border-top: rgb(239, 236, 240) solid 1px;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item{
    padding: 0.02667rem;
    padding-left: 0.02667rem;
    background-clip: content-box;
    background-color:#fff;
}
.itemgroup2cols-cmp .item{
    width: 4.93rem;
    padding: 0.26667rem;
    font-size: 0.34667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item:nth-child(2n) {
}
.itemgroup2cols-cmp .item .item-logo-wrap .item-logo{
    width: 100%;
}
.itemgroup2cols-cmp .item-list.colorful-bg .item .item-desc{
    padding: 0.26667rem;
    padding-top: 0.26667rem;
    padding-top: 0;
}
.item .corner-icon{
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 100;
    width: 0.93333rem;
    height: 0.86667rem;
    background: left no-repeat;
    background-image: none;
    background-size: auto;
    background-size: contain;
}
.itemgroup2cols-cmp .item .corner-icon{

    position: absolute;
    top: 0.26667rem;
    left: 0.13333rem;

}
.itemgroup2cols-cmp .item-list.colorful-bg .item .promotions{
    left: 0.26667rem;
}
.itemgroup2cols-cmp .item .promotions{
    position: absolute;
    top: 4.21333rem;
    right: 0.26667rem;
    left: 0.26667rem;
    border-radius: 0.06667rem;
    padding: 0.05333rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.item .promotions{
    overflow: hidden;
    white-space: nowrap;
    word-break: break-word;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    box-sizing: content-box;
}
.itemgroup2cols-cmp .item .promotions .promotion{
    padding: 0.08rem 0.05333rem;
    font-size: 0.26667rem;
    background: #ff6692;
    color: white;
    border-radius: 0.02667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item .promotions .promotion{
    display: inline-block;
    padding: 0.02667rem 0.05333rem;
    border-radius: 0.06667rem;
    margin-right: 0.13333rem;
}
.itemgroup2cols-cmp .item .item-name{
    height: 1rem;
    color:#000000;
    font-family: PingFangSC-Regular;
    line-height: 1.5;
    font-size: 0.32rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;    /*用三个点表示*/
    overflow: hidden;
}
.itemgroup2cols-cmp .item .price-line.has-cart-btn{
    margin-right: 0.66667rem;
    margin-top: 10px;
}
.itemgroup2cols-cmp .item .price-line{
    font-size: 0;
}
.itemgroup2cols-cmp .item .price-line.has-cart-btn .cart-btn{
    display: inline-block;
}
.itemgroup2cols-cmp .item .price-line .cart-btn{
    display: none;
    background: url(../image/cart.png) center center no-repeat;
    background-size: auto;
    background-size: 100% 100%;
    width: 0.66667rem;
    height: 0.66667rem;
    float: right;
    margin-right: -0.66667rem;
    margin-top: -0.05rem;
    position: relative;
    z-index: 2000;
}
.itemgroup2cols-cmp .item .item-price{
    display: inline-block;
    position: relative;
    padding-left: 0.26667rem;
    font-size: 0.34667rem;
    color:#ff005a;
    height: 0.50667rem;
    line-height: 0.50667rem;
}
.itemgroup2cols-cmp .item .item-price::before {
    content: "\A5";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0rem;
}
.ripple-wrap {
    position: relative;
    overflow: hidden;
}

.ripple-div {
    z-index: 500;
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.itemgroup2cols-cmp .item .specials-line{
    margin-top: 0.13333rem;
}
.itemgroup2cols-cmp .item .specials-line .tag{
    display: inline-block;
    padding: 0.04rem 0.06667rem;
    background:#ffe2ec;
    color:#ff6692;
    font-size: 0.26667rem;
}
.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px 7px 5px;
    background:#fafafa;
}
.aui-footer::after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #eee;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

}
.aui-footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 49;
}
.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color:#979797;
}
.aui-tabBar-item-active .aui-tabBar-item-text {
    color: #009c4b;
}

.icon {
    width: 20px;
    height: 20px;
    display: block;
    border: none;
    float: left;
    background-size: 20px;
    background-repeat: no-repeat;
}
.icon-loan {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAD+ElEQVR4Xu2bgXETMRBFSQdQAaYCSAU4FYA7iCvAqYCkApwKCBXgVMBRAekAd0BK4H/QZWR5Ja18ku4uI81o7MxdTvpPK+1qdT57MULZbDYv0ewG9T3qwnShw+fP7XZ7V7NLZzUbY1sQv8THV0u424U7QFjX6ldVABDPUf+MSgsIlT0ungPEY2kQ1QAkiO81P+DLRWkIVQAExHOEb1Hfon4URvsBAM5LWkFxAAHxByNs1oYfgtgOEC5KQSgKQCu+FzcGhGIAIOYSwr4IC15wbuP/OBW+17KEIgAi4lcwaa7y3mIsh/Dckn06ZAcwVLw1Ha7xnS7TLTsAXOVaE7ICyCXegkArYOzgFjDYXuWAkA1AbvEWBEaNXE/ccgMItJJBJQuAUuIVEK5oCkMIDAZQWrwCwnrIBmoQgFriLQgMlJbCiJ8M4WQAtcWXgnASgLHEKyBw89SlrAnJAMYWT3EmocLp8E4QmwQhCYCJ1Rmmuvt5hrfRCC9lZGL35oKgBjAl8dZU4EBIlsBtNi2BAxMsKgAB8XvTED9HKcYSfqHxhdMBFYQogCmLtyyB4gnBnZpRCEEAcxCvhMD8omilXgBzEm9BoFegJbiF4sUkqwhgjuJPhXAEYM7iLQhLfJfyi0dJ1gMAz0F8KoQnAM9JvALCU2rtHwCI5+JBk3HdCBcPBhTiCjqK409sNJZpPsMNPh86e/GWJTCtJiVZVwRwjYtu8nG24k1kyEFlsS36E/52T58eCeA3LvT/0ENjBMUqHWISDlNRXaI1Fr8dWjjKl55+i+37AMQ6+wgAr2I31bxu1jEpCAp148E3BTR9Z2QV3W1pHpTjnsBhiu/xtPB17wV8+fdQ3+YKgMI5cLcYwJ0bCHGRkLIsr83csoHMAYB0tL633zmIboep2DO/Jg8AQqP6ojfkAGBcEy1Lsi5pmjFmT/Iy0howCQDGeni8pRXfA+E8Zb5ftdBOEoAZecYZUjyhWfy5YHmTGfYDpgrAF4JqxPf3qA5BpwqAKXQ7/OSIxoprLar3AaYKgJGZPfejL0GacJaW0xe6rTcxag0ACADSwY5vdC+APjULaFOgrQFtEWxewHJhzQ3CNa1DPr3FAf/zei0QapFgC4XbXqBthgyBSewGuUf/47gvvha3i7i0mpuha/TFPuJTHd6okqIUCf9MAHayQhPU1ATgtnX0MoQ0WCkA3Ab4vA71HtWX6eGILAZGgnx26McRfP4HZ9fJJlU/qkgBwNSW9GOm0Cxwr2ms5pRTKrcdQsv3omT/dEwDN8eXIp731gKgSqSyQ2oLsCD4fsKigVEaAEf+xoDWJGDTAVClOezgCwcppz2lLIBC96gd6jftQUo/Wn8BbzVEWyd7VUMAAAAASUVORK5CYII=');
}
.icon-ions {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAEPElEQVRoQ+2b3VEbMRDHtZzhFVIBUAGhgkAFQAUhFcTMSIzfQt4YpJkcFYRUEKggUAGmApwKAs8+vJm9kW7O8n3pzhjJAzO82D7f/bRff63WwBhjg8Fg6+XlZXM8Hj/EcfxEry3rH/T7/Y1er/cIABsacoiIt4yx2yRJ7pZtAYBzvgcAf4osiohk7Sul1MmyWNxYOAaAz2VQZHGl1P4yQIOBINdeW1vbQ8T0HwB28oCIuK+UIlcP+i8DtikokSVJcgsAm/q9SyllP2haxlgpMIEJIWLG2FcNeSel3FtqYM55HwB+aMiRlHJ72YGnMriUstIjQliMSgC7ZI3H4w+h1+Vaiwkh0FjOztSU2aMoOgCALV+tCwBPURTdnJ+fj+gZOwFbMe4rs3muL1LKq1pgzvnQ1GRE/K6UOjPfYGVxr4FJNSZJsl0LLIQgsfGJaGxgcunV1VVagI8e06bPrp9/vxaYc35lZCci3iilDj2Gm3o0IQQZ4j734m4T4DMA+Bai+LByzLOUcqMJcLDig3N+DQAH2p1T72wCHKz44Jz/M/t8RDxRSsXOwKGIj6L4lVIOa4H1JqJUfPiawIrit5HwCBh4Jn4bA1eJD48tPBO/jYGrxIePwGXx2xg4NPFRFr8uwEGJj6L6azyxUZYOrfNRVH9dgYMRH1Xx6+LSU8A+i4+q+G0MHFItrorfZQXO6i9jLO1y5Etno6RFF4QgPuz4jaJo2/SynJKWdunSzocv4iMfv4j4Vyk101x0sbD3nQ8rfn8ppY5tY7gAey8+8vW3KH6dkpbv4qNJ/LoCey0+OOeZB5bFbydgH8SHbhPvTCaTLQCgQ/10bAMRC+PXCXjR4kO76LqGMdk2Pa7VRztVxzu71M4pqh6Nk9a8gI1VtCUyAEQkK5GFOjX17cOC1lm6ifiwXGzKKgSSmxSad+l+ZozRkVB8cXFxXfXlrhYuFR96ROL+FaBSGA1BI1VPADBCxPQ00HXuxAm4qvNRNf5UtuKI+EDHmXo8ykClgzO9Xm9ky8J5uIUrcKn40ANuNARD0z+ZVfSQGyWa1CoEWJZQ5gFU9x2uwMEeuzhvHnTS8lp81FnXuQ7rIdTHbLUAjuqyYpOHWORnnFxaW5ni0Ayr0Utp5lzkQ7e5FwBcSykv2wDn47jNvd/sGmoIOANrxZWf0HszANcbtwamG+l4pkFUb0eW8guysrIypHzTysKuK+vT59+B21rDbByklHdtv6PrdXpLyaqUXGcLa0n5GwCy0WJEjBf5s4HT09PDyWTyM9cAoDJ5VLSx6AxcMY030wTvasGy64UQBLhuvV847jwP4GzLaN1wIRP0Nbu0mc7HO7Cr2+X3yNa1C3FpnSypGWC7dDp5Z/N0trC+IbVV8kOcC53JFELQCQOpPwP9DADHRRubzsBmBakkICL9yu1VOhV1nqerRdoATJJkWDa5/x8Q98v2ErwQjwAAAABJRU5ErkJggg==');
}
.icon-mine {
    background-image: url('data:image/png;base64,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');
}

.icon-ions span {

    position: relative;
    top: -0.1rem;
    right: -0.35rem;
    width: .40667rem;
    height: .40667rem;
    border-radius: 50%;
    font-size: .26667rem;
    line-height: .36667rem;
    text-align: center;
    color:#fff;
    background:#f53f50;
    display:inline-block
}
.side-icon{
    position: fixed;
    z-index: 100;
    bottom: 1.53333rem;
    right: .46667rem;
}
.side-icon .icon{
    display: block;
    width: 1.26667rem;
    height: 1.26667rem;
}
.side-icon .cart{
    position: relative;
}
.side-icon .cart span{
    position: absolute;
    top: .04rem;
    right: 0;
    width: .46667rem;
    height: .46667rem;
    border-radius: 50%;
    font-size: .26667rem;
    line-height: .46667rem;
    text-align: center;
    color:#fff;
    background:#f53f50;
}