[v-cloak] {
    display: none !important;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
::-webkit-scrollbar {
    display: none;/*隐藏滚轮*/
}
a{
    text-decoration: none;
}
html{
    font-size: 50px;
    overflow-x: hidden;
    width: 100%;
    background: #F9FAFC;
    min-height: 100vh;
}
body{
    padding-bottom: constant(safe-area-inset-bottom);
}
.main{
    width: 100%;
    height: auto;
}
.index-warp{
    width: 100%;
    height: auto;
    padding-top: 1.84rem;
}
.fix-box{
    width: 100%;
    height: 2rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
}
.fix-top{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .2rem .3rem .08rem .3rem;
}
.seach{
    width: 5.58rem;
    height: .9rem;
    position: relative;
}
.seach input{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 .8rem 0 .3rem;
    font-size: .26rem;
    background: #FAFAFA;
    border-radius: .45rem;
    border: none;
    outline: none;
}
.seach-ico{
    position: absolute;
    top: 50%;
    right: .14rem;
    width: .6rem;
    padding: .12rem;
    transform: translateY(-50%);
}
.seach-ico img{
    display: block;
    width: 100%;
}
.right-select{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.right-select p{
    font-size: .26rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #666666;
    line-height: .36rem;
}
.right-select img{
    display: block;
    width: .25rem;
    margin-left: .12rem;
}
.fix-tab{
    width: 100%;
    display: flex;
    height: .88rem;
    padding: 0 .2rem;
}
.fix-tab .dl{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}
.fix-tab .dl p{
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 1;
}
.fix-tab .dl img{
    display: none;
    width: .3rem;
    height: .13rem;
    margin-top: .03rem;
}
.fix-tab .dl.on img{
    display: block;
}
.fix-tab .dl.on p{
    font-size: .34rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #161616;
}
.list{
    width: 100%;
    padding: 0 .3rem;
}
.list .item{
    width: 100%;
    height: auto;
}
.list .item .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .25rem 0;
}
.list .item .title-left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.list .item .title-left img{
    display: block;
    width: .06rem;
    height: .3rem;
    margin-right: .16rem;
}
.list .item .title-left p{
    font-size: .32rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #161616;
    line-height: .4rem;
    max-width: 550rpx;
}
.list-empty{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    width:100%;
    height:100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.list-empty .logo{
    width: 3rem;
}
.list-empty .text{
    font-size: .26rem;
    margin-top:0.1rem;
}
.center-tips{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    width:100%;
    height:100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index:9999;
}
.center-tips .text{
    font-size: .26rem;
    margin-top:0.1rem;
    background-color:rgba(0,0,0,0.5);
    padding:.2rem;
    border-radius:.2rem;
    color:#ffffff;
}
.title-right{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1rem;
}
.title-right span{
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: .4rem;
}
.title-right img{
    width: .16rem;
    height: .1rem;
    margin-left: .1rem;
    display: block;
    transition: all .36s ease;
    transform: rotate(-180deg);
}
.list .item.open .box{
    display: block;
}
.list .item.open .title-right img{
    transform: rotate(0);
}
.list .item .box{
    width: 100%;
    height: auto;
    padding: .28rem .22rem .3rem .22rem;
    background-color: #fff;
    border-radius: .1rem;
    display: none;
}
.list .item .box .box-dl .name{
    font-size: .26rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #171D38;
    line-height: .4rem;
    padding: 0 0 .29rem 0;
    margin: .28rem 0 0 0;
}
.list .item .box .box-dl:first-child .name{
    margin-top: 0;
}

.list .item .box .box-dl .name2{
    display:flex;
    justify-content:space-between!important;
}
.list .item .box .box-dl .tec{
    width: 100%;
    height: 1.12rem;
    background: #F7F8FC;
    border-radius: .06rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list .item .box .box-dl .tec .box-dl-li{
    display: flex;
    align-items: center;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.list .item .box .box-dl .tec .box-dl-li::after{
    content: "";
    display: block;
    width: 1px;
    height: .68rem;
    background: #EEEEEE;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%,-50%);
}
.list .item .box .box-dl .tec .box-dl-li p{
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #797979;
    line-height: .4rem;
}
.list .item .box .box-dl .tec .box-dl-li .h2{
    font-size: .3rem;
    font-family: Arial;
    font-weight: 400;
    color: #161616;
    line-height: .4rem;
}
.list .item .box .box-dl .tec .box-dl-li .h2 span.highlight{
    color: #E51616;
}
.list .item .box .box-dl .tec .box-dl-li:last-child::after{
    display: none;
}
.dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: -1000;
}
.dialog.on{
    z-index: 1000;
}
.dialog.on .background{
    opacity: 0.6;
    transition: all .36s ease;
}
.dialog .background{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    position: relative;
}
.dialog-box{
    width: 6.5rem;
    height: 100%;
    padding: .6rem 0 1.38rem 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
}
.dialog.on .dialog-box{
    transform: translateX(0);
    transition: all .36s ease;
}
.fix-item{
    width: 100%;
    height: auto;
    max-height: calc(100vh - 3rem);
    overflow-y: auto;

}
.fix-item-dl{
    margin-bottom: .2rem;
}
.fix-item-dl-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .39rem 0 .32rem;
}
.fix-item-dl-title span{
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #161616;
    line-height: .67rem;
}
.fix-item-dl-title img{
    display: block;
    width: .2rem;
    height: .12rem;
    transition: all .36s ease;
    transform: rotate(-180deg);
}
.fix-item-dl.check .fix-item-dl-title img{
    transform: rotate(0deg);
}
.fix-item-dl.check .fix-item-dl-tags{
    display: flex;
}
.fix-item-dl-tags{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 .22rem;
    display: none;
}
.fix-item-dl-tags .tag{
    min-width: 1.78rem;
    height: auto;
    background: #F8F8F8;
    border-radius: .36rem;
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #161616;
    line-height: .36rem;
    border: .01rem solid #F8F8F8;
    text-align: center;
    margin: .11rem;
    position: relative;
    text-align: center;
}
.fix-item-dl-tags .tag.on{
    background: rgba(255,93,13,0.1);
    border: .01rem solid #FF5D0D;
    color: #FF5D0D;
}
.fix-item-dl-tags .tag.dot::after{
    content: "";
    display: block;
    width: .14rem;
    height: .14rem;
    background: #EF1919;
    border-radius: 50%;
    position: absolute;
    right:.02rem ;
    top: .05rem;
}
.fix-item-dl-tags .tag .text{
    padding: 0.13rem;
}
.dialog-btns{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    border-top: solid #f5f5f5 .02rem;
    padding: .1rem .26rem .56rem .24rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.dialog-btns .btn1{
    width: 2.06rem;
    height: .72rem;
    background: #FFFFFF;
    border: .01rem solid #979797;
    border-radius: .36rem;
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #161616;
    line-height: .7rem;
    margin-right: .1rem;
    text-align: center;
}
.dialog-btns .btn2{
    flex: 1;
    width: 2.06rem;
    height: .72rem;
    border-radius: .36rem;
    font-size: .28rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #fff;
    line-height: .72rem;
    text-align: center;
    background: linear-gradient(90deg, #FF6901 0%, #FF4922 100%);
}
.dialog .close{
    position: absolute;
    top: 0;
    right: 0;
    width: .6rem;
    height: .6rem;
    padding: .15rem;
    z-index:100
}
.dialog .close img{
    display: block;
    width: 100%;
}
.detail-warp{
    width: 100%;
    height: auto;
    background:#fff url(../images/bg.png) no-repeat center top/cover;
}
.detail-warp h2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem .67rem;

}
.detail-warp h2 span{
    font-size: .42rem;
    font-family: PingFang SC;
    font-weight: 800;
    color: #441905;
    line-height: .5rem;
    display: block;
    flex: 1;
    text-overflow: ellipsis;
   /* overflow: hidden;
    white-space: nowrap;*/
    padding-left:.2rem;
}
.detail-warp h2 img{
    display: block;
    width: .37rem;
    margin-left: .12rem;
}
.detail-box{
    background-color: #fff;
    padding: .88rem 0.05rem .1rem 0.05rem;
    border-radius: .1rem;
    width: 7rem;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.detail-box .fix-tab{
    border-bottom: solid #f2f2f2 1px;
    padding:.3rem 0;
    position: absolute;
    left: 0;
    top: 0;
}
.detail-box .fix-tab.is-fix{
    position: fixed;
    left: .25rem;
    width: 7rem;
    background-color: #fff;
    z-index: 100;
}
.detail-box .fix-tab.warp-silde{
    overflow-x: scroll;
    white-space: nowrap;
    display: block;
    font-size: 0;
    overflow-y: hidden;
    padding: 0 .1rem;
}
.fix-tab.warp-silde .dl{
    display: inline-block;
    /* width: auto; */
    width: auto;
    text-align: center;
    padding: 0.2rem;
    min-width: 2.3rem;
}
.fix-tab.warp-silde .dl p{
    text-overflow: ellipsis;
    overflow: hidden;

}
.fix-tab.warp-silde .dl img{
    margin: 0.03rem auto 0;
}



.copy{
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: .66rem;
    text-align: center;
    padding: .48rem 0 .65rem 0;
}
.table{
    width: 100%;
    height: auto;
    padding: 0 .3rem;
    margin-top: .31rem;
}
.table-item{
    width: 100%;
}
.table-item .th{
    display: flex;
    align-items: center;
    font-size: .26rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #161616;
    line-height: .66rem;
}
.table-item .th img{
    display: block;
    width: .25rem;
    margin-right: .11rem;
}
.table-item .tds{
    border-bottom: solid #f2f2f2 .1rem;
    padding-bottom: .2rem;
}
.table-item:last-child .tds{
    border:none;
    padding-bottom: 0;
}
.table-item .tds .td{
    display: flex;
    align-items: flex-start;
    border-bottom: solid #f2f2f2 1px;
    padding: .19rem 0;
    flex-wrap: wrap;
    font-size: 0;
    position: relative;
}
.table-item .tds .td:last-child{
    border-bottom: none;
}
.table-item .tds .td .td-left{
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #999999;
    line-height: .36rem;
    width: 50%;
}
.table-item .tds .td .td-right{
    font-size: .24rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #161616;
    line-height: .36rem;
    
    width: 50%;
    word-break:break-all;
}
.table-item .tds .td .td-right>div{
    display: flex;
    align-items: center;
}
.table-item .tds .td .td-right .tooltip{
    display: inline-block;
    width: .4rem;
    height: .4rem;
    background: url(../images/icon_note.png) no-repeat center/.2rem;
}
.table-item .tds .td .td-right .tooltip:hover{
    background: url(../images/icon_note_hover.png) no-repeat center/.2rem;
}
.table-item .tds .td .td-right span.highlight{
    color: #E51616;
}
.table-item .tds .td .txt::after{
    width: 0;
	height: 0;
	border-left: .1rem solid transparent;  
	border-right: .1rem solid transparent;  
	border-bottom: .1rem solid rgba(0,0,0,0.5); 
    content: "";
    display: block;
    position: absolute;
    top: -.1rem;
    left: 50%;
    transform: translateX(-50%);
}
.table-item .tds .td .txt{
    background-color: rgba(0,0,0,0.5);
    padding: .24rem;
    border-radius: .1rem;
    font-size: .22rem;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .32rem;
    position: absolute;
    max-width: 5.02rem;
    display: none;
}
.el-tooltip__popper{
    max-width: 5.23rem;
}
.el-tooltip__popper.is-dark{
    background-color: rgba(0,0,0,0.6)!important;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after,.el-tooltip__popper[x-placement^=bottom] .popper__arrow{
    border-bottom-color:rgba(0,0,0)!important;
    opacity: 0.6;
}
.el-tooltip__popper{
    font-size: .22rem!important;
    font-family: PingFang SC!important;
    font-weight: 400!important;
    color: #FFFFFF!important;
    line-height: .32rem!important;                    
}
.share-page{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.share-page img{
    display: block;
    width: 5rem;
    float: right;
    padding: 10px;
}