:root {
    --win-color: #e44d5c;
    --lose-color: #30a84f;
    --lose-color-2: #aeb2bf;
    --draw-color: #3a82fb;
    --theme-color: #ff7310;
}
.navbar-right {position: absolute;right: 0;top: 0;line-height: 45px;font-size: 12px;}
.navbar-right > * {padding: 0 10px !important;}

/* CustomSwitch 自定义开关 */
.custom-switch {position: relative;display: inline-block;vertical-align: top;width: 50px;height: 24px;font-size: 22px;background-color: #e2e2e2;border-radius: 24px;cursor: pointer;-webkit-transition: .3s;transition: .3s;}
.custom-switch::after {content: "";position: absolute;top: 1px;left: 1px;width: 1em;height: 1em;background-color: #fff;border-radius: 100%;-webkit-transition: .3s cubic-bezier(.3, 1.05, .4, 1.05);transition: .3s cubic-bezier(.3, 1.05, .4, 1.05);box-shadow: 2px 0px 4px  #b7babf;}
.custom-switch.switch-on {background-color: var(--theme-color);}
.custom-switch.switch-on::after {transform: translate(calc(50px - 1em - 2px));}

/* picker组件 */
.aio .picker .picker-panel {border-radius: 12px 12px 0 0;}
.aio .picker .picker-panel .picker-choose .picker-title {font-size: 15px;}
.aio .picker .picker-panel .picker-content .mask-top {height: 68px;}
.aio .picker .picker-panel .picker-content .mask-bottom {height: 65px;}
.aio .picker .picker-panel .wheel-wrapper .wheel {font-size: 15px;}
.aio .picker .picker-panel .wheel-wrapper .wheel .wheel-scroll {line-height: 40px;}
.aio .picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {height: 40px;}
.aio .picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {color: var(--theme-color);}

/* 空状态 */
.empty-box {text-align: center;padding: 194px 0 32px;background: url(../images/empty.png) no-repeat center 32px;background-size: 280px auto;}

.side-nav .items {display: block;background-color: #fff;padding: 0 10px;margin: 10px 0;}
.side-nav .items .link {position: relative;height: 50px;-webkit-transition: .3s;transition: .3s;padding: 0 0 0 28px;display: flex;align-items: center;justify-content: space-between;}
.side-nav .items .link:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.side-nav .items .link .icon {content: "";width: 20px;height: 20px;background: no-repeat center center;background-size: contain;position: absolute;left: 0;top: 50%;margin-top: -10px;}
.side-nav .items .link::after {content: "";display: block;width: 8px;height: 10px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: contain;margin-left: 10px;}
.side-nav .items .label {font-size: 15px;}
.select-cell .items a::after {content: "";display: block;width: 8px;height: 10px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: contain;margin-left: 10px;}
.side-nav .items .link[data-key="more"] .icon {background-image: url(../images/icon/find_more.png);}

/* 发现页管理 */
.manage-page {background-color: #fff !important;margin-top: 1px;}
.manage-page .masthead {text-align: center;padding: 10px 0;}
.manage-page .masthead h1 {font-size: 20px;line-height: 30px;}
.manage-page .masthead p {color: rgba(0, 0, 0, .7);font-size: 14px;line-height: 20px;margin-top: 10px;}
.manage-page .list {padding: 0 10px;}
.manage-page .list .item {height: 50px;border-top: .5px solid rgba(0, 0, 0, .1);padding: 0 15px 0 50px;display: flex;align-items: center;justify-content: space-between;position: relative;font-size: 15px;}
.manage-page .list .item .icon {width: 20px;height: 20px;background: no-repeat center center;background-size: contain;position: absolute;left: 20px;top: 50%;margin-top: -10px;}
.manage-page .list .item .label {flex: 1;}
.manage-page .list .item .reminder {color: rgba(0, 0, 0, .4);}
.manage-page .upspring {position: absolute;left: 0;bottom: 0;width: 100%;background-color: #fff;border-radius: 12px 12px 0 0;padding: 60px 20px 74px;color: rgba(0, 0, 0, .7);font-size: 14px;}
.manage-page .list .item::after {content: "";display: block;width: 8px;height: 10px;background: url(../images/icon/arrow-right.png) no-repeat center center;background-size: contain;margin-left: 15px;}
.manage-page .upspring .head img {width: 40px;height: 40px;object-fit: contain;vertical-align: top;}
.manage-page .upspring .head h2 {color: #333;font-size: 18px;margin: 10px 0;}
.manage-page .upspring .head a {background-color: #f7f7f7;line-height: 26px;padding: 0 10px;}
.manage-page .upspring .explanin {background-color: #f7f7f7;line-height: 20px;padding: 12px 14px;margin-top: 20px;}
.manage-page .upspring .check-box {background-color: #f7f7f7;display: flex;align-items: center;justify-content: space-between;padding: 10px 25px;margin-top: 50px;}
.manage-page .upspring-wrap[data-ai-vis] .upspring {-webkit-animation: fadeInUpPopup .5s both;animation: fadeInUpPopup .5s both;}

/* 联赛报告 */
.select-cell .items {margin: 10px 0;padding: 0 10px;background-color: #fff;}
.select-cell .items .link {height: 50px;padding: 0 5px;display: flex;align-items: center;justify-content: space-between;}
.select-cell .items .link:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.select-cell .items .link .label {flex: 1 1;font-size: 15px;}
.select-cell .items .link .label .dot {display: inline-block;vertical-align: 2px;background-color: #e45e58;color: #fff;font-size: 12px;line-height: 16px;border-radius: 16px;padding: 0 5px;margin-left: 2px;}
.select-cell .items .link .value {flex: 1 1;color: rgba(0, 0, 0, .4 );font-size: 12px;text-align: right;line-height: 18px;}
.select-cell .items .link .icon {display: block;width: 24px;height: 24px;object-fit: contain;margin-right: 10px;}
.select-cell .items .link.yingchao::before {background-image: url(../images/data/icon-yingchao.png);}
.select-cell .items .link.xijia::before {background-image: url(../images/data/icon-xijia.png);}
.select-cell .items .link.dejia::before {background-image: url(../images/data/icon-dejia.png);}
.select-cell .items .link.yijia::before {background-image: url(../images/data/icon-yijia.png);}
.select-cell .items .link.fajia::before {background-image: url(../images/data/icon-fajia.png);}
.select-cell .items .link.active-dot .label::after {content: "";display: inline-block;vertical-align: middle;width: 5px;height: 5px;border-radius: 50%;background-color: #e44d5c;margin-left: 10px;}
body[data-apptype="webkit"] [data-key="calculator"],
body[data-apptype="webkit"] [data-key="moments"]{display: none !important;}

/* 盈利赛 */
.profit-page .topbar {background-color: #fff;padding: 7px 10px;overflow: hidden;}
.profit-page .topbar .left {float: left;color: rgba(0, 0, 0, .8);font-size: 15px;font-weight: bold;padding-right: 10px;position: relative;}
.profit-page .topbar .left::after {content: "";position: absolute;right: 0;top: 50%;margin-top: -2px;width: 0;height: 0;border: 4px solid var(--theme-color);border-left-color: transparent;border-right-color: transparent;border-bottom: 0;}
.profit-page .topbar .right {float: right;font-size: 0;}
.profit-page .topbar .right a {vertical-align: top;margin-left: 10px;color: var(--theme-color);font-size: 14px;padding: 0;}
.vote-list-btn {padding: 8px 0;text-align: center;}
.vote-list-btn .publish {padding-left: 24px;background: url(../images/icon/publish.png) no-repeat center left;background-size: 22px auto;color: #ff7310;font-size: 14px;}
.profit-page .empty {color: var(--theme-color);font-size: 13px;line-height: 18px;text-align: center;padding-top: 60px;margin-top: -10px;display: block;}
.profit-page .empty.no-login {background: url(../images/no-login.png) no-repeat center 0;background-size: auto 56px;}
.profit-page .list-wrap {margin-bottom: 10px;background-color: #fff;padding: 10px;}
.profit-page .list-wrap .head {position: relative;}
.profit-page .list-wrap .head span {position: absolute;right: 0;top: 0;line-height: 22px;color: rgba(0, 0, 0, .5);font-size: 12px;}
.profit-page .list-wrap h2 {font-size: 15px;line-height: 22px;margin-bottom: 10px;}
.profit-page .list-wrap .item {display: flex;align-items: center;padding: 10px 0;position: relative;}
.profit-page .list-wrap .item .link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.profit-page .list-wrap .item:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);margin-bottom: 4px;}
.profit-page .list-wrap .item .number {width: 22px;color: #e44d5c;font-size: 16px;margin-right: 14px;text-align: center;white-space: nowrap;}
.profit-page .list-wrap .item .number em {color: rgba(0, 0, 0, .6);font-size: 10px;}
.profit-page .list-wrap .item .number[data-number="1"],
.profit-page .list-wrap .item .number[data-number="2"],
.profit-page .list-wrap .item .number[data-number="3"] {font-size: 0;background: url(../images/icon/css_sprites_3.png) no-repeat -3px -2px;background-size: 30px auto;}
.profit-page .list-wrap .item .number[data-number="2"] {background-position-y: -32px;}
.profit-page .list-wrap .item .number[data-number="3"] {background-position-y: -62px;}
.profit-page .list-wrap .item .useravatar {position: relative;margin-right: 5px;}
.profit-page .list-wrap .item .useravatar img {border-radius: 100%;width: 40px;height: 40px;object-fit: cover;display: block;}
.profit-page .list-wrap .item .useravatar::before {content: "";position: absolute;left: -50%;top: -50%;right: -50%; bottom: -50%;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 50%;transform: scale(0.5);pointer-events: none;}
/* .profit-page .list-wrap .item .useravatar::after {content: "";position: absolute;left: 50%;bottom: -4px;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 20px;background: no-repeat center center;background-size: contain;} 
.profit-page .list-wrap .item .useravatar[data-label="2"]::after{background-image:url("../images/author_rank_2png")}
.profit-page .list-wrap .item .useravatar[data-label="3"]::after{background-image:url("../images/author_rank_3.png")}
.profit-page .list-wrap .item .useravatar[data-label="4"]::after{background-image:url("../images/author_rank_4.png")}
.profit-page .list-wrap .item .useravatar[data-label="5"]::after{background-image:url("../images/author_rank_5.png")}
.profit-page .list-wrap .item .useravatar[data-label="6"]::after{background-image:url("../images/author_rank_6.png")}
.profit-page .list-wrap .item .useravatar[data-label="7"]::after{background-image:url("../images/author_rank_7.png")}
.profit-page .list-wrap .item .useravatar[data-label="8"]::after{background-image:url("../images/author_rank_8.png")}
.profit-page .list-wrap .item .useravatar[data-label="9"]::after{background-image:url("../images/author_rank_9.png")}
.profit-page .list-wrap .item .useravatar[data-label="12"]::after{background-image:url("../images/author_rank_12.png")}
.profit-page .list-wrap .item .useravatar[data-label="fx"]::after{background-image:url("../images/author_rank_fx.png")}
.profit-page .list-wrap .item .useravatar[data-label="xb"]::after{background-image:url("../images/author_rank_xb.png")} */
.profit-page .list-wrap .item .userinfo {width: 0;flex: 1;}
.profit-page .list-wrap .item .username {display: flex;align-items: center;}
.profit-page .list-wrap .item .name {font-size: 14px;line-height: 20px;margin-right: 6px;}
.profit-page .list-wrap .item .usermeta {font-size: 12px;line-height: 18px;margin-top: 2px;overflow: hidden;}
.profit-page .list-wrap .item .usermeta::before {content: "走势: ";color: rgba(0, 0, 0, .5);font-size: 12px;float: left;margin-right: 4px;}
.profit-page .list-wrap .item .usermeta em {float: left;width: 10px;height: 10px;border-radius: 100%;margin-right: 2px;margin-top: 4px;}
.profit-page .list-wrap .item .usermeta .win {background-color: var(--win-color);}
.profit-page .list-wrap .item .usermeta .lose {background-color: var(--lose-color-2);}
.profit-page .list-wrap .item .usermeta .draw {background-color: var(--draw-color);}
.profit-page .list-wrap .item .exploits {line-height: 16px;border-radius: 2px;background-color: #428ef2;color: #fff;font-size: 10px;padding: 0 2px;}
.profit-page .list-wrap .item .right {display: flex;flex-direction: column-reverse;align-items: flex-end;}
.profit-page .list-wrap .item .button {vertical-align: top;width: 48px;line-height: 22px;border-radius: 2px;background: linear-gradient(270deg, #ffaa4f 0%, #ff7310 100%);border: 0;color: #fff;font-size: 12px;position: relative;z-index: 1;cursor: pointer;}
.profit-page .list-wrap .item .button::before {content: "+关注";}
.profit-page .list-wrap .item .button.followed {background: #e9e9ef;color: #737380;}
.profit-page .list-wrap .item .button.followed::before {content: "已关注";}
.profit-page .list-wrap .item .profit {color: #e44d5c;font-size: 12px;line-height: 18px;}
/* 战绩明细 */
.profit-page .summary {background-color: #fcf5f0;line-height: 28px;text-align: center;}
.profit-page .summary em {color: var(--theme-color);}
.profit-page .record-box {background-color: #fff;padding: 0 10px;}
.profit-page .record-box .item .link {position: relative;padding: 12px 0;line-height: 20px;display: block;}
.profit-page .record-box .item:not(:last-child) {border-bottom: .5px solid rgba(0, 0, 0, .1);}
.profit-page .record-box .item .info {display: flex;align-items: center;color: rgba(0, 0, 0, .5);font-size: 12px;}
.profit-page .record-box .item .info span {margin-right: 10px;}
.profit-page .record-box .item .info .addtime {flex: 1;text-align: right;margin-right: 0;}
.profit-page .record-box .item .title {font-size: 14px;margin: 8px 0;position: relative;}
.profit-page .record-box .item .title em {margin: 0 10px;}
.profit-page .record-box .item .title .ds {position: absolute;right: 0;top: 0;}
.profit-page .record-box .item.win .title .ds {color: var(--win-color);}
.profit-page .record-box .item.lose .title .ds {color: var(--lose-color);}
.profit-page .record-box .item.draw .title .ds {color: var(--draw-color);}
.profit-page .record-box .item .other {color: rgba(0, 0, 0, .5);font-size: 14px;overflow: hidden;}
.profit-page .record-box .item .gameplay {float: left;}
.profit-page .record-box .item .gameplay em {color: var(--theme-color);}
.profit-page .record-box .item .recommend {float: right;}
.profit-page .record-box .item .recommend em {color: var(--win-color);}
.profit-page .record-box .item .link::after {content: "";position: absolute;right: 45px;top: 30px;width: 40px;height: 40px;background: no-repeat center center;background-size: contain;}
.profit-page .record-box .item.win .link::after {background-image: url(../images/user/icon-seal1.png);}
.profit-page .record-box .item.lose .link::after {background-image: url(../images/user/icon-seal5.png);}
.profit-page .record-box .item.draw .link::after {background-image: url(../images/user/icon-seal2.png);}
.profit-page .record-box .item.cancel .link::after {background-image: url(../images/user/icon-seal4.png);}
.profit-page .record-box .item.end .title em{color: #e44d5c;}


@-webkit-keyframes fadeInUpPopup {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUpPopup {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

/* 微信 -- 投票赛登录提示 */
.profitMatch-wxLogin{background: linear-gradient(45deg, #8104d2, #008cf2);color: #fff;text-align: center;line-height: 35px;font-weight: bold;margin-bottom: 10px;font-size: 15px;cursor: pointer;}
.profitMatch-wxLogin span{animation: 1000ms linear 100ms normal both running infinite myaniScale;display: inline-block;}
.profitMatch-wxLogin-download{padding: 0 0 15px;}
.profitMatch-wxLogin-download a{line-height: 40px;display: inline-block;font-size: 16px;background: linear-gradient(45deg, #8104d2, #008cf2);color: #fff;border-radius: 30px;padding: 0 25px;animation: 1000ms linear 100ms normal both running infinite myaniScale;}
@-webkit-keyframes myaniScale {
    from {
        transform: scale(1)
    }
    50% {
        transform: scale(.9)
    }
    to {
        transform: scale(1)
    }
  }
  
  @keyframes myaniScale {
    from {
        transform: scale(1)
    }
    50% {
        transform:  scale(.9)
    }
  
    to {
        transform:  scale(1)
    }
  }