body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    background: #fff;
}

.research-wrap {
    height: 100%;
    max-width: 640px;
}

.research {
    position: fixed;
    z-index: 12;
    width: 100%;
    max-width: 640px;
    right: auto;
    left: auto;
    top: 0;
    padding: 1rem;
    height: 5.2rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .research span {
        font-size: 1.6rem;
        color: #0084ff;
        /*display:none;*/
    }

.research-name {
    background: #f3f3f3;
    padding: 0.8rem 1.2rem;
    border-radius: 5rem;
}

    .research-name i {
        width: 1.6rem;
        height: 1.3rem;
        background: url(../images/mylive-01.png)no-repeat;
        background-size: 1.5rem 1.2rem;
        display: inline-block;
        margin-right: 0.5rem;
        vertical-align: middle;
        margin-top: 3px;
    }

    .research-name input {
        font-size: 1.3rem;
        color: #353535;
    }

input::-webkit-input-placeholder {
    color: #b0b0b0;
}

input::-moz-placeholder {
    color: #b0b0b0;
}

input:-moz-placeholder {
    color: #b0b0b0;
}

input::-ms-input-placeholder {
    color: #b0b0b0;
}

.seaarchSlide {
    padding-top: 9.7rem;
    height: 100%;
}
.seaarchSlide.store-protect {
    padding-top: 13.9rem;
    box-sizing: border-box;
}
.search-close {
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/search-close.png)no-repeat;
    background-size: 1.4rem;
    /*display:none;*/
    position: absolute;
    top: 50%;
    right: 6rem;
    margin-top: -0.6rem;
}

.slideNav {
    height: 4.5rem;
    line-height: 4.5rem;
    border-bottom: 1px solid #f0f0f0;
    width: 100%;
    z-index: 10;
    background: #fff;
}

    .slideNav ul li {
        font-size: 1.5rem;
        color: #747474;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }

        .slideNav ul li s {
            text-decoration: none;
            display: inline-block;
        }

        .slideNav ul li.current s {
            color: #0084ff;
            border-bottom: 2px solid #0084ff;
            height: 4.4rem;
        }

.slideDetails {
    padding: 0 1.5rem;
    padding-bottom: 8.7rem;
}

.listBox ul li {
    padding: 1.5rem 0;
    border-bottom: .5px solid #f0f0f0;
}

.state-img-s {
    position: relative;
    border-radius: .2rem;
    width: 40%;
    padding-bottom: 22.5%;
    margin-right: 1rem;
}

    .state-img-s img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: .2rem;
    }

.tozi {
    padding: 0.7rem 0 0;
}

.t-dbt {
    margin-bottom: .6rem;
}

    .t-dbt p {
        font-size: 1.4rem;
        color: #353535;
        font-weight: bold;
        margin-right: 2.2rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.4;
        word-break: break-all;
    }

.more {
    width: 2rem;
    height: 1.5rem;
    background: url(../images/operate.png)no-repeat;
    background-size: 2rem 1.5rem;
    display: inline-block;
}

.no_more {
    padding: 2rem 0;
    text-align: center;
    font-size: 1.2rem;
    color: #b0b0b0;
}

.w-time-l-s {
    margin-bottom: .5rem;
}

.s-see {
    margin-right: .5rem;
}
.s-see.vrtype:before{
    content: ' ';
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATBAMAAAB8awA1AAAAJ1BMVEVHcEwAhP8Ahf8AhP8AhP8Ag/8AhP8Agv8Ag/8AhP/9///C4v8hlP9uJF78AAAACXRSTlMA9CWt7DrDVrmPRX7iAAAAc0lEQVQY02NgMpwJA8IKDCozEcCJwRKJN5lBEok3kWEmMgDy5uzaA2ScXn0SzJu9ajWQt2vVTjBv1qpVQN6qVSuxyKHqQzWTJN7EcogDIe4UZQiEuBPkhykBDKySYD+A/OfKwMAQAvYf0O/TFIA8pkyg3wGI94VtNppJ9wAAAABJRU5ErkJggg==) no-repeat;
    background-size: cover;
    width: 13px;height: 10px;
    margin-right: 3px;margin-top: -1px;
}
.s-see.vrtype span{
    color: #0084ff;
}
.w-time_r p {
    font-size: 1.3rem;
    color: #ffb910;
    font-weight: bold;
}

    .w-time_r p s {
        text-decoration: none;
    }

.w-time-l-s span {
    font-size: 1.2rem;
    color: #747474;
}

.w-time_r p.watch {
    font-size: 12px;
    color: #b0b0b0 !important;
    font-weight: normal;
}

.w-time_r s.jia {
    font-size: 12px;
    color: #b0b0b0;
    margin-right: .3rem;
}

.w-time_r i.cu {
    width: 1.4rem;
    height: 1.4rem;
    background: url(../images/cu.jpg)no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin-right: .2rem;
}

.w-time_r i.pin {
    width: 16px;
    height: 16px;
    background: url(../images/new2019-spirite.png)no-repeat 0 -33px;
    background-size: 246px;
    display: inline-block;
    margin-right: .2rem;
}

.top-in {
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: 3rem;
    right: 1.5rem;
    background: url(../images/top.png)no-repeat;
    background-size: 100% 100%;
    display: block;
    z-index: 13;
}

.research-mr1 {
    margin-right: 1rem;
}

