a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {-webkit-box-sizing: border-box;box-sizing: border-box }a {text-decoration: none;cursor: pointer }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block }audio, canvas, video {display: inline-block }[hidden], audio:not([controls]) {display: none }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block }audio, canvas, video {display: inline-block }[hidden], audio:not([controls]) {display: none }a, abbr, acronym, address, applet, big, blockquote, body {vertical-align: baseline }a, abbr, acronym, address, applet, big, blockquote, body, caption {padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100% }cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup {padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100%;vertical-align: baseline }table {padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100% }tbody {vertical-align: baseline }tbody, td {padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100% }tfoot {vertical-align: baseline }tfoot, th, thead, tr, tt, ul, var {padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100% }thead, tr, tt, ul, var {vertical-align: baseline }body {line-height: 1 }ol, ul {list-style: none }table {border-collapse: separate;border-spacing: 0;vertical-align: middle }caption, td, th {text-align: left;font-weight: 400;vertical-align: middle }a img {border: none }a {color: #222 }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block }audio, canvas, video {display: inline-block }[hidden], audio:not([controls]) {display: none }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;padding: 0;margin: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;font-size: 100%;vertical-align: baseline }[hidden], audio:not([controls]) {display: none }* {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased }
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;}
input:focus{outline: 0;}
.mgtp15{margin-top:0.3rem!important;}
body {
    background-color:#210F4C;
    width: 7.5rem;
    margin: 0 auto;
    font-family: "Noto Sans SC"
}

.slide-header{
    width:100%;
    height:1.08rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:0 0.3rem;
    &>img:nth-child(1){
        width:0.4rem;
        height: 0.4rem;
    }
    &>.btn-close{
        width:0.34rem;
        height:0.34rem;
    }
}
#sidebar {
    width: 200px;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: -1000px;
    overflow: hidden;
}
.type-list{
    width:100%;
    padding:0 0.3rem;
}


.header-top{
    width:100%;
    margin:0.2rem auto ;
    position: relative;

    &>.btn-history{
        width:0.56rem;
        height:0.56rem;
        position:absolute;
        right:0.3rem;
        top:0.3rem;
        display: flex;
        &>img{
            width:100%;
            height:100%;
        }
    } 
} 
.header-top>a{
    display: block;
    width:100%;
    height:1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.head-img{
    width:4.34rem;
    height:0.68rem;
}


.form-search{
    width:6.94rem;
    height:0.9rem;
    position: relative;
    margin:0 auto;
    
    &>.ipt-search{
        width:100%;
        height:0.9rem;
        border-radius: 0.2rem;
        position: absolute;
        padding:0 0.5rem 0 0.2rem;
        background-color: #fff;
        border:0;
    }
    .btn-search{
        width:0.28rem;
        height:0.28rem;
        position: absolute;
        top:0.34rem;
        right:0.24rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-search{
        width:0.46rem;
        height:0.46rem;
        background:url("../images/search.png") center center no-repeat;
        background-size:100%;
        display: block;
    }
}
.title{
    width:100%;
    height:0.44rem;
    margin:0 auto 0.3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    position: relative;
    .lf{
        display: flex;
        flex-direction: row;
        align-items: center;   
    }
    .icon{
        width:0.4rem;
        height:0.4rem;
        margin-right:0.2rem;
    }
    span{
        font-size:0.28rem;
        color:#fff;
        font-weight: 700;
    }
    a{
        display: flex;
        height:0.4rem;
        align-items: center;
    }
    img{
        width:0.28rem;
        height:0.28rem;
    }
}
.footer{
    width: 7rem;
    margin:0.3rem auto;
    box-shadow: none;
    background-color: #fff;
    border-radius: 0.3rem;
}
.footer a{
    margin: 0 auto;
    display: flex;
}
.ft-img{
    width:6.94rem;
    height: 100%;
    margin: 0 auto;
}
.footer .ft-txt{
    width: 100%;
    color:#000;
    font-size:0.28rem;
    text-align: center;
    margin-bottom:0.1rem;
    margin-top:0;
    display:block;
    text-decoration: none;
}
.ft-nav{
    width:6.94rem;
    height:1.04rem;
    background-color:transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin:0 auto; 
    border-radius: 0.2rem;
}
.ft-nav a{
    color:#292F52;
    font-size:0.24rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
.ft-nav span{
    width:0.1rem;
    height:0.4rem;
    overflow: hidden;
    color:#fff;
}
.empty{
    width:100%;
    height:0.4rem;
}


.box-temp{
    width:6.94rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:0 auto;
    /* p{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        &>.txt{
            height:0.36rem;
            line-height: 0.36rem;
            color:#fff;
            font-size:0.2rem;
        }
    } */
}
.box-temp-1{
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.box-temp-1 .item{
    width:2.14rem;
    margin-left:0.24rem;
    margin-bottom:0.28rem;
    position: relative;
    border-radius: 0.2rem;
    &:nth-child(3n+1){
        margin-left: 0;
    }
    p{
        width:100%;
        height:0.44rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0;
        font-size:0.28rem;
        color:#fff;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-top:0.2rem;
    }
}

.box-temp-1 .item a{
    display: block;
    width:2.14rem;
    height:2.14rem;
}
.box-temp-1 .item a img{
    width:2.14rem;
    height:2.14rem;
    border-radius: 0.2rem;
    background: url("../images/default.png") center center no-repeat;
    background-size:100%;
}


.box-temp-2{
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.box-temp-2 .item{
    width:1.62rem;
    height:1.62rem;
    margin-left:0.14rem;
    margin-bottom:0.28rem;
    position: relative;
    border-radius: 0.2rem;
    overflow: hidden;
    &:nth-child(3n+1){
        margin-left: 0;
    }
    p{
        position:absolute;
        bottom:0;
        left:0;
        width:100%;
        height:0.44rem;
        background-color: rgba(0, 0, 0, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0;
    }
}

.box-temp-2 .item a{
    display: block;
    width:1.62rem;
    height:1.62rem;
}
.box-temp-2 .item a img{
    width:1.62rem;
    height:1.62rem;
}
.adv{
    width:6.94rem;
    margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
    flex-direction: column;
    p{
        width:100%;
        text-align: center;
        font-size:0.3rem;
        margin:0.3rem 0;
        color:#fff;
    }
}
.adv-float{
    width:100%;
    position: fixed;
    bottom:0;
    left:0;
    z-index: 999;
    display: flex;
    justify-content: center;
}