/*全局*/
* {
    box-sizing: border-box;
    font-size: .16rem;
    font-family: "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif;
}

html {
    font-size: 625%;
}
body{
    background: #f8f8f8;
}

a {
    text-decoration: none;
}


/**
 自定义内容
 */
.common-container{
    width: 100%;
    max-width: 4.5rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: white;
}
.my-common-container{
    width: 100%;
    max-width: 6rem;
    min-width: 3.2rem;
    margin: 0 auto;
    background: white;
}


/*.foot-container{*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*}*/
.foot{
    position: fixed;
    width: 100%;
    min-width: 3.2rem;
    max-width: 4.5rem;

    display: flex;
    bottom: 0;
    height: .5rem;
    z-index: 999;
    padding-left: .1rem;
    padding-right: .1rem;

    background: #f3f3f3;
    /*background: #ec7258;*/
}

.foot-tab{
    padding-top: .03rem;
    flex: 1;
    height: .5rem;
    text-align: center;
    cursor: pointer;
}

.foot-tab div{
    font-size: .12rem;
    margin-top: -.05rem;
}
.foot-tab a{
    font-size: .16rem;
}

.tab{
    margin-top: .1rem;
}
.extra{
    visibility: hidden;
    position: fixed;
    background-image: linear-gradient(to right, #ec7258 , #f3f3f3, #f3f3f3, #ec7258);
    left: 0;
    top: 0;
    width: 100%;
    height: .5rem;
}
.loading {
    position: fixed;
    width: 1rem;
    height: 1rem;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;

    background: none;
}
.loadingPic {
    text-align: center;
}

/*弹窗样式*/
.backdrop {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
    background-size: cover;
    z-index: 8;
}

.pop-tool{
    display: none;
}

.pop-window {
    width: 80%;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: fixed;

    padding: .1rem;
    text-align: left;
    background: #fafafa;
    z-index: 9;
    border-radius: .15rem;
}


/*选项卡*/
.window {
    margin-bottom: .1rem;
    /*background: white;*/
    /*border-radius: .1rem;*/
}
.trend-window{
    visibility: hidden;
}

.window-menu {
    display: block;
    margin: 0 .5rem;
    color: #ec7258;
    /*border-radius: .15rem;*/
}
.window-on {
    background: #ec7258;
    color: white;
}


.window-menu ul {
    display: flex;
}
.window-menu ul li {
    flex: 1;
    height: .3rem;
    text-align: center;
    line-height: 0.3rem;
    border: 1px solid #ec7258;
    border-radius: .15rem;
}
.window-content {
    /*margin-left: .5rem;*/
}
.window-content > div {
    margin-bottom: .1rem;
    display: none;
}

.window-content > div:first-child {
    display: block;
}

.tab-menu ul{
    /*color: black;*/
    margin-left: .3rem;
    z-index: 999;
}
.tab-on {
    background: #0084ff;
    color: white;
}
.tab-menu ul li {
    /*float: left;*/
    display: inline-block;
    margin: .03rem;
    width: .5rem;
    height: .24rem;

    border: .01rem solid #0084ff;
    border-radius: .08rem;
    text-align: center;
    line-height: 0.24rem;
    font-size: .14rem;
    z-index: 999;
}
.tab-wider{
    width: .7rem !important;
}

/* 近期、全部的显隐 */
.tab-content > div {
    display: none
}
.tab-content > div:first-child {
    display: block;
}

/* 评分 */
.rate {
    color: #275fe6;
    font-size: .18rem;
}

.rateDetail {
    color: #eb3c10;
    font-size: .18rem;
}