.slideContent {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.no-content {
    padding: 100px 0;
    font-size: 1.4rem;
    color: #747474;
    text-align: center;
}

    .no-content img {
        display: block;
        width: 26%;
        margin: 0 auto 1rem;
    }

.stateLive {
    width: auto;
    height: 17px;
    line-height: 17px;
    padding: 0 2px;
    position: absolute;
    top: .6rem;
    left: .6rem;
    z-index: 6;
    border-radius: 2px;
    text-align: center;
    font-size: 10px;
}

.state-living {
    background-color: #1c8eff;
    color: #fff;
}

.state-preview {
    background-color: #1bc105;
    color: #fff;
}


.state-endlive {
    background-color: #202124;
    color: #fff;
}

.state-playback {
    background-color: #ffa000;
    color: #fff;
}
.state-paused {
    background-color: #717171;
    color: #fff;
}
.state-relaylive {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    padding: .2rem .4rem;
    width: 2.8rem;
    height: 1.6rem;
    background-color: #ff3d5e;
    color: #fff;
    display: block;
}
/* �������� */
.fixed-tk, .tk-a, .tk-b {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
}

.new-tk {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.index-operation {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 3.5rem 0 0;
}

    .index-operation ul li {
        width: 25%;
        float: left;
        margin-bottom: 3rem;
    }

        .index-operation ul li a {
            display: block;
        }

            .index-operation ul li a i {
                width: 2.9rem;
                height: 2.9rem;
                display: block;
                margin: 0 auto .8rem;
            }

                .index-operation ul li a i.rebuilt-l {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAABAlBMVEUAAAAllP8bjv8cj/8EgP8rmP8Ohv8Ohf83n/8Cf/8cj/8DgP83n/8rmP8Cf/8Ggf8Rh/8Qh/8cj/83n/8dj/8Bfv8ajv8Jg/8Afv8dj/8dj/8Hgv8dj/8EgP8bjv8ekP8Ig/83n/////8JhP8ajv8vmv8XjP8nlf8Mhf8ql/8smP8Sif80nf8Oh/8fkf8QiP8Uiv82nv8ynP8Vi/8hkv8jk/8Egf8llP8cj/8Ggv8wm/8ym/8Bf//h8P/6/P/O5//c7v+t1/+Vy/+Lxv93vP9WrP9Lpv8+oP/0+v/x+P/s9v/W6/9/wP9mtP9Fo//Q6P/A4P+83v+j0f+f0P9qtf9dr/+caYS6AAAAIXRSTlMAJvKu9PE6KvHtx7itra2bTxH37+Xg3tPOl4x7b11FHQZ3tCkHAAACHklEQVRIx+3V6VbiQBAF4AYE3JfZ9xmjCJEx4AxKRHFBBffd938V61a1cKjuY/MA3B+c/Mh3uFS6ghlnHCeZ2cnl4Wwifyn/KK1Wq1Qq5ecyHvl+WUWgyF2CyPp63rWzGiIaUuI5h06GugqM47xDg10BKeWyS8NdGXppuCtks9knhdz0L6Hhriy3LFz6mqarn4SGuwJuWbr4IV2lCA13hWw0cPfvHMO1Naaq69H546bTFTKhm39krfwPqrvuR1H7WndtkExMcVogSaa6a4Qc9QZdBVK+vevDeh1UzzXiXJwMdaWkaQopsF5lOgSZHgDf9QZdB1BktcpUz5VUfN2mz7Orcr+rhrUaqHqUoNT1OMK3d31dAWsboPoMEMGPPL2ki/1O09OV4AZTdQZAZa4nEeXwxoWQFVB9Xul+O57uLV23VVeBFabqvILauXYPQN2uFcoKqD6voICJLex0BVxhqs4rKKCM6Thxu0IK1btFgqQ8nJ63K8JU7xaR5PmQj4S/K7KzA6p2C7QTUe53vV0FCtW7ZY//k7+rldvboHq3ZOliT9eFCkNIoXq3sOqn3q6m8NnCV6p26+G80/B3NebP9wmBQtFV75Z/rvznNsNwb4+p5z3gn6vh/JwiKNT3HvDP1UiWFkh+xFW4q0BQm8LMl0Wmo3SVR6kzSldAD82Gu4qccGhulK7IvEMz2XBXZKpoXJvLBrqi7XzRjDPO23kBOwdRsfnFBNkAAAAASUVORK5CYII=)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.rebuilt-c {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAeFBMVEUAAAAekP8SiP8Afv83n/8xm/83n/8ik/8ajv8Afv////82n/8jk/80nf8Ui/8YjP8mlf8Rif8rmP8Hg/8ajv8ekP8Oh/8KhP8Egf8Afv8xm/8gkf8olv8tmf8vmv/p9f+Vyv9xuP/T6f/Q6P+y2f+q1P9Mpv9JpP+WciuKAAAACnRSTlMA8Sfy8SWtra2t+P/33AAAATlJREFUSMft0ttygyAUhWGxOVIbpSGmqaf0/P5vWFyCmxZnYN/733+z1zBka2th293mMehp6nWs7/uu655NbdtWVSX2WysJhpIgyaooRA6640JTswfdJG8FhGwEKP9k01wuRJmQKGcrpNZEeSc1UTbUJShzK2BJlHWyNJ1AWdBJSwnKSDO0lGScAo4pUG9rjDqpFNGkdyXoKOddnaxr0CgMT9aW8rYCEmVuNV2voMytkI7Gtw734g90NGGrlMPbyYfnM2jCVml6//akpR6UCxmpJPrsHJwpnVymylA0AKIXUNq6SJVy9KsiOdGEPzDCjx8POhr/A+ML1wRnmvAHhrumkx6N/1fD/sHbDTT+X0PoKCDnJFHuVqLsrUTZW4kKJkQPoAfmVnQEzQXvJI7m2WQPggmPeba2FvQLD7SbUUdrtEsAAAAASUVORK5CYII=)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.gl-ht {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAV1BMVEUAAAD/////////////qgD/sQD/nAD/tQD/rQD/nAD/////ngD/qwD/pQD/qAD/ogD/swD/rwD/sQD/rQD/tQD/uh//6Lf/5LD/+vD/phr/tRn/sBj/+/OGwUBcAAAACnRSTlMA8a0nJq3y8fGtrZRPkAAAAVZJREFUSMft1stywjAMBdA8CAQ5iVtoSEv7/99ZP3vHdh2JJTPc/RldKQuneeVpchhOH0neQi4+7y7XcTgUsoCQgDZjbgchvE7TkNHTbldAkzGj3JIe+uSU7zqFLBnlu0a45JTtCmlp37UkzOe2euhpDyjBq4GRdnRb069Z73u/0RbgPDdNSysHcaI7/QRoKREDkxMReQlawnJkoBaCAu50jXQO0aASuCyRau0oCyEj1YEy1wF01MFIAXe7BmpgSXm4zERRKlAJnP+oUo4yEBJUBcpcB9BRByO9iLpGaiEoD2M0kUopIP0TQJ1TwAqNsKS4ToV6WKH8khUqhlplVA6VAj1aCpjIEib0bOkuhNQJPR4sFXbFVAPPRhoqgaANQiSAukKZ68CVtAIh65RbcocyS9ZpS981WA79ohbSPpLG7laF3KiDfPBpbntI/BBIYNc3rzxFfgHVd3/CQqmTGwAAAABJRU5ErkJggg==)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.zb-sc {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAk1BMVEUAAAAozRIexAgWvAA32iAlyg832iAWvAA32iAqzxQpzRIs0BYozBI32iArzxQWvAA22h8v1Bn///8gxgor0BUt0hcexAgiyAwy1xwkyg4ozREpzhMZvwImyxAcwgY02B4bwQQx1RsWvAAXvQGt7KSv66fV9tCH5XtU2EHC8Lx33Wk60yb1/fSw66iJ5nxs311F2DHTRpqWAAAAEHRSTlMArSfz8fGtrSYm8/Hx7+/v9aEZAgAAAXVJREFUSMft0ulygkAQBGDxzH1gEBePiCISzfX+T5fd6UwtA1hb85/+vV/RNfSgT592bqbjl868uyxd8jx/pSQ2b/fR7b98DEKWCUmbJ9hpAC4ldFmtIqJjRVdAmzuiuq6QWQaq6grIVNUVcLMB1XWFBNV1BTQGNNS1SgQkCRrq+hMXUhqblGigaxXH1jZgChq4a1I4C8iSafCuZCEBbeagwbuSFXAOGt4ALElAps2u+Xf5GXekAIRcgMquv2VbIZWHC1DZNb8qPzxkKu96so9Ol8Z6jk6autyCiruWVkpoSH6ZOtyCyrvaV5caZHk0dchU/kr7THyyW+52RMUGHJV7JZl6CAkKCQgq9nqGFJCpnJ2lmdzrufCS4XpNVOwVVO7VQy9B5V4t5a7XIVMhQbs/ydDTOgx2ZXkgKiFkCB5AhQx3hQRVd3XZE9V1BdyDqroCMlV39fRB1xUZEY10XZEZ0eFE0xV5Hg5go4lRwdFsOOjTp5U/M5vKU/YBBGwAAAAASUVORK5CYII=)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.hy {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAABC1BMVEUAAAD/pAD/rAD/qgD/oQD/oAD/ogD/qAD/pQD/owD/nwD/pAD/sAD/tAD/ogD/rgD/oQD/owD/swD/rwD/swD/ogD/tAD/pwD/tAD/sAD/pQD/oAD/owD/tQD/owD/sAD/pQD/pAD/pQD/tQD/pwD/rwD/pgD/tAD/pQD/rgD/pgD/sgD/pwD/owD/pQD/sgD/pAD/swD/qgD/tAD/oQD/qQD/qQD/oQD/ogD/qwD/ogD/ogD/rgD/rgD/swD/sQD/sgD/pAD/qAD/rAD/ogD/sQD/sAD/qgD/rwD/pwD/rgD/pgD/////tAD/oQD/+e3/ujH/tQD/vDH/rwb/5rP/4KL/vTH/uij/tiiF5+wnAAAAQHRSTlMAAgoP9VNKPjUk+vn48O7r6eWldUgtJBv38/Dh19XRysnDuqqhoJV+e2tDKyAUBuXb2tKxsKyqpIqFbmBeUlAGCXmI3AAAAedJREFUSMft1OlS4lAQhuEmkU0QEIbBbdzGcdRRx33fECUCEXD3/q/EprtMc3KSQ/SfVb7/nzpftRH47gtlFcfusNteF17X2eL5IBn7TZASiNX/DKKlAEiyXl82yx8ClSexm2zSJH+OiPRBLF8xnOiXATabzRkr/ERhWxFitVroqf6ankSIlUJOZIScsxJ8ItNWho6TX9WljScyQJbYlqWdaNuw9eWBIHW5F/OfSNtKkORz5/HhHWJLqjwzbL3vuO4TQy7RL/+NaNB1XYIkO12BjcZEWqS9KZC3Eq3pEmGj1ZqyPVoM2IpUpAdJtqoLHh3T7krUk7KVYLWa8ehMwB+EaJelQJbVWfmQ/ut3ReqwVLf2Gk33XTivPslUkQypXBn6So0rkKlI2YpNpEApOe770JGylK3cUFL7l8uqH7pIBV5lEqB1KrAXSQ1eZeIQ0IlApl3ZyhA7hsCWReJzzqv/SewIQip5ENMgtgShHZIUKFupAzC0KFB5kloEU7GFoK3cfgzMdlfbyrV3UJpbn9e2kpxfh4FZcwGwPWdBhOxZlCpsT9sQqbVpv5xag4hVNhTYnqxA5FZHPYjRj0Lk0gWRhTJ8qHIOIZVLwQdLDbGUH4XorZAdTsAnSgyjjMOnihcm4/Ddl+wNb8dr+5ZCB3oAAAAASUVORK5CYII=)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.jf-sc {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAhFBMVEUAAAD/TWv/TGr/Tmz/XXj/O1z/UW7/XXj/O1z/O1z/XHj/WXX/VXL/Um//QmL/RmX/TGr/T2z/P1//SWj/PF3/////+fr/fpP/6u3/iJz/5+v/g5f/7vH/4OX/ZX//c4v/kKL/d47/cIj/a4T/YHv/vMf/uMT/tsL/4uf/3eP/vsn/cYkgKnjTAAAACnRSTlMAJvKt8fPwra3vtPlHMAAAAZ1JREFUSMft1ttygjAQBuACWi0WBREBQZSD9vT+79dsEvtPs8l00mv+Ky/8ZjdrNuPTnDk8wWoR27P5yesjichzFGjphA5JWNmVN0yyLJJ08XevCieQWSipf0kKqCdMUzt1QYqGoJ4lQZ2wrl0wzUFtvU5VFbNetQS19vpZFDd7yRyUQcq1ELnaIKh9rv2R6PGL90rZgbK5jm1RnN+Loh1REnCnKIOUrhIV+17UPXUcgvL7OlYClUnSSGv0Cmq5A30rSEOHrMWHdmAQFFDmShOq1XSo7rE24XYrqQnjG327fMy1LETuiSFBSWpc0zHPF8z1cqYDl7+gpsZF11RDUEBQ8x3YqIY1VA2/JYZUlO+WHFOjpBoToM5eUstSXlptc5LtyOAe1Nyt7iRImeYlHXPiEpSv80QXcRhIxgyCMkjpRM8fYrbVxCCo4x0Y1NJ1XIK63oGaaGOHhwOobSnv4vd0QFAlzd3KqlNqlaDWkpSytEJQF3T2CgroIUG9IKg3BA3/I5eSRr6QspY0CP0g5eXxFyYK/eRyHTzNmcPyDfO7gQxsLKqbAAAAAElFTkSuQmCC)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.jjie {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAWlBMVEUAAAAnzBEy1hscwgYWvAAiyAw32iAs0BYv0xk32iAu0hcpzhMnzBAhxws22h802B0dwwcfxQkjyQ0t0hcw1Ror0BX///8bwQQlyg8ZvwIy1hwv0xgXvQEWvABeuss3AAAAC3RSTlMAJq2t8vHx8/Hv72YFaksAAAElSURBVEjH7dbJroJAEIVhmbwDrSLOIu//mkJrpeI53alaauK//1IHYeHi2wdUlMs1tJGuU/vY8FsWJP/WWAIOw273j7b0wbkS6DIHRQ4iDz9AvScPU0DdkKkFVbYtUEsqJGpDkUR9W2MBqECSBANRPXlM1ookqhdzVGA4A1WZp+EhkdoP2T4hUYIqAfY9UP7QGYYIifq29nMrpAx5a4QrpMZD6skEVfn6ShAyFQgUts5tt0h1K1I9GSFR44UoZAqQfleVXQcUpEA+2RE1tipk6tyaoiJteDoBtbcKJEofeu4kU+fWDLW3xi4XoPZWgUTNrSKZOremqBsydW2N3W5ArZMKiboh08a1dW6sgVZeOI4V0KLxbB2nav67VjWek3VVLL69f3cjcohb1qFO7QAAAABJRU5ErkJggg==)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.yq-card {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAA6lBMVEUAAAD/TGr/SGb/TGr/TGr/TGr/TGr/TGr/VnP/TGr/WHT/TGr/TGr/TGr/TGr/XXj/R2b/TGr/TGr/SGf/TGr/TGr/TGr/TGr/TGr/TGr/O1z/VXH/TGr/TGr/TGr/TGr/O1z/TGr/TGr/TGr/TGr/O1z/TGr/TGr/TGr/RmX/VnL/VHD/////SWf/Q2P/WXX/UW//QmH/W3f/Pl7/T23/Tmz/XXj/WHT/S2n/QGD/PF3/k6X/9vj/nq7/ip7/8fP/5On/09v/zNX/hpr/1dz/7O//6u3/197/ztb/wcz/laf/dY3/YHv/2N4+44UzAAAAKHRSTlMAASn99/Pt4SX7rZdVPwbx8dizraCHgWwcD/Pw0M7Ht61yX04U78I4IHcCQwAAAq9JREFUSMft1tlSGkEUBuDJsKgoBFkkxn1JcphuHWSTdRRQE6N5/9fJ6cP0nO5pCi5TqfK/AC76qz7T/U8V3kf+TT4l2bx2u/C5n6S9TLjMPSbAHBW2V0oNHYlKRxytsgUXGlII0Wq18LOwgiabsuNZSXa7vV4367vP7mx5ryFFkOwB7O/vXn5xKENCDGlbxChhK5/LZY/rprZgiKtDG9LMqI/zuWx2J5P3mVpSGS0ZKtr1/ItKLpOBM6YMMbg84C0NiBRTuspAlilDjGgJZ1aCvR4t9gHyKaovBBc6sxKM6QVAjSlDfMZul6gFSQLQ4jOAS6ZGX5FM55PJfBouvwINURItZQGM2zHLs3iQlGdJeVhoGNMiNsPjMAwimU6k4WDgYeoAuxbVHWjjno9Rvx+9yJeoHUaPuK+AWN54mBOAK4Ny7aYo2+p43mfv6ilDtFOCKBW9zsDOoUG5dr+kXLToXMXyeBZSzmNIdA/gu2eEyzORsm9dSCDlhGBMawAHJtWQaNvoABDVsolLtwB+pKmg4MARb4lRA8ew2Vy20HrfuTx0TAwhUMekJdIGQNUzw30N8HL+hEkHxBNeTo/gklYAGhY1+qoq8TOMO6CkXGiItJQD2E5RLvpvZQO6STHD3+NE3t6qFm55Vqw3RNmnIJEMkR5QC81YLyWMlRWDFskmS6SnAHs2tV5KIDtrkzTh3d3hDrXQDEPKAC1lbEIMtvDUs5PMqos+dqXKrm4hhyRDzNvr8+ubASlDbGExRS2oa+fA4RAgV0rRlGTIcojpAFS8VBzobomwg7SRpptnRUnUd+jmWSnUQjvurC4kWnPo+lk7OiPYc+jNplkJjkaZa5dunnWkcuI5Ka+5EEN+rbu0uuZCNMScF13qlzfMSvlG/30cWy2vm5WmPfe9j/wn+QslpVWBLAT90AAAAABJRU5ErkJggg==)no-repeat;
                    background-size: 100% 100%;
                }

                .index-operation ul li a i.kf-qrcode {
                    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA6CAMAAADWZboaAAAAjVBMVEUAAAAynP8Sif8KhP8ol/8wm/8KhP8XjP8bjv8ik/8ikv8ikv8Ph/8Uif8fkP8fj/8ynP8Khf8Vi/8ekP8olv8QiP8umv8hkv8cj/////8Nh/8Zjv8mlf8Xjf8ql/8Tiv8rmP8jlP9is/9DpP8HhP/z+f9yuv95vv8Bgf9LqP9brv/y+P9st/88oP+Bwf8M6GqWAAAAEHRSTlMA3iB23t5yOr+emezmMwoJdFBjPAAAAmBJREFUSMftk9ty2jAURSk0IUlvIMmyat0scBLaJP3/z+s+RwaayAb82mGNBmbAa/aRvDW78n8zf/g0xs0N1ueeh3mh3q/G0CC0utVOEfeFqke0FRyooW1VxhXqWGLQWrVtCKrl0JTUZaoGFOra4GDio3b1RSqJnKjg0WedUn1e5X2GoNvQ8qiBAlOdpDyr6jzt4XicS4g8o2pHSDxnjJTWGuDrpCR+qKU5oeq3X8T2PQGirJORp1Lt088BNh0SCXNKfR5SX6HWRhpj/bjqtpsP/AZacKS1J1RUNXrvqwiqKjZN0zXrdSfogIw33opBVXMJglZMSMklWQNDgTQrEEMql04Fbh2/yFwe2WPBiAox9071PUd7ZJK9ilG9jQKUqgYwVQh1Azrsb9ftdjFhViQKgcXEUg2A6iq3z8wT8xahwsQicHSl2tKwCmrzrhJ/djgfYX08qFWpBuBUcNXm8eXlcc/rzkIU3mOf0LCagYH5TtJlXoU2ZFSQfKp8PlUkcUBVisza4VVaYzyw/Di+DqOSuV4PqQEVwG3mywbQHESabFbEGr0aVJ3LXm6BJVP46BFIZmxIrYZUikxJJkMLGETaYyLEDtpgqlNOcl2zJ+y+PJFPhxhTMaWTEirPyolMxccKb1ylovPFItN41vZ7rA4e6AqV83hWeHnYyLvMox4p3+sXclE6rk6/x37W6l9197VQl3cSWBHhZbh23YfM7u7brOD7/MACdRW8x3VOXBz/+zE7DdzcusxiNoFbqIdJb2eTWLA3PZPdbrJ5nLmYdkJukTllv01vTme5nF25cjl/ASw5fJhgJezlAAAAAElFTkSuQmCC);
                    background-size: 100% 100%;
                }

            .index-operation ul li a p {
                font-size: 1.3rem;
                color: #747474;
                text-align: center;
            }

.close {
    width: 1.8rem;
    height: 1.8rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1MmU3OTY0MC01NjRjLWNmNDgtOWMzZi1iNGU5Zjc3MDYyNzQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUZGOEU5OTU0N0EwMTFFODk5OUVEMjBDRkE5NzM5MzciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUZGOEU5OTQ0N0EwMTFFODk5OUVEMjBDRkE5NzM5MzciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzM2OTg5NTQtZjQ1MS00MTQ4LTkzNGItNjk0OWJmYjY4Zjk5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWEyNmEzZTctM2M1ZC0xMWU4LThkM2YtODc5YjllYmFmM2VhIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/KjRRgAAAY1JREFUeNq810tOwzAQBmDjRtwBxI49m1yAMxRBBa0ElyOQosIR4ABZwZo1dygBMYPGkmXFiT2ezEh/u3GjT35Nc9B1nYE6hZxBXoxuLSl3kL6ua1MR5hVyDFlDWkXMA+SQcoMoBL1BTmjQPX23ihisS8gesrHwceQNXBBqpYgxhPnfLgjaQH6UUDEMLtfOgR6VUJMYBzIKqCSMD5pCXWlgQpBDrQdQDROVhRkCuSMvgcrGxEASKBZmDFSCYmOmQBxUESYFlIMqxmBVieNar9ctAhRWL4HJAY2hEPIbPIuFyQXFUDZYejaGA/JRzcAexKW7hjxzr3XL/N03LdPQ8ypTUByQO01V5HncNsMCDR3tPpitkt6XBYrdMyvaxCINuSrEhBs4dk9tJWcoFSPyL8EKYcRQVhAjgrLCmGKUnQFThLIzYXxU1pVgZ8QY78gno+zMmGyUVcBkoRB0oYBJQS0d6BbypIAZQ31B3l0v62nAniBzYkzQ2xrCnEM+/eba03u9Zm1pEj4cButPgAEAV2G/QYZmbRcAAAAASUVORK5CYII=)no-repeat;
    background-size: 1.8rem 1.8rem;
    display: block;
    margin: 6rem auto 0;
    cursor: pointer;
}

button.close-in {
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 1.5rem;
    color: #747474;
    text-align: center;
    display: block;
    cursor: pointer;
    border-top: 1px solid #f0f0f0;
    width: 100%;
}
/* �������� */
.window-tk ol {
    padding-left: 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
    margin: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border-radius: 15px 15px 0 0;
    overflow: hidden;
}

    .window-tk ol li {
        background: #fff;
        padding: 0 1.5rem 0 1.5rem;
        position: relative;
        height: 46px;
    }

        .window-tk ol li:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #f0f0f0;
            color: #f0f0f0;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .window-tk ol li p.main-title {
            font-size: 1.2rem;
            color: #747474;
        }

        .window-tk ol li i {
            width: 1.9rem;
            height: 1.9rem;
            display: flex;
            align-items: center;
        }

        .window-tk ol li p {
            font-size: 1.5rem;
            color: #353535;
            margin: 0 1rem;
            line-height: 1;
        }

            .window-tk ol li p span.delete-w {
                color: #FF0024;
            }

            .window-tk ol li p.delete-w {
                color: #f80000;
            }

            .window-tk ol li p.over-w {
                color: #ffb910;
            }

            .window-tk ol li p.star-w {
                color: #0084ff;
            }

