input,textarea{outline:0;resize:none}
.app-lottery-top{height:500px}
.app-lottery-top ol{font-size:0;line-height:0}
.app-lottery-top ol>li{display:inline-block;width:33%;padding:5px}
.app-lottery-top ol>li>a{border-radius:5px;background:#f1f1f1;display:block;font-size:14px;line-height:20px;padding:15px 0 0;position:relative;overflow:hidden}
.app-lottery-top ol .d-avatar{height:60px;width:60px;border-radius:50%;background:url("../images/icon/head_portrait@2x(1).png") no-repeat center center;background-size:contain;margin:0 auto}
.app-lottery-top ol .d-nick{height:40px;line-height:20px}
.app-lottery-top ol .d-nick:before{content:'';display:inline-block;height:100%;width:0;vertical-align:middle}
.app-lottery-top ol .d-info{height:30px;background:#fec399;color:#1277d9;line-height:30px;font-weight:700}
#localMatchInfo1{min-height:100px}
.aio-card-container{border-radius:10px;margin-bottom:10px;}
.recommend-tabs+.aio-padd-vh{min-height: 555px;}


.aio-card-container-active .card-item{margin-bottom:10px;border-bottom:solid 1px rgb(0 0 0 / 12%);background:#fff}
.aio-card-container .card-item .top-line{padding:10px;display:block;display:flow-root}
.aio-card-container .card-item .bottom-line{padding:8px;background-color: #fff7f2;display:block;}
.aio-card-container .card-item .bottom-line .subtitle{color:rgb(0 0 0 / 60%)}
.aio-card-container .card-item .bottom-line .content{display:flow-root}
.aio-card-container .card-item .bottom-line .content .left-content{float:left;text-align:left}
.aio-card-container .card-item .bottom-line .content .left-content .info-top div{display:inline-block}
.aio-card-container .card-item .bottom-line .content .left-content .info-top div:first-child{color:#41a4de;border:1px solid #41a4de;padding:2px 6px;line-height:12px;border-radius:3px;margin-right:3px;font-size:10px;/* background:#fff */}
.aio-card-container .card-item .bottom-line .content .left-content .info-top div:nth-child(2){color:#333;font-size:15px}
.aio-card-container .card-item .bottom-line .content .left-content .info-bottom{font-size:0}
.aio-card-container .card-item .bottom-line .content .left-content .info-bottom div{vertical-align:middle;font-size:10px;padding-right:10px}
.aio-card-container .card-item .bottom-line .content .left-content .info-bottom div{display:inline-block}
.aio-card-container .card-item .bottom-line .info-bottom .label{display:inline-flex;align-items:center;color:#f2330e;padding-left:16px;background:url(../images/lottery/football.png) no-repeat 0 center;background-size:12px auto}
.aio-card-container .card-item .bottom-line .left-content .info-bottom div:first-child img{padding-right:5px}
.aio-card-container .card-item .bottom-line .left-content .info-bottom div:not(:nth-child(1)){color:#999}
.aio-card-container .card-item .bottom-line .right-content{float:right;text-align:center;color: #2072da;font-size:12px;min-width:70px;}
.aio-card-container .card-item .bottom-line .right-content strong{font-size:17px;font-weight:700}
.aio-card-container .card-item .right-content[data-title]:after{background-color:#fff7f2;color:#fff;padding:0 2px;line-height:20px;border-radius:2px;background-color: #2072da;font-size:12px;content:attr(data-title);display:block;}


.aio-recommend{display:block;width:30%;position:absolute;right:0;top: 60px;padding:15px;background-color:#fff;box-shadow:0 0 3px rgb(0 0 0 / 20%);border-radius:2px}
.aio-recommend .content-list,.aio-recommend .nav-list{padding:0;list-style:none;background-color:#fff!important}
.aio-recommend .nav-list{height:500px}
.aio-recommend .nav-list:before{content:none}
.aio-recommend .nav-list>li{text-align:center;padding:10px;margin-bottom:4px;width:25%;line-height:0}
.aio-recommend .nav-list .aio-box{top:100px}
.aio-recommend .nav-list li.aio-on>.title{color:#2072da}
.aio-recommend .nav-list li.aio-on::after{content:"";width:20px;height:2px;background-color:#2072da;display:inline-block;line-height:0}
.aio-recommend .nav-list li .title{padding-top:52px;background:no-repeat center top;background-size:45px auto;cursor:pointer;line-height:20px}
.aio-recommend .nav-list li[data-id='1'] .title{background-image:url(../images/lottery/tuijian.png)}
.aio-recommend .nav-list li[data-id='2'] .title{background-image:url(../images/lottery/mingzhong.png)}
.aio-recommend .nav-list li[data-id='3'] .title{background-image:url(../images/lottery/huibao.png)}
.aio-recommend .nav-list li[data-id='4'] .title{background-image:url(../images/lottery/hong.png)}
.aio-recommend .content-list-show{margin-top:20px;animation:content-list-show .8s forwards}
.author-item{float:left;width:33.3333%;padding:2px}
.author-item a{display:block;background-color:#f5f5f5;font-size:12px;line-height:1.5;border-radius:4px;padding:0;overflow:hidden}
.author-item a::after{content:attr(title);display:block;height:26px;color: #fff;font-size:12px;line-height:26px;background-color: rgb(65 164 222 / 60%);}
.author-item .top{height:100px;display:flex;flex-direction:column;justify-content:center;padding:5px}
.author-item .name{padding-top:6px}
.author-item.more .icon-more{width:38px;height:38px;background:#fec399 url(../images/lottery/more.png) no-repeat;background-size:38px auto;border-radius:50%;margin:0 auto;}
.publish,a.publish{height: 45px;background: #2072da;cursor:pointer;border-radius:5px;text-align:center;color:#fff;font-size: 18px;line-height: 45px;margin:10px 0;display:block;}
.publish span{display:inline-block;background:url(../images/lottery/release.png) no-repeat left center;background-size:auto 80%;padding-left: 40px;color:#fff}
.publish.expert span{background-image:url(../images/icon-expert.png)}


.recommend-tabs {height: 45px;display: flex;align-items: center;font-size: 16px;padding: 0 10px;color: #999;line-height: 18px;}
.recommend-tabs ul {display: flex;flex: 1;list-style: none;}
.recommend-tabs .item {flex-shrink: 0;cursor: pointer;padding: 0 10px;margin-right: 20px;}
.recommend-tabs .item:last-child {margin-right: 0;}
.recommend-tabs .item.active {color: #0c62ce;font-size: 18px;font-weight: bold;}
.recommend-tabs .item.active span {position: relative;}
.recommend-tabs .item.active span::before {content:"";position:absolute;left:50%;bottom:-4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:3px;width:100%;background-color: #2072da;box-shadow: 0 4px 3px 0 rgb(12 98 206 / 20%);border-radius:3px}
.recommend-tabs .tail {padding-left: 10px;border-left: 1px solid #999;cursor: pointer;}
.recommend-list .item {line-height: 1;background-color: #fff;}
.recommend-list .top {display: flex;align-items: center;padding: 18px 10px 10px;}
.recommend-list .top .tail {text-align: center;}
.recommend-list .bottom {background-color: #f5f5f5;display: flex;align-items: center;padding: 12px 10px;line-height: 20px;}
.recommend-list .bottom .content {flex: 1;overflow: hidden;}
.recommend-list .bottom .desc {color: #999;color: rgb(0 0 0 / 50%);padding-bottom: 8px;}
.recommend-list .bottom .title {font-size: 20px;font-weight: 400;max-width: 360px;}
.recommend-list .bottom .title::before {content: attr(data-classify);border: 1px solid #41a4de;color: #41a4de;font-size: 12px;line-height: 16px;height: 18px;padding: 0 4px;border-radius: 3px;display: inline-block;vertical-align: middle;margin-top: -3px;box-sizing: border-box;margin-right: 6px;}
.recommend-list .bottom .other {color: #999;font-size: 12px;padding-top: 8px;}
.recommend-list .bottom .other span {display: inline-block;margin-right: 20px;}
.recommend-list .bottom .other [class^="match-"] {padding-left: 18px;background: no-repeat left 3px;background-size: 12px;}
.recommend-list .bottom .other .match-1 {background-image: url(../images/sportid-1.png);}
.recommend-list .bottom .other .match-2 {background-image: url(../images/sportid-2.png);}
.recommend-list .bottom .tail {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.recommend-list .bottom .ds {color: #ff6a00;font-size: 14px;}
.recommend-list .bottom .ds em {font-size: 25px;font-weight: bold;display: inline-block;vertical-align: middle;margin-top: -7px;}
.recommend-list .bottom .ds strong {font-size: 20px;}
.recommend-list .bottom .retreat {background-color: #f2330e;color: #fff;font-size: 12px;line-height: 20px;padding: 0 10px;border-radius: 3px;margin-top: 4px;}
.recommend-list .bottom .button{background: rgb(18 119 217 / 80%);display: inline-block;min-width: 68px;border-radius: 3px;text-align: center;color: white;font-size: 13px;line-height: 30px;}


.app-dialog .close{position:absolute;right:10px;top:5px;width:30px;height:30px;background:url(../images/lottery/icon-close.png) no-repeat center center;background-size:10px auto;cursor:pointer}
/* 弹窗 */
.app-dialog-content{padding:30px 14px 0}
.app-dialog.screen .group{margin-bottom:4px}
.app-dialog.screen .group.price {display: none;}
.app-dialog.screen .group .title{font-size:16px;font-weight:500;padding-left:8px;margin-bottom:2px}
.app-dialog.screen .group .list{list-style:none;overflow:hidden}
.app-dialog.screen .group .item{height:30px;line-height:30px;border-radius:2px;text-align:center;font-size:14px;background-color:#f4f4f4;float:left;width:calc(33.3333% - 16px);margin:0 8px 3px;cursor:pointer}
.app-dialog.screen .group .item.large{height:96px;line-height:96px}
.app-dialog.screen .group .item.active{background-color: #f0f6ff;color: #2072da;}
.app-dialog.screen .group .item.is-disabled{color:#999;cursor:no-drop}
.app-dialog-bottom{padding:20px 22px 15px;overflow:hidden}
.app-dialog-bottom .option{float:left}
.app-dialog-bottom .option .buttons{float:left;width:78px;height:28px;line-height:26px;border:1px solid #ddd;border-radius:3px;position:relative}
.app-dialog-bottom .option .buttons a{float:left;width:50%;color:#333;font-size:13px}
.app-dialog-bottom .option .buttons a.active{color: #2072da;}
.app-dialog-bottom .option .buttons::after{content:"";width:1px;height:12px;background-color:#ddd;position:absolute;left:36px;top:50%;margin-top:-6px}
.app-dialog-bottom .option span{float:left;color:#999;font-size:11px;padding-left:10px}
.app-dialog-bottom .confirm{float:right;width:78px;height:28px;line-height:28px;text-align:center;background-color: #2072da;color:#fff;font-size:15px;border-radius:3px;}
.app-dialog-bottom.inline {display: flex; justify-content: center;}
.app-dialog-bottom.inline .button {flex: 1; margin-right: 20px; height: 40px; max-width: 160px; color: #999; font-size: 14px; background-color: #fff; border: 1px solid #999; border-radius: 5px;}
.app-dialog-bottom.inline .button:last-child {margin-right: 0;}
.app-dialog-bottom.inline .button.primary {color: #fff; background-color: #ff6a00; border-color: #ff6a00;}
.app-dialog-title {text-align: center;line-height: 1.6;padding: 30px 0 20px;}
.app-dialog-title .title {font-size: 20px;font-weight: 500;text-align: center;margin: 0;}
[class*="icon-"]::before {background-repeat: no-repeat; background-position: center center; background-size: contain; display: inline-block; vertical-align: middle; margin-top: -4px;}
.app-dialog-title .title.icon-zan::before {content: ""; width: 30px; height: 30px; background-image: url(../images/icon-zan.png); margin-right: 6px;}
.app-dialog-title .subtitle {color: #999;font-size: 16px;font-weight: 500;}
/* 弹窗end */
.app-analysis .vs-wrap{padding:10px 0}
.app-analysis .vs-wrap .title span{display:inline-block;margin-right:4px}
.app-analysis .vs-wrap .time{display:flex;justify-content:space-between;color:#999;font-size:15px;padding:5px 20px}
.app-analysis .vs-wrap .time .end em{color:#f2330e}
.app-analysis .vs-wrap .vs{display:flex;align-items:center;justify-content:space-around}
.app-analysis .vs-wrap .vs .center{font-size:36px;font-weight:700}
.app-analysis .vs-wrap .vs .left,.app-analysis .vs-wrap .vs .right{flex:1}
.app-analysis .vs-wrap .team{text-align:center;font-size:18px;}
.app-analysis .vs-wrap .team .icon{display:block;background:no-repeat center center;background-size:contain;width:60px;height:60px;margin:5px auto}
.clickable{height:50px;line-height:50px;background-color:#fff;border-radius:5px 5px 0 0;font-size:18px;padding:0 20px;position:relative;cursor:pointer;user-select:none}
.clickable::after{content:"";position:absolute;right:17px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:24px;background:url(../images/icon-arrow-right-grey.png) no-repeat center center;background-size:8px auto}
.clickable:not([data-ai-vis="1"])+.content{display:none}
.app-analysis .select-tab .content{padding:0 20px 10px 20px;border-radius:3px}
.app-analysis .select-tab .group{display:flex;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.app-analysis .select-tab .group .label{color:#fff;width:70px;background-color:#41a4de;border-radius:2px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.app-analysis .select-tab .group .label span{width:18px;line-height:26px}
.app-analysis .select-tab .group .list{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between}
.app-analysis .select-tab .group .list .item{flex:1;background-color:#f5f5f5;border-radius:4px;text-align:center;margin-left:8px;margin-bottom:6px;height:60px;display:flex;flex-direction:column;justify-content:center;line-height:24px;min-width:30%;cursor:pointer}
.app-analysis .select-tab .group .list .item[data-ai-vis]{background-color: #f2330e;color:#fff;}
.app-analysis .select-tab .group .list .item em{font-size:90%;opacity:.7}
.app-analysis .select-tab .group .list .item strong{font-size:110%}
.app-analysis .edit-content{padding:0 20px 20px}
.app-analysis .edit-content h2{font-size:20px;font-weight:500;padding:26px 0 10px}
.app-analysis .edit-content h2 em{font-size:14px;opacity:.5}
.app-analysis .edit-content input{display:block;width:100%;height:50px;background-color:#f5f5f5;border:0;border-radius:2px;font-size:16px;padding:0 20px}
.app-analysis .edit-content .textarea-box{position:relative;border:1px solid #ccc;border-radius:5px;overflow:hidden}
.app-analysis .edit-content .textarea-box textarea{display:block;width:100%;height:150px;border:0;font-size:16px;padding:10px 20px}
.app-analysis .edit-content .textarea-box .placeholder{width:100%;font-size:12px;min-width:240px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:14px;color:#999;text-align:center;pointer-events:none}
.app-analysis .attribute{padding-top:14px}
.app-analysis .attribute .item{display:flex;align-items:center;padding:0 20px 8px}
.app-analysis .attribute .item .label{flex:1;font-size:20px;line-height:initial}
.app-analysis .attribute .item .click-button{display:block;width:220px;height:40px;border:0;border-radius:4px;background-color:#f2330e;color:#fff;font-size:16px;text-align:center;position:relative}
.app-analysis .attribute .item .click-button::after{content:"";position:absolute;right:14px;top:0;width:16px;height:100%;background:url(../images/icon-arrow-right-white.png) no-repeat center center;background-size:8px}
.fixed-footer-content{text-align:center}
.fixed-footer-content .fill-button{display:inline-block;width:300px;height:50px;line-height:50px;border-radius:50px;border:0;background-color: #2072da;color:#fff;font-size:16px;cursor:pointer;}
.fixed-footer-content .publish{display:inline-block;width:300px;border-radius:50px;margin-left:10px}
.app-programme-action{display:flex;align-items:center;background-color:#ff6a00;box-shadow:0 0 6px 0 rgba(26,26,25,.16);color:#fff;font-size:14px;border-radius:3px;overflow:hidden}
.app-programme-action .text{flex:1;line-height:18px;text-align:left;padding-left:26px}
.app-programme-action .button{color:#fff;font-size:16px;width:90px;line-height:60px;background-color:#41a4de;border:0;cursor:pointer}
.programme-details .detail-content{padding:20px}
.programme-details .match-top{margin-bottom:15px;font-size:14px;padding-left:25px;background:url(../images/icon-football-small.png) no-repeat left center;background-size:16px auto;color:#777;word-spacing:10px;text-align:left;display:block;line-height:26px}
.programme-details .match-top[data-sportid="2"]{background-image:url(../images/icon-basketball-small.png)}
.programme-details .match-top:after{content:attr(data-title);background-color:#41a4de;color:#fff;font-size:14px;line-height:26px;border-radius:3px;padding:0 10px;float:right;display:inline-block}
.programme-details .match-vote{border-radius:3px;overflow:hidden;display:flex;min-height:80px;font-size:16px}
.programme-details .match-vote .title{width:50px;color:#fff;background-color:#41a4de;display:flex;align-items:center;justify-content:center;padding:0 15px;text-align:center;line-height:20px;font-size:15px}
.programme-details .match-vote .item{flex:1;border:1px solid rgb(0 0 0 / 15%);border-left:0;background-color:#fff7f2;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden;font-weight:400}
.programme-details .match-vote .item strong{color:#333;font-size:19px;font-weight:700}
.programme-details .match-vote .item:last-child{border-radius:0 4px 4px 0}
.programme-details .match-vote .item.mark-recommend::after{content:"推";text-align:center;background-color:#f2330e;width:90px;height:30px;line-height:30px;position:absolute;left:-25px;top:5px;color:#fff;transform:rotate(-45deg);font-size:20px}
.programme-details .match-vote .item.mark-result{background-color: #2072da;border-color: #2072da;color:#fff;}
.programme-details .match-vote .item.mark-result strong{color:#fff}
.programme-details .match-vote-key{flex:1;text-align:center;background:#fff7f2 url(../images/match-access-key.png) repeat center center;background-size:auto 100%;display:flex;align-items:center;justify-content:center;border:solid 1px rgb(201 191 184 / 50%);border-radius:0 4px 4px 0;padding:20px 0}
.programme-details .match-vote-key .aio-bt{background:#e00 url(../images/icon-locked.png) no-repeat center 5px;background-size:auto 25px;color:#fff;border-radius:4px;padding:25px 30px 0;line-height:40px;box-shadow:0 0 3px rgb(0 0 0 / 30%);display:block;cursor:pointer;user-select:none}
.programme-details .article-title{font-size:20px;font-weight:400;line-height:1.5;padding:20px;border-bottom:1px solid #ddd;margin:0}
.programme-details .detail-content .article{color:#333;font-size:16px;line-height:1.8em;text-align:justify;padding:20px;background:#f7f7f7;border-radius:3px;margin-top:16px;line-break: anywhere;}
.programme-details .detail-content .article h4{font-size:24px;font-weight:400;margin-bottom:10px}
.programme-details .detail-content .article p{ white-space: pre-wrap;}
.programme-details .detail-content .other{display:flex;align-items:flex-end;justify-content:space-between;color:#999;font-size:14px;line-height:26px;margin-top:8px}
.programme-details .detail-content .other .left span{display:block}
.programme-details .detail-content .other .left span em{color:#f2330e;margin-left:10px}
.programme-details .detail-content .other .right {text-align: right;}
.programme-details .detail-content .other .right span{margin-left:25px;background-repeat:no-repeat;background-position:left center;padding-left:25px;display:inline-block;cursor:pointer}
.programme-details .detail-content .other .right .like{background-image:url(../images/icon-like.png);background-size:18px auto}
.programme-details .detail-content .other .tip {color: #f2330e;font-size: 12px;font-weight: bold;}
.programme-details .statement{color:#999;font-size:14px;line-height:1.5;text-align:center;padding:30px 15px}
.programme-details .record-wrap{margin-top:22px}
.programme-details .record .title{color:#333;font-size:25px;line-height:1.5;font-weight:400;padding-left:34px;background:url(../images/icon-trophy.png) no-repeat left center;background-size:20px auto}
.programme-details .bottom {text-align: right;padding: 0 20px 20px;}
.programme-details .bottom .warning{display: inline-block;line-height: 24px;padding-left: 22px;background: url(../images/icon-warning.png) no-repeat left center;background-size:18px auto;cursor: pointer;}
.programme-reward{padding:16px 0 8px}
.programme-reward .button{display:block;width:120px;height:120px;line-height:120px;border:0;border-radius:50%;text-align:center;color:#fff;font-size:25px;background:url(../images/icon-circular.png) no-repeat;background-size:cover;margin:0 auto;cursor:pointer}
.programme-reward p{font-size:15px;text-align:center}
.checkout-header{position:absolute;top:0;left:0;width:100%;height:195px;background:url(../images/checkout-image.png) no-repeat;background-size:cover;z-index:0}
.checkout-top{padding:12px 8px;position:relative;color:#fff}
.privilege-cards .item{background-color:#f8f2e2;box-shadow:0 3px 3px 1px rgba(222,223,224,.34);border-radius:5px;margin-bottom:8px;display:flex;overflow:hidden}
.privilege-cards .item .left{flex:0 0 50px;width:50px;background-color:#fbd6bc;color:#785004;font-size:14px;line-height:1.2;padding:0 10px;display:flex;align-items:center}
.privilege-cards .item .right{flex:1;font-size:12px;line-height:1.5;padding:10px 14px}
.checkoutcounter .privilege-wrap{padding:0 8px 10px}
.checkoutcounter .head-title{font-size:15px;font-weight:400;line-height:1.5;padding:10px 0 4px 28px}
.checkoutcounter .privilege-wrap .head-title{background:url(../images/icon-privilege.png) no-repeat 8px 12px;background-size:16px auto}
.checkoutcounter .payment-wrap .head-title{background:url(../images/icon-payment.png) no-repeat 8px 12px;background-size:16px auto}
.payment-list .item{border-top:1px solid #e0dddd;height:45px;display:flex;align-items:center;padding:0 8px;cursor:pointer}
.payment-list .item:last-child{border-bottom:1px solid #e0dddd}
.payment-list .item .label{font-size:14px;padding-left:8px;flex:1}
.payment-list .item::before{content:"";display:inline-block;width:26px;height:26px;background:no-repeat center center;background-size:contain}
.payment-list .item.wx::before{background-image:url(../images/payment-wx.png)}
.payment-list .item.zfb::before{background-image:url(../images/payment-zfb.png)}
.payment-list .item.yl::before{background-image:url(../images/payment-yl.png)}
.payment-list .item.hb::before{background-image:url(../images/payment-hb.png)}
.payment-list .item::after{content:"";display:inline-block;width:20px;height:20px;border:1px solid #999;border-radius:50%}
.payment-list .item.active::after{border-color:#f2330e;background:#f2330e url(../images/icon-checked-red.png) no-repeat;background-size:100% 100%}
.checkoutcounter .payment-list{padding:0 0 14px}
.checkoutcounter .agreement{font-size:12px;margin-top:10px}
.checkoutcounter .agreement a{color:#41a4de;padding:0}
.checkoutcounter .agreement .icon-checkbox{display:inline-block;vertical-align:middle;width:14px;height:14px;border-radius:50%;border:1px solid #999;margin-right:5px;margin-top:-4px}
.checkoutcounter .agreement .icon-checkbox.is-checked{border-color:#f2330e;background:#f2330e url(../images/icon-checked-red.png) no-repeat;background-size:100% 100%}
.checkoutcounter-footer{height:50px;display:flex;align-items:center;justify-content:space-between;background-color:#ff6a00;padding:0 10px}
.checkoutcounter-footer .action-btn{border:0;height:30px;padding:0 15px;border-radius:30px;background-color:#f2330e;color:#fff;font-size:12px}
.checkoutcounter-footer .total{color:#fff;font-size:12px}
.checkoutcounter-footer .total em{font-size:15px}
.payment-dialog{border-radius:12px}
.payment-dialog.success{background:#fff url(../images/dialog-success.png) no-repeat;background-size:100% auto}
.payment-dialog.warning{background:#fff url(../images/dialog-warning.png) no-repeat;background-size:100% auto}
.payment-dialog-content{text-align:center;padding:50% 12% 5px}
.payment-dialog-content h2{font-size:24px;font-weight:500;line-height:1.5}
.payment-dialog-content h3{font-size:20px;font-weight:400;line-height:1.5}
.payment-dialog-content h3 em{color:#f2330e;font-weight:700}
.payment-dialog-content p{text-align:left;color:#999;font-size:14px;line-height:1.5;margin-top:5px}
.payment-dialog-bottom{padding:18px 0}
.payment-dialog-bottom.center{text-align:center}
.payment-dialog-bottom .fill-button{width:164px;height:40px;border-radius:40px;text-align:center;color:#fff;font-size:15px;border:0;background-color:#f2330e;display:block;margin:0 auto}
.payment-dialog-bottom .hollow-buttom{display:inline-block;width:116px;height:32px;border:1px solid #f2330e;border-radius:16px;background-color:#fff;color:#f2330e;font-size:15px;margin:0 15px}
.match-list-content .card-list .card-item{padding: 5px;}
.list-nav{display:flex;margin-bottom:10px;font-size:15px}
.list-nav .nav-item{padding:0 15px;position:relative}
.list-nav .nav-item a{padding:0;color:#999}
.list-nav .nav-item.active a{color: #2072da;font-size:16px;font-weight:700;position:relative;}
.list-nav .nav-item.active a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color: #2072da;box-shadow: 0 2px 3px 0 rgb(32 114 218 / 34%);border-radius:3px;}
.list-nav .nav-item::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:15px;background-color:#ccc}
.list-nav .nav-item:last-child::after{display:none}
.ranking-list{padding-bottom:25px}
.ranking-item{border-bottom:1px solid #e0dddd;line-height:initial}
.ranking-item .link{display:flex;align-items:center;min-height:75px;padding:15px 8px}
.ranking-item .number{width:60px;text-align:center;font-size:15px;font-family:DINPro;font-weight:900;color:#8e8d8d}
.ranking-item .number::after{display:inline-block;width:25px;height:35px;background:no-repeat center center;background-size:contain}
.ranking-item .number[data-number="1"],.ranking-item .number[data-number="2"],.ranking-item .number[data-number="3"]{font-size:0}
.ranking-item .number[data-number="1"]::after{content:"";background-image:url(../images/ranking-1.png)}
.ranking-item .number[data-number="2"]::after{content:"";background-image:url(../images/ranking-2.png)}
.ranking-item .number[data-number="3"]::after{content:"";background-image:url(../images/ranking-3.png)}
.ranking-list-header{display:flex;padding:12px 8px 8px;border-bottom:1px solid #e0dddd;line-height:initial}
.ranking-list-header span{font-size:14px;text-align:center}
.ranking-list-header span:nth-child(1){flex:0 0 60px;width:60px}
.ranking-list-header span:nth-child(2){flex:1;width:100%;text-align:left;padding-left:80px}
.ranking-list-header span:nth-child(3){flex:0 0 90px;width:90px}
.item-edge{flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;line-height:1.5;font-size:12px;padding-bottom:10px}
.item-edge .warning{color:#fff;background-color:#f2330e;line-height:20px;border-radius:3px;width:60px;text-align:center}
.item-edge .ds{color: #2072DA;height:35px;}
.item-edge .ds em{font-size:26px;font-weight:700}
.scheme-item .link{display:flex;align-items:center;width:100%;border-bottom:1px solid #e0dddd;padding:15px 0;position:relative}
.scheme-item .free{display:none;color: #2072DA;font-size:18px;}
.scheme-item .match-status {position: absolute;top:50%;right:100px;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.scheme-item[data-ischarge="0"] .free{display:block}
.scheme-item[data-ischarge="0"] .ds,.scheme-item[data-ischarge="0"] .warning{display:none}
.scheme-item .scheme-content {padding-right:150px}
.scheme-content{color:rgb(0 0 0 / 40%);font-size:14px;font-weight:400;line-height:1.5;flex:1;overflow:hidden;}
.scheme-content .desc{line-height:initial;margin-bottom:5px}
.scheme-content .title {color:#333;font-size:20px;font-weight:400;margin-bottom:5px}
.scheme-content .actions{font-size:12px}
.scheme-content .actions span {display: inline-block; margin-right: 20px;}
.scheme-content .actions span:last-child{margin-right:0}
.scheme-content .actions .label em{display:inline-block;min-width: 40px;text-align: center;}
.scheme-content .actions .label .is-match{color:#fff;background-color: #2072da;padding:0 4px;line-height:16px;}
.scheme-content .actions .label .is-match[data-is-match="false"] {display: none;}

.recommend-author {padding: 0 15px;}
.recommend-author .item {background-color: #f9f9f9;border-radius: 5px;padding: 10px;margin-bottom: 6px;}
.recommend-author .item:last-child {margin-bottom: 0;}
.recommend-author .avatar {width: 50px;height: 50px;}
.recommend-author .avatar[data-vest]::after {width: 30px; height: 30px;}
.recommend-author .author-content .name {font-size: 14px;}
.recommend-author .follow-btn {font-size: 12px; width: 50px; height: 25px;}
.dialog-center,
.dialog-center-bottom {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1001;width: 100%;}
.dialog-submit,
.dialog-pays,
.dialog-wechat-pay {background-color: #fff;border-radius: 8px;max-width: 500px;width: 94%;overflow: hidden;margin: 0 auto;}
.dialog-submit h2,
.dialog-pays h2,
.dialog-wechat-pay h2 {font-size: 22px;font-weight: bold;line-height: 30px;text-align: center;margin: 20px 0 8px;}
.dialog-submit .submit-bar {display: flex;align-items: center;padding: 20px;border-top: 1px solid rgba(0,0,0,.1);}
.dialog-submit .submit-bar p {font-size: 16px;flex: 1;}
.dialog-submit .submit-bar p em {color: #2072da;font-size: 30px;font-weight: bold;vertical-align: -2px;padding: 0 2px;}
.dialog-submit .submit-bar button {width: 130px;height: 40px;line-height: 40px;border-radius: 40px;border: 0;background: #69b5fc;color: #fff;font-size: 16px;font-weight: bold;}
.dialog-submit .agreement {font-size: 14px;padding: 15px 20px 15px 44px;position: relative;}
.dialog-submit .agreement a {color: #2072da;padding: 0;}
.dialog-submit .agreement .checkbox {position: absolute;left: 20px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url(../images/user/icon-check.png) no-repeat;background-size: 100% 100%;}
.dialog-submit .select-list {padding: 0 10px;}
.dialog-submit .select-list .item {display: flex;align-items: center;justify-content: space-between;font-size: 16px;height: 50px;border-bottom: 1px solid rgba(0,0,0,.1);cursor: pointer;padding: 0 28px 0 38px;position: relative;}
.dialog-submit .select-list .item::after {content: "";position: absolute;right: 10px;top: 0;height: 100%;width: 8px;background: url(../images/icon/arrow_right.png) no-repeat center center;background-size: 100% auto;}
.dialog-submit .select-list .item.method::before {content: "";position: absolute;left: 6px;top: 50%;transform: translateY(-50%);background: url(../images/icon/payment.png) no-repeat center center;background-size: 25px auto;width: 30px;height: 30px;}
.dialog-submit .select-list .item .value {color: rgba(0, 0, 0, .4);}
.dialog-pays .submit-bar {padding: 20px;}
.dialog-pays .submit-bar button {width: 100%;height: 52px;line-height: 52px;background: #69b5fc;border: 0;border-radius: 52px;color: #fff;font-size: 16px;font-weight: bold;}
.dialog-pays .select-list {padding: 0 10px;}
.dialog-pays .select-list .a0item {display: flex;align-items: center;justify-content: space-between;font-size: 16px;height: 50px;border-bottom: 1px solid rgba(0,0,0,.1);cursor: pointer;padding: 0 28px 0 45px;position: relative;}
.dialog-pays .select-list .a0item::after {content: "";position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 22px;height: 22px;border: 1px solid rgba(0, 0, 0, .3);border-radius: 50%;box-sizing: border-box;}
.dialog-pays .select-list .a0item[data-ai-vis]::after {border: 0;background: url(../images/user/icon-check.png) no-repeat;background-size: 100% 100%;}
.dialog-pays .select-list .a0item::before {content: "";width: 30px;height: 30px;position: absolute;left: 10px;top: 50%;transform: translateY(-50%);}
.dialog-pays .select-list .a0item.wechat::before {background: url(../images/user/icon-wx.png) no-repeat center center;background-size: 90% auto;}
.dialog-pays .select-list .a0item.alipay::before {background: url(../images/user/icon-zfb.png) no-repeat center center;background-size: 90% auto;}
.dialog-pays .select-list .a0item.currency::before {background: url(../images/user/icon-bean2.png) no-repeat center center;background-size: 70% auto;}
.app-dialog-window[data-ai-vis] .dialog-submit,
.app-dialog-window[data-ai-vis] .dialog-pays,
.app-dialog-window[data-ai-vis] .dialog-wechat-pay {animation: .3s scaleIn both ease-out;}
.dialog-wechat-pay .content {text-align: center;padding-bottom: 20px;}
.dialog-wechat-pay .tip {margin: 0 auto;display: block;}
.dialog-wechat-pay .tip-link {color: #1277d9;font-size: 14px;margin-top: 10px;}
.dialog-wechat-pay .price {font-size: 18px;margin-top: 15px;}
.dialog-wechat-pay .price em {color: #2072da;font-size: 30px;font-weight: bold;vertical-align: -2px;}
.dialog-wechat-pay .text {font-size: 18px;margin-top: 30px;}
.dialog-wechat-pay .qrcode > * {margin: 0 auto;padding: 10px 0;}
.dialog-wechat-pay .wechat-btn {    width: 100%;height: 45px;line-height: 45px;color: #fff;font-size: 18px;background-color: #00d124;border-radius: 4px;margin-top: 30px;}

.loading {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, .5);z-index: 1001;display: none;}
.loading .content {color: #fff;font-size: 16px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

@keyframes scaleIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(100%);
    }
}
@keyframes slide-up {
    0% {
        transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}