@keyframes transform-initial{
100%{transform:initial}
}
.aio-card-container-active .mask{animation:mask .5s forwards}
.aio-card-container-active .card-item{animation:card-item .5s forwards;filter:grayscale(.5);transform:scale(.5);margin-top:4px;border:none;box-shadow:0 0 2px rgb(0 0 0 / 20%);border-radius:5px;overflow:hidden}
.aio-card-container-active .top-line{transform:translateX(-1000px);animation:transform-initial .5s forwards;animation-delay:.5s}
.aio-card-container .card-item .top-line .rate_num{font-size:18px}
.aio-card-container-active .rate{transform:translateY(-1000px);animation:transform-initial .5s forwards;animation-delay:.5s;animation-delay:1s}
.aio-card-container-active .bottom-line{transform:translateX(1000px);animation:transform-initial .5s forwards;animation-delay:.5s}
.aio-card-container{border-radius:10px;margin-bottom:4px;position:relative}
.aio-card-container .mask{position:absolute;width:100%;height:100%;background-image:linear-gradient(to left,rgba(242,48,6,.1),rgba(128,128,128,0));z-index:100;clip-path:circle(200% at 100% 100%);filter:grayscale(0)}
.app-dialog .c-content{ font-size:14px;line-height: 22px;}
@keyframes mask{
100%{filter:grayscale(.2);clip-path:circle(0 at 100% 100%)}
}
@keyframes card-item{
0%{transform:scale(.5) translateY(-1000px)}
80%{transform:scale(.5) translateY(100px)}
100%{transform:initial;filter:grayscale(0)}
}
.aio-card-container .card-item .bottom-line .subtitle{font-size:10px;line-height:16px}
.aio-card-container .card-item .bottom-line .content .left-content .info-top div:first-child{height:14px;line-height:12px;padding:0 4px;vertical-align:middle}
.aio-card-container .card-item .bottom-line .right-content{min-width:60px}
.aio-card-container .card-item .right-content[data-title]:after{font-size:10px;line-height:16px}
.aio-recommend{position:static;width:100%;padding:5px 0;background-color:#fff;box-shadow:0 0 2px rgb(0 0 0 / 20%);margin-bottom:10px}
.aio-recommend .nav-list .aio-box{padding:0 8px}
.aio-recommend .nav-list{height:360px}
.author-item{width:25%}
.aio-recommend .content-list-show{margin-top:20px;animation:content-list-show .8s forwards}
@keyframes content-list-show{
10%{opacity:0;height:200px}
50%{opacity:1}
90%{transform:translateX(-400px)}
95%{transform:translateX(10px)}
100%{opacity:1;transform:initial;height:100%}
}
.publish,a.publish{position:fixed;bottom:90px;right:0;/* width:110px; */height:40px;line-height:40px;font-size:16px;border-radius:34px 0 0 34px;background: rgba(32,114,218,.7);background: linear-gradient(-30deg,#9864fe 20%,#7c18ff,#7756ff 95%);-webkit-backdrop-filter:saturate(100%) blur(10px);backdrop-filter:saturate(100%) blur(10px);z-index:100;}
.publish span{padding-left:36px;background-size:30px auto;background: none;padding: 0 10px 0 22px;}
.aio-tab{height:45px;color:#999;font-size:13px;padding:0}
.aio-tab .aio-scroll .list .item span{margin:0 16px}
.aio-tab .aio-scroll .list .item.active{font-size:16px}
.recommend-tabs {font-size: 14px;line-height: 16px;}
.recommend-tabs .item.active {font-size: 16px;}
.recommend-tabs .tail {width: 54px;}
.recommend-list .bottom .retreat,
.recommend-list .bottom .ds{ font-size:10px;}
.recommend-list .bottom .ds em,
.recommend-list .bottom .title{ font-size: 16px;}
.rate-column em{ font-size:20px;}
.author-content .name{ font-size:15px;}
.app-dialog.screen .group .title{font-size:14px}
.app-dialog.screen .group .item{height:24px;line-height:24px;font-size:12px}
.app-dialog.screen .group .item.large{height:78px;line-height:78px}
.app-dialog-title .subtitle {font-size: 14px;}
.app-analysis .vs-wrap{padding:12px 0 10px}
.app-analysis .vs-wrap .time{font-size:12px;padding:0 8px;margin-bottom:5px}
.app-analysis .vs-wrap .vs .center{font-size:16px}
.app-analysis .vs-wrap .team{font-size:14px}
.app-analysis .vs-wrap .team .icon{margin:0 auto;width:44px;height:44px}
.clickable{height:45px;line-height:45px;font-size:15px;padding:0 8px}
.app-analysis .select-tab .content{padding:14px 8px 4px}
.app-analysis .select-tab .group{font-size:12px}
.app-analysis .select-tab .group .label{width:35px}
.app-analysis .select-tab .group .label span{width:12px;line-height:16px}
.app-analysis .select-tab .group .list .item{height:40px;line-height:16px}
.app-analysis .edit-content{padding:0 8px 20px}
.app-analysis .edit-content h2{font-size:14px;padding:10px 0 2px}
.app-analysis .edit-content h2 em{font-size:11px}
.app-analysis .edit-content input{height:40px;padding:0 8px}
.app-analysis .edit-content .textarea-box textarea{padding:4px 8px}
.app-analysis .attribute .item{padding:0 8px 8px}
.app-analysis .attribute .item .label{font-size:14px}
.app-analysis .attribute .item .click-button{width:210px;height:24px;font-size:12px}
.fixed-footer-content .fill-button{width:100%;border-radius:0;margin:0}
.fixed-footer-content .publish{width:110px;border-radius:34px 0 0 34px}
.programme-details{padding-bottom:60px}
.programme-details .detail-content{padding:4px 8px 8px}
.programme-details .match-top{font-size:12px;word-spacing:5px}
.programme-details .match-vote{font-size:13px;min-height:60px}
.programme-details .match-vote .title{width:30px;line-height:16px;font-size:14px;padding:0 10px}
.programme-details .match-vote .item.mark-recommend::after{height:20px;line-height:20px;font-size:12px;top:0;left:-34px}
.programme-details .match-vote .item strong{font-size:16px}
.programme-details .article-title{font-size:14px;font-weight:400;line-height:20px;padding:10px 8px 8px;border-bottom:1px solid #eee}
.programme-details .detail-content .article{font-size:14px;padding:10px}
.programme-details .detail-content .article h4{font-size:16px}
.programme-details .detail-content .other{font-size:12px}
.programme-details .detail-content .other .left span em{color:#f2330e;margin-left:10px}
.programme-details .detail-content .other .right span{padding-left:20px}
.programme-details .detail-content .other .right .like{background-size:14px auto}
.programme-details .detail-content .other .right .warning{background-size:14px auto}
.programme-details .bottom {padding: 0 8px 5px;}
.programme-details .bottom .warning {font-size: 12px;line-height: 20px;background-size: 14px;padding-left: 18px;}
.programme-reward{padding:16px 0 8px}
.programme-reward button{width:48px;height:48px;line-height:48px;font-size:12px}
.programme-reward p{font-size:14px}
.programme-details .statement{font-size:12px;padding:8px 8px}
.programme-reward .button{width:100px;height:100px;line-height:100px;font-size:22px;font-weight:400}
.programme-details .record-wrap{margin-top:22px}
.programme-details .record .title{font-size:16px;padding-left:24px;background-size:15px auto}

.programme-details .match-top:after{line-height:22px;font-size:12px}
.match-list-content{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.match-list-content .card-list .card-item{padding: 6px;}

.list-nav{font-size:13px;margin-bottom:5px}
.list-nav .nav-item{flex:1;text-align:center;padding:10px 0}
.ranking-item .link{padding:15px 8px}
.ranking-item .number{width:30px}
.ranking-item .number::after{width:18px;height:25px}
.ranking-item .action{width:70px}
.ranking-list-header{padding:12px 8px 8px}
.ranking-list-header span{font-size:12px}
.ranking-list-header span:nth-child(1){flex:0 0 30px;width:30px}
.ranking-list-header span:nth-child(2){flex:1;width:100%}
.ranking-list-header span:nth-child(3){flex:0 0 70px;width:70px}
.scheme-item .link{background-color:#fff;border-radius:5px;border-bottom:0;margin-bottom:4px;padding:10px 8px}
.scheme-item .scheme-content {padding-right:80px;}
.scheme-content{font-size:12px}
.scheme-content .desc{margin-bottom:0px}
.scheme-content .title{margin-bottom:2px;}
.scheme-content .title .app-tag{margin-top: -1px;}
.scheme-content .actions{font-size:10px}
.scheme-content .actions span{margin-right:8px;min-width:45px}
.scheme-item .free{font-size:15px}
.scheme-item .match-status {right:65px;width:40px;height:40px}
.item-edge{font-size:10px}
.item-edge .ds{height:24px}
.item-edge .ds em{font-size:16px}
.item-edge .warning{width:50px;line-height:16px;font-size:10px}
.app-user-people .statistics .match::after {font-size: 10px;}
.match-team .center{ min-width: 95px;padding: 0;width: 65px;}
.match-top .match{ min-width:auto;}
.match-top .date{ min-width:auto; padding:0 10px;font-size: inherit;}
.match-team .team{ min-height: 30px;}
.match-top{ font-size:10px;}

.dialog-center-bottom {transform: none;left: 0;top: auto;bottom: 0;}
.dialog-center-bottom > div {width: 100%;border-radius: 10px 10px 0 0;}
.dialog-submit h2,
.dialog-pays h2,
.dialog-wechat-pay h2 {font-size: 18px;line-height: 24px;margin: 20px 0 12px;}
.dialog-submit .select-list .item {font-size: 14px;}
.dialog-submit .submit-bar p {font-size: 14px;}
.dialog-submit .submit-bar p em {font-size: 26px;}
.dialog-pays .select-list .a0item {font-size: 14px;}
.dialog-pays .select-list .a0item::after {width: 18px;height: 18px;right: 6px;}
.dialog-wechat-pay {padding: 0 20px;}
.dialog-wechat-pay .tip-link {font-size: 12px;margin-top: 20px;}

.app-dialog-window[data-ai-vis] .dialog-submit, .app-dialog-window[data-ai-vis] .dialog-pays {animation: .3s slide-up both ease-out;}