.cancel-button {
    width: 100%;
    background: #fff;
    height: 44px;
    display: block;
    color: #747474;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    text-align: center;
    line-height: 44px;
    margin-left: 0 !important;
    margin-top: 1rem;
    padding-left: 0 !important;
}
/* �������� end*/

/*��ʼֱ��*/
.ze-ding {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    bottom: 0;
}

.ceng {
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 16;
    background-color: #000000;
}

.ze-ding-content {
    background: #ffffff;
    width: 90%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    text-align: center;
}

.ze-ding-p1 {
    margin: 22px 0 8px 0;
}

.ze-ding-p2 {
    margin: 16px 0 8px 0;
}

.ze-btn {
    position: relative;
    display: block;
    margin: 0 16px;
    border-radius: 5px;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    line-height: 48px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}

.ze-btn-color1 {
    color: #01b3e9;
    border: 1px solid #e0e0e0;
}

.ze-btn-color2 {
    margin-top: 5px;
    color: #666666;
    border: 1px solid #e0e0e0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ze-btn-color3 {
    color: #ffffff;
    background: #01b3e9;
    margin: 8px 16px 24px 16px;
}

.shenglue {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/*��ʼֱ�� end*/

/*ѡ��Ƶ��*/
.tktk {
    width: 90%;
    max-width: 330px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.select-channel {
    padding: 2rem 2rem 0;
    position: relative;
}

    .select-channel:after {
        content: " ";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #f0f0f0;
        color: #f0f0f0;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }

    .select-channel > p {
        font-size: 1.6rem;
        color: #353535;
        text-align: center;
        font-weight: bold;
        margin-bottom: 2rem;
    }

        .select-channel > p.no-data {
            color: #747474;
            margin-bottom: 0;
            font-weight: normal;
        }

    .select-channel ul li {
        padding: 1.5rem 0;
        position: relative;
        cursor: pointer;
    }

        .select-channel ul li:after {
            content: " ";
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 1px;
            border-bottom: 1px solid #f0f0f0;
            color: #f0f0f0;
            -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
            -webkit-transform: scaleY(0.5);
            transform: scaleY(0.5);
        }

        .select-channel ul li:last-child:after {
            border-bottom: 0;
        }

        .select-channel ul li p {
            font-size: 1.5rem;
            color: #353535;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-right: .5rem;
        }

        .select-channel ul li i {
            width: 2rem;
            height: 1.4rem;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAcCAYAAAATFf3WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplOGNjY2FhOC1kNjJmLTRmZjAtYWNhYy1lYzQ1Y2IyYzBjOTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA5RTk0OUM1NEY0MTFFOEFFRTQ5RjJGMDQ5OTdCOEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA5RTk0OUI1NEY0MTFFOEFFRTQ5RjJGMDQ5OTdCOEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplOGNjY2FhOC1kNjJmLTRmZjAtYWNhYy1lYzQ1Y2IyYzBjOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZThjY2NhYTgtZDYyZi00ZmYwLWFjYWMtZWM0NWNiMmMwYzk0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+vIIEVAAAAnpJREFUeNrMl0+ITXEUx+9cr8g0DLESMRKzMf5MSc0GscBmkjITFkOaMCTMjKYx0pMUNoMnSRSjGH+yGIqNjVlrapDCZBYmG1FkYa7PLyc9v869fu++e9+bW5/Oe79z7nnf+3vnnntuRRAEnutRccor6gi6nH5jMaYJ6ohvzHgT5EDYMswe2AmVMGLWMxNA2CLMQdgNk/Nck8oqEGFVmH3QAdWWexiulE0g4jZiTsNSy2X+1l7IUX/fSy4QYbMxJ2Cv4r4K3Qj7lL9YSoHr4AIssdZH4RDC+rWTSiXwKJwxm2itP4UWxI2GnZi2wOlwCZoVXw7aEPcrKkGaAufDXahXfD0IO+mSJKMU8hzMNbmTHsYUtxIewFzFd4C8va6JfEtcjdTFBujne2sMcQ2SQxO3vxBx/whETC3mGdTmdfIc64cLyLcGBmCG4juCuIuFXq0v4pbLVS9QYs7ib3PItRoeQZXiM+3lXKze6WWDTdg7MPU/sTvgZkTNPYFZiu8WbHedZrQdnAJjDrGXYZWyvhDuh4h7DruKaQU+V3UPa0adbvgREWtGoOswM2+tWnZ/nhL/FrbCz6IEytZ/hazU0WBEvHlMHf9bHn+a8Aol7gtsgc/FNlPfmnhfYtbC+YhzTOupk+GySfGPS70OJTJghI383LnNMpNVKu53UnPTFJ8plWzckT9yB61kfZj1Mm3YR02IuIEwcYn8xYrIQRE57JDLXEhL0g903+FN7DVmM7yKCpP3irGSCxSR7zGN8DEk5Ib0Qq8sAkXkG8w2+Ga5PkB7WjObX2D8C+i01rqS6HdJCfSkOd+Wz4+hL82RPO5E3S6Pt2Npv8z8FmAA7XeOae/tSQoAAAAASUVORK5CYII=)no-repeat;
            background-size: 2rem 1.4rem;
            display: none;
        }

        .select-channel ul li s {
            display: block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #747474;
            margin-right: .8rem;
        }

        .select-channel ul li.no-more {
            text-align: center;
            font-size: 11px;
            color: #747474;
        }

    .select-channel ul {
        max-height: 210px;
        overflow-y: scroll;
    }

    .select-channel span.notice {
        font-size: 10px;
        color: #ff0000;
        display: inline-block;
        padding: 1.3rem 0;
    }

.anniu {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
}

    .anniu button {
        display: block;
        height: 5rem;
        font-size: 1.6rem;
        color: #0084ff;
        font-weight: bold;
    }

        .anniu button.sc-gly {
            font-size: 1.6rem;
            color: #747474;
            border-right: 1px solid #f0f0f0;
        }

.no_data {
    font-size: 2rem;
    color: #b0b0b0;
    text-align: center;
    font-weight: bold;
    position: relative;
}

    .no_data p {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.push-tk {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 18;
    background: rgba(0, 0, 0, 0.5);
}

.pushWindow {
    width: 80%;
    max-width: 300px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

    .pushWindow > p {
        font-size: 1.6rem;
        color: #353535;
        font-weight: bold;
        text-align: center;
        margin: 3rem 0 2rem;
    }

.pushCon {
    margin-bottom: 1.8rem;
    padding: 0 1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn {
    width: 7%;
    float: left;
}

    .btn i {
        width: 1.3rem;
        height: 1.3rem;
        display: inline-block;
        vertical-align: middle;
        margin-top: 3px;
    }

        .btn i.wgou {
            background: url(../images/wgou.png)no-repeat;
            background-size: 100% 100%;
        }

        .btn i.ygou {
            background: url(../images/ygou.png)no-repeat;
            background-size: 100% 100%;
        }

.pushWords {
    float: right;
    width: 93%;
}

    .pushWords p {
        font-size: 1.4rem;
        color: #353535;
    }

    .pushWords span {
        font-size: 1.2rem;
        color: #747474;
        margin-top: .5rem;
        display: block;
    }

        .pushWords span s {
            text-decoration: none;
            color: #0084ff;
        }

.anniu {
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 1.6rem;
    color: #747474;
    font-weight: bold;
    border-top: 1px solid #f0f0f0;
}

.sc-gly {
    font-size: 1.6rem;
    color: #0084ff;
    border-left: 1px solid #f0f0f0;
}

.template {
    width: 95%;
    max-width: 345px;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

    .template img {
        width: 100%;
        height: 100%;
    }

.close-butt_push {
    width: 4.2rem;
    height: 4.2rem;
    background: url(../images/close-butt.png)no-repeat;
    background-size: 100% 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.goods-card .cover-wrapper {
	position: relative;
	flex-shrink: 0;
	box-sizing: border-box;
	width: 16rem;
	height: 9rem;
	border-radius: 0.4rem;
	margin-right: 1rem;
	overflow: hidden;
}
.goods-card .cover-wrapper .cover {
	width:  100%;
	height: 100%;
	object-fit: cover;
}
.goods-card .info {
	height: 9rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.goods-card .tag-container {
	display: flex;
	align-items: center;
}
.goods-card .tag-container > view:not(:last-of-type) {
	margin-right: 0.8rem;
}
.goods-card .goods-activity-tag {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 2rem;
	font-size: 1.2rem;
	color: #FF4444;
	background: #FFF1F1;
	border-radius: 0.4rem;
	padding: 0 0.6rem;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.goods-card .goods-activity-tag.border {
	border-color: #FF4444;
	color: #FF4444;
	background: #fff;
}
.goods-card .member-tag {
	display: flex;
	align-items: center;
	width: fit-content;
	height: 2rem;
	padding-right: 0.6rem;
	background: #FFF2D9;
	border-radius: 0.5rem;
	box-sizing: border-box;
	border: 1px solid #FFE4B2;
	color: #FF4C00;
	font-size: 1rem;
}
.goods-card .member-tag .icon {
	width: 2.6rem;
	height: 2rem;
}
.goods-card .member-tag .discount {
	font-size: 26rpx;
	color: #FF5C00;
	font-weight: bold;
	margin: 0 6rpx;
}

.goods-card .price-wrapper {
	display: flex;
	align-items: baseline;
}

.goods-card .price-wrapper .price {
	font-size: 1.6rem;
	font-weight: bold;
	color: #F40000;
	margin-right: 0.4rem;
}

.goods-card .price-wrapper .line-price {
	font-size: 1.2rem;
	color: #919499;
	text-decoration: line-through;
	line-height: 1;
}
/*ѡ��Ƶ�� end*/
@media only screen and (min-width: 310px) and (max-width: 360px) {
    .singn-in {
        font-size: 1.2rem;
    }

    .t-dbt p {
        font-size: 1.3rem;
    }

    .t-dbt {
        margin-bottom: 0;
    }

    .w-time-l-s {
        margin-bottom: .2rem;
    }

    .index-operation ul li a i {
        width: 4.5rem;
        height: 4.5rem;
    }
}

@media only screen and (min-width: 310px) and (max-width: 360px) {
    .t-dbt p {
        font-size: 1.3rem;
    }

    .w-time_r p, .w-time_r s.jia, .w-time_r p.watch {
        font-size: 10px;
    }

    .w-time_r i.cu {
        width: 1.1rem;
        height: 1.1rem;
    }

    .w-time-l-s span {
        font-size: 11px;
    }
}
.fixed-fit {
    height: 3.2rem;
  }
  .fixed-fit.full {
    height: 5.2rem;
  }
  
  .user-agent-store {
    width: 100vw;
    background: linear-gradient(180deg, #ffffff 0%, rgba(250, 243, 243, 0.9) 100%);
    background-color: #ffffff;
    border-radius: 0rem 0rem 1.2rem 1.2rem;
    z-index: 100;
    border: 0.1rem solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.6rem 1.2rem;
    box-sizing: border-box;
  }
  .user-agent-store .about-item {
    font-weight: 500;
    font-size: 1.2rem;
    color: #202124;
    line-height: 2rem;
    display: flex;
    align-items: center;
  }
  .user-agent-store .about-item.icon::before {
    display: block;
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.4rem;
  }
  .user-agent-store .about-item.icon.store::before {
    background: url(https://static2.weizan.cn/zhibo/static/img/live-h5/shop/store-icon.png) no-repeat center center;
    background-size: 100% 100%;
  }
  .user-agent-store .about-item.icon.follow::before {
    background: url(https://static2.weizan.cn/zhibo/static/img/live-h5/shop/agent-icon.png) no-repeat center center;
    background-size: 100% 100%;
  }
  .user-agent-store .about-item-id {
    margin-left: auto;
    color: #919499;
    font-size: 1.2rem;
  }
  .component-agent-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    min-height: 36rem;
    align-content: center;
    padding-top: 15rem;
  }
  .component-agent-empty .empty-cover {
    width: 13rem;
    height: 6.6rem;
    display: block;
  }
  .component-agent-empty .empty-txt {
    font-size: 1.4rem;
    color: #000000;
    line-height: 2.2rem;
    text-align: center;
    margin-top: 6.4rem;
    flex-basis: 100%;
  }

  .channel {
    display: flex;
    padding: 1.5rem 0;
    position: relative;
    border-bottom: .5px solid #f0f0f0;
  }
  .channel .channel-tag {
    position: absolute;
    background: #0084ff;
    color: #fff;
    top: 2rem;
    left: 0.5rem;
    padding: 0.3rem 0.4rem;
    transform: scale(.9);
    border-radius: 0.4rem;
  }
  .channel .channel-left {
    width: 13.5rem;
    height: 7.6rem;
    border-radius: 0.2rem;
    background: #ccc;
  }
  .channel .channel-right {
    position: relative;
    flex: 1;
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .channel-right .channel-title {
    font-size: 1.4rem;
    font-weight: 600;
    color: #202124;
    line-height: 2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .channel-right .channel-camp{
    width: fit-content;
    max-width: 80%;
    padding: 0 0.8rem;
    border: 0.1rem solid #EDEFF2;
    border-radius: 0.6rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #60646B;
    line-height: 2rem;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .channel-right .channel-desc {
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
    font-size: 1.4rem;
    color: #9f9f9f;
    font-weight: 600;
    line-height: 1.7rem;
    
  }
  .channel-desc .channel-desc-right {
    color: #f40000;
  }
  .channel-right .reduce-price {
    font-size: 1.2rem;
    text-decoration: line-through;
    color: #9f9f9f;
    margin-left: 0.6rem;
  }
  .channel-right .channel-time {
    margin-top: 1.9rem;
    font-size: 1.2rem;
    color: #abafb6;
    line-height: 1.7rem;
  }
  .tab-wrapper {
    position: relative;
    max-width: 100%;
    padding: 0;
  }
  
  .scroll-container {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    padding: 1.2rem 0;
    gap: 1rem;
  }
  
  /* 隐藏滚动条 Chrome/Safari */
  .scroll-container::-webkit-scrollbar {
    display: none;
  }
  
  .tab-item {
    flex-shrink: 0;
    padding: .8rem 1rem;
    cursor: pointer;
    color: #666;
    transition: all 0.3s;
    position: relative;
    font-size: 1.5rem;
    font-weight: bold;
  }
  
  .tab-item.active {
    color: #007bff;
    font-weight: bold;
  }
  
  .tab-item.active::after {
    content: "";
    position: absolute;
    bottom: 0.2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: .3rem;
    background-color: #007bff;
    border-radius: .2rem;
  }