/*! I8 */
#pc-bet-v2, #pc-home-v5, #pc-uc-v2 {
    width: 100%
}

#pc-bet-v2 .w-1200, #pc-home-v5 .w-1200, #pc-uc-v2 .w-1200 {
    width: 37.5rem;
    margin-left: auto;
    margin-right: auto
}

#pc-bet-v2 .w-1000, #pc-home-v5 .w-1000, #pc-uc-v2 .w-1000 {
    width: 31.25rem;
    margin-left: auto;
    margin-right: auto
}

#pc-bet-v2 .v5-header, #pc-home-v5 .v5-header, #pc-uc-v2 .v5-header {
    position: relative;
    top: 0;
    height: 2.8125rem;
    width: 100%;
    z-index: 1
}

#pc-bet-v2 .v5-top, #pc-home-v5 .v5-top, #pc-uc-v2 .v5-top {
    width: 100%;
    height: .9375rem;
    line-height: .9375rem;
    background: #f8f8f8;
    color: #666;
    font-size: .375rem;
    border-bottom: .03125rem solid #e8e8e8
}

#pc-bet-v2 .v5-top-inner, #pc-home-v5 .v5-top-inner, #pc-uc-v2 .v5-top-inner {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-top-inner span, #pc-home-v5 .v5-top-inner span, #pc-uc-v2 .v5-top-inner span {
    cursor: pointer
}

#pc-bet-v2 .v5-top-inner em, #pc-home-v5 .v5-top-inner em, #pc-uc-v2 .v5-top-inner em {
    font-size: .375rem;
    margin: 0 .3125rem;
    color: #ddd;
    font-style: normal
}

#pc-bet-v2 .v5-top-inner .top-btn, #pc-home-v5 .v5-top-inner .top-btn, #pc-uc-v2 .v5-top-inner .top-btn {
    display: inline-block;
    padding: 0 .3125rem;
    height: .625rem;
    line-height: .625rem;
    color: #fff;
    border-radius: .0625rem
}

#pc-bet-v2 .v5-top-inner .top-btn-orange, #pc-home-v5 .v5-top-inner .top-btn-orange, #pc-uc-v2 .v5-top-inner .top-btn-orange {
    background: #f48d12
}

#pc-bet-v2 .v5-top-inner .right, #pc-bet-v2 .v5-top-inner .top-item, #pc-home-v5 .v5-top-inner .right, #pc-home-v5 .v5-top-inner .top-item, #pc-uc-v2 .v5-top-inner .right, #pc-uc-v2 .v5-top-inner .top-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-top-inner .top-item, #pc-home-v5 .v5-top-inner .top-item, #pc-uc-v2 .v5-top-inner .top-item {
    cursor: pointer;
    margin-right: .625rem;
    position: relative
}

#pc-bet-v2 .v5-top-inner .top-item span, #pc-home-v5 .v5-top-inner .top-item span, #pc-uc-v2 .v5-top-inner .top-item span {
    position: relative
}

#pc-bet-v2 .v5-top-inner .top-item span:not(.medal-text):hover, #pc-home-v5 .v5-top-inner .top-item span:not(.medal-text):hover, #pc-uc-v2 .v5-top-inner .top-item span:not(.medal-text):hover {
    color: #ca2528;
    text-decoration: underline
}

#pc-bet-v2 .v5-top-inner .top-item-user .head-image, #pc-home-v5 .v5-top-inner .top-item-user .head-image, #pc-uc-v2 .v5-top-inner .top-item-user .head-image {
    width: .6875rem;
    height: .6875rem;
    border-radius: 50%;
    margin-right: .15625rem
}

#pc-bet-v2 .v5-top-inner .top-item-user .medal-text, #pc-home-v5 .v5-top-inner .top-item-user .medal-text, #pc-uc-v2 .v5-top-inner .top-item-user .medal-text {
    margin-left: .125rem;
    padding: 0 .0625rem;
    font-size: .375rem;
    font-weight: 700;
    line-height: .625rem;
    color: #fff;
    border-radius: .0625rem
}

#pc-bet-v2 .v5-top-inner .top-item-user .medal-img, #pc-home-v5 .v5-top-inner .top-item-user .medal-img, #pc-uc-v2 .v5-top-inner .top-item-user .medal-img {
    padding: 0 .0625rem;
    width: auto;
    max-height: .5rem;
    margin-left: .09375rem;
    -ms-flex-line-pack: center;
    align-content: center
}

#pc-bet-v2 .v5-top-inner .top-item-account, #pc-home-v5 .v5-top-inner .top-item-account, #pc-uc-v2 .v5-top-inner .top-item-account {
    padding-right: .25rem
}

#pc-bet-v2 .v5-top-inner .top-item-account span:after, #pc-home-v5 .v5-top-inner .top-item-account span:after, #pc-uc-v2 .v5-top-inner .top-item-account span:after {
    content: " ";
    position: absolute;
    right: -.25rem;
    top: .40625rem;
    width: .15625rem;
    height: .15625rem;
    border: solid #666;
    border-width: .03125rem .03125rem 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    transition: all .3s
}

#pc-bet-v2 .v5-top-inner .top-item-account:hover span:after, #pc-home-v5 .v5-top-inner .top-item-account:hover span:after, #pc-uc-v2 .v5-top-inner .top-item-account:hover span:after {
    top: .375rem;
    right: -.3125rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

#pc-bet-v2 .v5-top-inner .top-item-account:hover .account-menu, #pc-home-v5 .v5-top-inner .top-item-account:hover .account-menu, #pc-uc-v2 .v5-top-inner .top-item-account:hover .account-menu {
    display: block
}

#pc-bet-v2 .v5-top-inner .top-item-account .account-menu, #pc-home-v5 .v5-top-inner .top-item-account .account-menu, #pc-uc-v2 .v5-top-inner .top-item-account .account-menu {
    display: none;
    position: absolute;
    top: .9375rem;
    padding: .15625rem;
    margin-left: -.5rem;
    background: #fff;
    color: #333;
    border: .03125rem solid #ccc;
    z-index: 20
}

#pc-bet-v2 .v5-top-inner .top-item-account .account-menu i, #pc-home-v5 .v5-top-inner .top-item-account .account-menu i, #pc-uc-v2 .v5-top-inner .top-item-account .account-menu i {
    position: absolute;
    width: 0;
    height: 0;
    border-left: .15625rem solid transparent;
    border-right: .15625rem solid transparent;
    border-bottom: .15625rem solid #fff;
    margin-left: 1.125rem;
    margin-top: -.3125rem
}

#pc-bet-v2 .v5-top-inner .top-item-account .account-menu a, #pc-home-v5 .v5-top-inner .top-item-account .account-menu a, #pc-uc-v2 .v5-top-inner .top-item-account .account-menu a {
    color: #666;
    display: block;
    padding: 0 .15625rem;
    width: 2.5rem;
    text-align: center;
    line-height: .75rem
}

#pc-bet-v2 .v5-top-inner .top-item-account .account-menu a:hover, #pc-home-v5 .v5-top-inner .top-item-account .account-menu a:hover, #pc-uc-v2 .v5-top-inner .top-item-account .account-menu a:hover {
    color: #ca2528;
    text-decoration: underline
}

#pc-bet-v2 .v5-top-inner .top-item-balance span:hover, #pc-home-v5 .v5-top-inner .top-item-balance span:hover, #pc-uc-v2 .v5-top-inner .top-item-balance span:hover {
    color: #666 !important;
    text-decoration: none !important
}

#pc-bet-v2 .v5-top-inner .top-item-balance .refresh-balance, #pc-home-v5 .v5-top-inner .top-item-balance .refresh-balance, #pc-uc-v2 .v5-top-inner .top-item-balance .refresh-balance {
    border: .03125rem dotted #6b6b6b;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .5625rem;
    padding: 0 .09375rem
}

#pc-bet-v2 .v5-top-inner .top-item-balance .refresh-balance .show-btn, #pc-home-v5 .v5-top-inner .top-item-balance .refresh-balance .show-btn, #pc-uc-v2 .v5-top-inner .top-item-balance .refresh-balance .show-btn {
    padding-left: .15625rem
}

@-webkit-keyframes fresh-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes fresh-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#pc-bet-v2 .v5-top-inner .top-item-balance .refresh-balance .refresh, #pc-home-v5 .v5-top-inner .top-item-balance .refresh-balance .refresh, #pc-uc-v2 .v5-top-inner .top-item-balance .refresh-balance .refresh {
    display: inline-block;
    margin-left: .125rem;
    width: .375rem;
    height: .375rem;
    background: url(/static/img/pc/base-icon2.png) no-repeat -.09375rem -8.8125rem
}

#pc-bet-v2 .v5-top-inner .top-item-balance .refresh-balance .refresh.animation, #pc-home-v5 .v5-top-inner .top-item-balance .refresh-balance .refresh.animation, #pc-uc-v2 .v5-top-inner .top-item-balance .refresh-balance .refresh.animation {
    -webkit-animation: fresh-rotate .3s infinite alternate;
    animation: fresh-rotate .3s infinite alternate
}

#pc-bet-v2 .v5-top-inner .top-item-others, #pc-home-v5 .v5-top-inner .top-item-others, #pc-uc-v2 .v5-top-inner .top-item-others {
    margin-right: 0
}

#pc-bet-v2 .v5-top-inner .top-item-others .cs-icon, #pc-home-v5 .v5-top-inner .top-item-others .cs-icon, #pc-uc-v2 .v5-top-inner .top-item-others .cs-icon {
    color: #e4393c;
    display: block;
    background: url(/static/img/home-icon.png) 0 0;
    width: 2.625rem;
    height: .625rem
}

#pc-bet-v2 .v5-top-inner .top-item-others .guest-play-icon, #pc-home-v5 .v5-top-inner .top-item-others .guest-play-icon, #pc-uc-v2 .v5-top-inner .top-item-others .guest-play-icon {
    color: #e4393c;
    display: block;
    background: url(/static/img/home-icon.png) 2.625rem 0;
    width: 2.625rem;
    height: .625rem
}

#pc-bet-v2 .v5-menu, #pc-home-v5 .v5-menu, #pc-uc-v2 .v5-menu {
    width: 100%;
    height: 1.875rem;
    position: relative;
    background-color: #e4393c
}

#pc-bet-v2 .v5-menu .v5-menu-inner, #pc-home-v5 .v5-menu .v5-menu-inner, #pc-uc-v2 .v5-menu .v5-menu-inner {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#pc-bet-v2 .v5-menu .v5-menu-logo, #pc-home-v5 .v5-menu .v5-menu-logo, #pc-uc-v2 .v5-menu .v5-menu-logo {
    height: 1.5625rem;
    width: 6.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.875rem;
    flex: 0 0 6.875rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#pc-bet-v2 .v5-menu .v5-logo-60, #pc-home-v5 .v5-menu .v5-logo-60, #pc-uc-v2 .v5-menu .v5-logo-60 {
    height: 1.875rem;
    width: 6.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.875rem;
    flex: 0 0 6.875rem;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

#pc-bet-v2 .v5-menu .v5-menu-list, #pc-home-v5 .v5-menu .v5-menu-list, #pc-uc-v2 .v5-menu .v5-menu-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#pc-bet-v2 .v5-menu .v5-menu-item, #pc-bet-v2 .v5-menu .v5-menu-list, #pc-home-v5 .v5-menu .v5-menu-item, #pc-home-v5 .v5-menu .v5-menu-list, #pc-uc-v2 .v5-menu .v5-menu-item, #pc-uc-v2 .v5-menu .v5-menu-list {
    position: relative;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-menu .v5-menu-item, #pc-home-v5 .v5-menu .v5-menu-item, #pc-uc-v2 .v5-menu .v5-menu-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 1.875rem;
    font-size: .46875rem
}

#pc-bet-v2 .v5-menu .v5-menu-item:before, #pc-home-v5 .v5-menu .v5-menu-item:before, #pc-uc-v2 .v5-menu .v5-menu-item:before {
    content: "";
    height: .03125rem;
    width: 1.9375rem;
    background: #ea5154;
    position: absolute;
    bottom: .9375rem;
    -webkit-transform: rotate(110deg);
    transform: rotate(110deg);
    z-index: 1;
    -webkit-box-shadow: .03125rem .03125rem 0 #d63234;
    box-shadow: .03125rem .03125rem 0 #d63234;
    left: -1rem
}

#pc-bet-v2 .v5-menu .v5-menu-item span, #pc-home-v5 .v5-menu .v5-menu-item span, #pc-uc-v2 .v5-menu .v5-menu-item span {
    height: 1.0625rem;
    line-height: 1.0625rem;
    color: #fff;
    cursor: pointer
}

#pc-bet-v2 .v5-menu .v5-menu-item.active span, #pc-home-v5 .v5-menu .v5-menu-item.active span, #pc-uc-v2 .v5-menu .v5-menu-item.active span {
    color: #fedf50
}

#pc-bet-v2 .v5-menu .cp-game-menu, #pc-home-v5 .v5-menu .cp-game-menu, #pc-uc-v2 .v5-menu .cp-game-menu {
    position: absolute;
    top: 1.875rem;
    left: 55%;
    margin-left: -15.625rem;
    width: 17.1875rem;
    z-index: 9999;
    -webkit-box-shadow: .03125rem 0 .46875rem #ffa5a5;
    box-shadow: .03125rem 0 .46875rem #ffa5a5;
    padding-bottom: 0
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper {
    background: #fff;
    border-radius: 0 0 .15625rem .15625rem;
    padding: .625rem 1.0625rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side {
    width: 14.59375rem;
    display: inline-block;
    border-right: .03125rem solid #f13131
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side:last-child, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side:last-child, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side:last-child {
    border-right: none
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title {
    display: block;
    width: 14.5625rem;
    margin: .25rem 0 0;
    padding-bottom: .25rem;
    border-bottom: .03125rem solid #f13131
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-text, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-text, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-text {
    display: inline-block;
    width: 2.1875rem;
    height: .625rem;
    margin-left: .8125rem;
    margin-top: .0625rem;
    font-size: .5rem;
    font-weight: 700;
    color: #000
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-icon, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-icon, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-title .title-icon {
    display: inline-block;
    width: .6875rem;
    height: .6875rem;
    margin-left: .1875rem;
    line-height: .6875rem;
    text-align: center;
    font-size: .46875rem;
    color: #fff;
    background: url(/static/img/pc/red-bg.png) no-repeat
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list {
    width: 14.5rem;
    max-height: 23.4375rem;
    overflow: auto;
    padding-top: .3125rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar {
    width: .15625rem;
    height: .15625rem
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-track, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-track, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: .0625rem
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: .0625rem
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb:hover, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb:hover, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-thumb:hover {
    background: #747474
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-corner, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-corner, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list::-webkit-scrollbar-corner {
    background: #f6f6f6
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item img, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item img, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item img {
    width: 1.9375rem;
    height: 1.9375rem;
    padding: .125rem
}

#pc-bet-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item span, #pc-home-v5 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item span, #pc-uc-v2 .v5-menu .cp-game-menu .cp-game-wrapper .cp-game-side .cp-game-list .cp-game-item span {
    width: 100%;
    height: .875rem;
    line-height: .875rem;
    text-align: center;
    font-size: .375rem;
    color: #000
}

#pc-bet-v2 .v5-footer .v5-intro, #pc-home-v5 .v5-footer .v5-intro, #pc-uc-v2 .v5-footer .v5-intro {
    background: #f8f8f8;
    color: #666;
    border: .03125rem solid #dce1e5;
    border-right: none;
    border-left: none
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-inner, #pc-home-v5 .v5-footer .v5-intro .v5-intro-inner, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-inner {
    position: relative;
    padding: .625rem 0;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-item, #pc-home-v5 .v5-footer .v5-intro .v5-intro-item, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-item {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-item .intro-title, #pc-home-v5 .v5-footer .v5-intro .v5-intro-item .intro-title, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-item .intro-title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.9375rem;
    flex: 0 0 0.9375rem;
    height: .9375rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-item .intro-body, #pc-home-v5 .v5-footer .v5-intro .v5-intro-item .intro-body, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-item .intro-body {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.8125rem;
    flex: 0 0 2.8125rem;
    height: 2.8125rem
}

#pc-bet-v2 .v5-footer .v5-intro .intro-title, #pc-home-v5 .v5-footer .v5-intro .intro-title, #pc-uc-v2 .v5-footer .v5-intro .intro-title {
    margin: 0;
    font-size: .625rem;
    font-weight: 700
}

#pc-bet-v2 .v5-footer .v5-intro .intro-title i, #pc-home-v5 .v5-footer .v5-intro .intro-title i, #pc-uc-v2 .v5-footer .v5-intro .intro-title i {
    font-size: .4375rem;
    margin-left: .3125rem;
    font-weight: 100;
    color: #b8b8b8;
    font-style: normal
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-tech, #pc-home-v5 .v5-footer .v5-intro .v5-intro-tech, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-tech {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body, #pc-home-v5 .v5-footer .v5-intro .v5-intro-tech .intro-body, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body img, #pc-home-v5 .v5-footer .v5-intro .v5-intro-tech .intro-body img, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body img {
    display: block;
    width: auto;
    height: 1.875rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body p, #pc-home-v5 .v5-footer .v5-intro .v5-intro-tech .intro-body p, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-tech .intro-body p {
    font-size: .4375rem;
    font-weight: 400;
    word-wrap: break-word;
    word-break: normal;
    color: #666;
    margin-left: .3125rem;
    line-height: .75rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    padding-left: .78125rem;
    border-left: .03125rem solid #ebebeb;
    border-right: .03125rem solid #ebebeb
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-1, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-1, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.6875rem;
    flex: 0 0 4.6875rem;
    font-size: .375rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #e6e6e6;
    height: .46875rem;
    border-radius: .46875rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2 i, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2 i, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-2 i {
    position: absolute;
    height: .46875rem;
    border-radius: .46875rem 0 0 .46875rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.125rem;
    flex: 0 0 3.125rem;
    margin-left: .3125rem;
    font-size: .8125rem;
    font-style: normal
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3 i, #pc-home-v5 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3 i, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-service .intro-body .intro-item .intro-item-3 i {
    color: #a6a6a6;
    margin-left: .15625rem;
    font-size: .375rem;
    font-style: normal
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
    padding-left: .78125rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay .intro-body, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body i, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay .intro-body i, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body i {
    display: inline-block;
    background: url(/static/img/v5/pay-sprite.png) no-repeat !important;
    height: 1.5625rem;
    width: 2.25rem;
    margin-right: .5625rem
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-wechat, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-wechat, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-wechat {
    background-position: 0 0 !important
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-alipay, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-alipay, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-alipay {
    background-position: 0 -1.5625rem !important
}

#pc-bet-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-union, #pc-home-v5 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-union, #pc-uc-v2 .v5-footer .v5-intro .v5-intro-pay .intro-body .intro-pay-union {
    background-position: 0 -3.125rem !important
}

#pc-bet-v2 .v5-footer .v5-links, #pc-home-v5 .v5-footer .v5-links, #pc-uc-v2 .v5-footer .v5-links {
    height: 1.5625rem;
    line-height: 1.875rem;
    text-align: center
}

#pc-bet-v2 .v5-footer .v5-links a, #pc-home-v5 .v5-footer .v5-links a, #pc-uc-v2 .v5-footer .v5-links a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    margin: .25rem
}

#pc-bet-v2 .v5-footer .v5-copyright, #pc-home-v5 .v5-footer .v5-copyright, #pc-uc-v2 .v5-footer .v5-copyright {
    width: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .3125rem
}

#pc-bet-v2 .v5-footer .v5-copyright span, #pc-home-v5 .v5-footer .v5-copyright span, #pc-uc-v2 .v5-footer .v5-copyright span {
    color: #888;
    text-align: center;
    height: .625rem;
    line-height: .625rem;
    font-size: .375rem
}

.pc-app .ag-container .ag-header {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-app .ag-container .ag-header .ag-head-img {
    margin-top: .78125rem;
    width: 31.25rem;
    height: 7.8125rem
}

.pc-app .ag-container .ag-enter {
    margin-top: .625rem;
    margin-bottom: .46875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-app .ag-container .ag-enter, .pc-app .ag-container .ag-enter .ag-enter-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.pc-app .ag-container .ag-enter .ag-enter-list {
    width: 31.25rem;
    height: 7.75rem;
    overflow: hidden
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img {
    position: relative;
    width: 100%;
    height: 7.75rem;
    overflow: hidden;
    background: url(/static/img/pc/ag-sx1.jpg) -1.1875rem 0 no-repeat
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content {
    position: relative;
    color: #fff;
    font-size: .40625rem;
    padding-top: 1.875rem;
    padding-left: 5.0625rem
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-title {
    font-size: 1.125rem;
    line-height: 100%;
    font-weight: 700;
    margin-bottom: .3125rem
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play p {
    line-height: .625rem
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .enter-button, .pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .expect-button {
    font-size: .5rem;
    width: 4.375rem;
    height: 1.4375rem;
    line-height: 1.4375rem;
    margin-top: .625rem;
    background: #e0414a linear-gradient(transparent, rgba(0, 0, 0, .15));
    text-align: center;
    color: #fff;
    border: none;
    border-radius: .09375rem;
    cursor: pointer
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .enter-button:hover, .pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .expect-button:hover {
    background-color: #872d33;
    -webkit-transition: .3s;
    transition: .3s
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .expect-button, .pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-play .expect-button:hover {
    background-color: #81858a
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-right-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.5625rem;
    height: 1.5625rem;
    border: none;
    background: url(/static/img/pc/ag-btnlist-icon.png) 50% no-repeat;
    color: #555;
    cursor: pointer
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-content .enter-right-top:hover {
    background-image: url(/static/img/pc/ag-btnicon-hover.png)
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info {
    position: absolute;
    right: -12.625rem;
    transition: right 1s linear;
    -webkit-transition: right 1s linear;
    top: 0;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info.active {
    right: 0 !important
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-cancel {
    width: 1.375rem;
    height: 1.375rem;
    background: url(/static/img/pc/ag-button-close.png) 50% #060a13 no-repeat;
    display: block;
    border: none;
    cursor: pointer
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-detail {
    padding-left: .78125rem;
    width: 7.8125rem;
    height: 7.65625rem;
    background-color: #050911
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-detail .info-title {
    margin-top: .9375rem;
    color: #fff;
    font-weight: 700;
    font-size: .6875rem;
    line-height: 100%
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-detail .info-title .title-bottom {
    background: #d03442;
    width: 1.25rem;
    height: .125rem;
    display: block;
    position: relative;
    top: .46875rem;
    margin: 0
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-detail .info-play {
    margin-top: 1.03125rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img .enter-show-info .info-detail .info-play span {
    display: inline-block;
    margin: .15625rem .3125rem;
    line-height: .5625rem
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img:nth-child(2) {
    margin: 0 .125rem;
    background: url(/static/img/pc/ag-sx2.jpg) -.9375rem 0 no-repeat
}

.pc-app .ag-container .ag-enter .ag-enter-list .ag-enter-img:nth-child(3) {
    background-image: url(/static/img/pc/ag-sx3.jpg);
    background-repeat: no-repeat;
    background-size: auto 7.65625rem;
    background-position: -1.1875rem 0
}

.pc-app .egame-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #252525
}

.pc-app .egame-container .game-show {
    margin: .9375rem 0 1.875rem;
    width: 31.25rem
}

.pc-app .egame-container .game-show .game-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 2.5rem;
    padding-left: .625rem;
    padding-top: .1875rem;
    background-color: #000
}

.pc-app .egame-container .game-show .game-list .game-item {
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 4.9375rem;
    cursor: pointer
}

.pc-app .egame-container .game-show .game-list .game-item .game-301 {
    background-image: url(/static/img/ag/301.png)
}

.pc-app .egame-container .game-show .game-list .game-item .game-302 {
    background-image: url(/static/img/ag/302.png)
}

.pc-app .egame-container .game-show .game-list .game-item .game-303 {
    background-image: url(/static/img/ag/303.png)
}

.pc-app .egame-container .game-show .game-list .game-item .game-img-small {
    margin-top: .1875rem;
    height: 1.3125rem;
    width: 1.3125rem;
    background-size: 1.3125rem 1.3125rem;
    background-repeat: no-repeat
}

.pc-app .egame-container .game-show .game-list .game-item .game-img-big {
    height: 1.5625rem;
    width: 1.5625rem;
    background-size: 1.5625rem 1.5625rem;
    background-repeat: no-repeat
}

.pc-app .egame-container .game-show .game-list .game-item .game-name, .pc-app .egame-container .game-show .game-list .game-item .game-name-select {
    margin-top: .125rem;
    width: 4.9375rem;
    text-align: center;
    color: #fff;
    font-size: .375rem;
    height: .75rem;
    line-height: .625rem;
    border-bottom: .125rem solid #2196f3;
    z-index: 9
}

.pc-app .egame-container .game-show .game-list .game-item .game-name {
    border-bottom: none
}

.pc-app .egame-container .game-show .game-search {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.5625rem;
    padding-left: .625rem;
    background-color: #181818
}

.pc-app .egame-container .game-show .game-search .search-all {
    width: 3.125rem;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.pc-app .egame-container .game-show .game-search .search-one {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 5.25rem;
    margin-left: .625rem;
    background-color: #3b3a3a;
    border-radius: .4375rem;
    height: .875rem;
    padding: 0 .1875rem
}

.pc-app .egame-container .game-show .game-search .search-one .search-one-input {
    margin-left: .15625rem;
    width: 3.75rem;
    border: none;
    height: .875rem;
    text-indent: .375rem;
    color: #c5c5c5;
    cursor: text;
    background-color: #3b3a3a
}

.pc-app .egame-container .game-show .game-search .search-one .search-one-input:focus-within {
    background-color: #3b3a3a
}

.pc-app .egame-container .game-show .game-search .search-one .search-icon {
    display: inline-block;
    color: #a9a8a8;
    cursor: pointer;
    height: .5625rem;
    width: .5625rem;
    margin: .1875rem .15625rem .125rem;
    background: url(/static/img/ag/ag-game-search.png) no-repeat
}

.pc-app .egame-container .game-show .game-search .game-new {
    position: absolute;
    right: .625rem;
    font-size: .375rem;
    cursor: pointer;
    color: #ff9800
}

.pc-app .egame-container .game-show .show-game-list {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    background-color: #000
}

.pc-app .egame-container .game-show .show-game-list .show-game-item {
    width: 5.5rem;
    height: 5.625rem;
    margin: .375rem;
    background-color: #181818;
    cursor: pointer
}

.pc-app .egame-container .game-show .show-game-list .show-game-item.game-302 {
    height: 6.5625rem
}

.pc-app .egame-container .game-show .show-game-list .show-game-item.game-302 .game-img {
    height: 5.625rem;
    margin: 0 auto
}

.pc-app .egame-container .game-show .show-game-list .show-game-item .game-img {
    height: 4.0625rem;
    width: 4.0625rem;
    margin: .5625rem .71875rem 0;
    text-align: center;
    overflow: hidden
}

.pc-app .egame-container .game-show .show-game-list .show-game-item .game-img img {
    width: 100%
}

.pc-app .egame-container .game-show .show-game-list .show-game-item p {
    text-align: center;
    color: #a9a8a8;
    height: .9375rem;
    line-height: .9375rem;
    font-size: .4375rem;
    z-index: 10
}

.pc-app .egame-container .game-show .show-game-list .show-game-item:hover {
    -webkit-box-shadow: 0 0 .3125rem #ff9800;
    box-shadow: 0 0 .3125rem #ff9800
}

.pc-app .egame-container .game-show .show-game-list .show-yo-item {
    width: 5.5rem;
    height: 6.5625rem;
    margin: .375rem;
    background-color: #181818;
    cursor: pointer
}

.pc-app .egame-container .game-show .show-game-list .show-yo-item .game-img-yo {
    height: 5.625rem;
    width: 4.375rem;
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.pc-app .egame-container .game-show .show-game-list .show-yo-item .game-img-yo img {
    width: 100%
}

.pc-app .egame-container .game-show .show-game-list .show-yo-item p {
    text-align: center;
    color: #a9a8a8;
    height: .9375rem;
    line-height: .9375rem;
    font-size: .4375rem;
    z-index: 10
}

.pc-app .egame-container .game-show .show-game-list .show-yo-item:hover {
    -webkit-box-shadow: 0 0 .3125rem #ff9800;
    box-shadow: 0 0 .3125rem #ff9800
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .ag-video {
    position: relative;
    width: 31.25rem;
    height: 18.75rem
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .ag-video .ag-video-btn {
    position: absolute;
    display: inline-block;
    color: #fff;
    background: url(/static/img/ag/by-btn.png) no-repeat;
    top: 48%;
    left: 40%;
    cursor: pointer;
    width: 6.75rem;
    height: 1.875rem;
    line-height: 1.125rem;
    text-align: center;
    border-radius: .125rem
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .ag-video .ag-muted, .pc-app .egame-container .game-show .show-game-list .ag-by-box .ag-video .ag-not-muted {
    position: absolute;
    right: .125rem;
    bottom: .875rem;
    z-index: 2;
    padding: .3125rem;
    cursor: pointer;
    background: url(/static/img/ag/volume-ico.png) 0 0 no-repeat
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .ag-video .ag-muted {
    background-position: 0 -.78125rem
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .by-rule-box {
    height: 2.5rem;
    width: 100%;
    background-color: #0c0c0c;
    text-align: center;
    line-height: 2.5rem
}

.pc-app .egame-container .game-show .show-game-list .ag-by-box .by-rule-box span {
    margin: 0 .0625rem;
    padding: .34375rem 1rem;
    color: #fff;
    font-size: .4375rem;
    cursor: pointer;
    background: url(/static/img/ag/by-tab-btn.png) no-repeat scroll 0 0
}

.pc-app .egame-container .game-show .show-page {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 31.25rem;
    height: 1.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #181818
}

.pc-app .egame-container .game-show .show-page button {
    background-color: #6e5109;
    color: #eccdcd;
    border-radius: .125rem;
    border: .03125rem solid #ccc;
    cursor: pointer;
    margin-left: .15625rem;
    text-align: center;
    padding: .1875rem .6875rem
}

.pc-app .egame-container .game-show .show-page .not-click {
    cursor: not-allowed
}

.pc-app .live-container {
    position: relative;
    background: url(/static/img/bg-live.jpg) no-repeat;
    background-size: cover;
    padding-top: .3125rem
}

.pc-app .live-container .live-body {
    width: 31.25rem;
    min-height: calc(100vh - 10.625rem);
    margin: 0 auto .3125rem;
    border: .03125rem solid #f13131;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.pc-app .live-container .live-body .live-tab {
    background-color: #f13131;
    min-height: 1.875rem;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.pc-app .live-container .live-body .live-tab, .pc-app .live-container .live-body .live-tab .live-tab-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.pc-app .live-container .live-body .live-tab .live-tab-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 5.625rem;
    flex: 0 1 5.625rem;
    cursor: pointer;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    color: #fff;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-app .live-container .live-body .live-tab .live-tab-item.active {
    background-color: #fff
}

.pc-app .live-container .live-body .live-tab .live-tab-item.active .platform-name {
    color: #f13131
}

.pc-app .live-container .live-body .live-tab .live-tab-item.active .platform-desc {
    color: #be1204
}

.pc-app .live-container .live-body .live-tab .live-tab-item .platform-name {
    height: 100%;
    line-height: 1.875rem;
    font-size: 1.125rem;
    padding-right: .25rem
}

.pc-app .live-container .live-body .live-tab .live-tab-item .platform-desc {
    line-height: 1.2;
    height: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.pc-app .live-container .live-body .live-tab .live-tab-item .platform-desc .channel-name {
    font-size: .4375rem
}

.pc-app .live-container .live-body .live-tab .live-tab-item .platform-desc .en-name {
    font-size: .375rem
}

.pc-app .live-container .live-body .live-game-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 25rem;
    overflow: auto
}

.pc-app .live-container .live-body .live-game-wrapper::-webkit-scrollbar {
    width: .15625rem;
    height: .15625rem
}

.pc-app .live-container .live-body .live-game-wrapper::-webkit-scrollbar-track {
    background: #f6f6f6;
    border-radius: .0625rem
}

.pc-app .live-container .live-body .live-game-wrapper::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: .0625rem
}

.pc-app .live-container .live-body .live-game-wrapper::-webkit-scrollbar-thumb:hover {
    background: #747474
}

.pc-app .live-container .live-body .live-game-wrapper::-webkit-scrollbar-corner {
    background: #f6f6f6
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list {
    min-height: 12.5rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list.live img {
    width: 5.625rem !important
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list .live-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    cursor: pointer
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list .live-item .live-item-img {
    min-height: 5.9375rem;
    line-height: 1;
    text-align: center;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list .live-item .live-item-img img {
    width: 4.6875rem;
    height: auto;
    vertical-align: middle
}

.pc-app .live-container .live-body .live-game-wrapper .live-game-list .live-item .live-item-name {
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    font-size: .4375rem;
    color: #333
}

.pc-app .live-container .live-body .live-wrap .live-welcome {
    width: 100%;
    height: 7.8125rem;
    background-size: contain;
    background-image: url(/static/img/pc/ag-header.jpg);
    background-repeat: no-repeat
}

.pc-app .live-container .live-body .live-wrap .live-list {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 .3125rem;
    margin-top: .3125rem;
    position: relative
}

.pc-app .live-container .live-body .live-wrap .live-list .live-item {
    position: relative;
    margin: 0 .09375rem .09375rem 0;
    overflow: hidden;
    width: 50%;
    height: 7.75rem;
    background-repeat: no-repeat;
    background-position: -1.25rem 0;
    -webkit-transition: .5s;
    transition: .5s
}

.pc-app .live-container .live-body .live-wrap .live-list .live-item.ag {
    background-image: url(/static/img/pc/ag.jpg)
}

.pc-app .live-container .live-body .live-wrap .live-list .live-item.bbin {
    background-image: url(/static/img/pc/bbin.jpg)
}

.pc-app .activity-container .activity-body {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3125rem;
    min-height: 21.25rem;
    width: auto;
    height: auto;
    background: url(/static/img/pc/bg-article.png) center 3rem no-repeat #fff
}

.pc-app .activity-container .activity-body .activity-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 31.25rem
}

.pc-app .activity-container .activity-body .activity-wrapper .row-news-scroll {
    width: 30.75rem;
    border-bottom: .03125rem solid #ededed;
    height: 1.75rem;
    line-height: 1.625rem;
    background: url(/static/img/pc/anniu2.png) no-repeat 0 -11.75rem;
    padding-top: .3125rem;
    font-size: .40625rem;
    padding-left: 4.625rem;
    overflow: hidden
}

.pc-app .activity-container .activity-body .activity-wrapper .row-news-scroll .notice-index {
    font-size: .46875rem;
    display: inline-block;
    margin-right: .3125rem;
    margin-left: .3125rem;
    color: #f11
}

.pc-app .activity-container .activity-body .activity-wrapper .row-news-scroll .notice-title {
    font-weight: 700;
    font-size: .4375rem;
    margin-right: .3125rem
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-header {
    width: 30.75rem;
    margin-top: 1.03125rem;
    border-bottom: .03125rem solid #f13131
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-header .all-activity-btn {
    width: 2.59375rem;
    height: .84375rem;
    border: none;
    background-color: #f13131;
    color: #fff;
    cursor: pointer;
    border-radius: .03125rem
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list {
    padding-top: .3125rem;
    width: 30.0625rem
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list .activity-title-img {
    margin: .625rem auto .46875rem;
    cursor: pointer
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list .activity-content {
    margin: 0 auto .625rem
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list-xycp {
    padding-top: .46875rem;
    width: 30.3125rem
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list-xycp .activity-title-img {
    margin: .09375rem auto .125rem;
    cursor: pointer
}

.pc-app .activity-container .activity-body .activity-wrapper .activity-list-xycp .activity-content {
    margin: 0 auto .125rem
}

.pc-app .signIn-container .signIn-head-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 15.625rem;
    min-width: 31.25rem;
    background: url(/static/img/activity/signIn/pc-signIn-bg.png) top no-repeat
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-before {
    -webkit-box-flex: 555;
    -ms-flex: 555;
    flex: 555
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body {
    -webkit-box-flex: 750;
    -ms-flex: 750;
    flex: 750;
    position: relative
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-rule {
    margin-top: 4.6875rem;
    padding: .46875rem;
    border-radius: .46875rem;
    background-color: #f7d6dd;
    color: #666
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-rule h3 {
    margin-bottom: .46875rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-rule p {
    margin-bottom: .3125rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-info {
    position: absolute;
    top: 9.375rem;
    left: 3.4375rem;
    height: .9375rem;
    line-height: .9375rem;
    font-size: .5625rem;
    color: #fd6900
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-info .signIn-nick {
    color: #ee3b62;
    margin-right: 1.25rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-info .signIn-days {
    color: #ee3b62
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-info .signIn-winning {
    margin-left: 1.25rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-info .signIn-winning .signIn-days {
    color: #ee3b62
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-today-flag {
    position: absolute;
    top: 11.5625rem;
    left: 8.75rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-today-flag .can-signIn {
    display: inline-block;
    width: 7.4375rem;
    height: 1.5625rem;
    border-radius: .15625rem;
    border: none;
    cursor: pointer;
    background: url(/static/img/activity/signIn/pc-signIn-sprite.png) no-repeat 0 -7.28125rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-today-flag .can-signIn:hover {
    background: url(/static/img/activity/signIn/pc-signIn-sprite.png) no-repeat 0 -9.28125rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .signIn-today-flag .signIn-today-button {
    width: 7.4375rem;
    height: 1.5625rem;
    border-radius: .15625rem;
    border: none;
    cursor: pointer;
    background: url(/static/img/activity/signIn/pc-signIn-sprite.png) no-repeat 0 -15.59375rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .look-log {
    position: absolute;
    right: 0;
    top: 11.09375rem;
    padding: .15625rem;
    border-radius: .15625rem;
    background-color: #fee16e;
    color: #ff6a01;
    font-size: .5rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .look-log:hover {
    background-color: #fed24b
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .to-index {
    position: absolute;
    left: 0;
    top: 11.09375rem;
    padding: .15625rem;
    border-radius: .15625rem;
    background-color: #fee16e;
    color: #ff6a01;
    font-size: .5rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .to-index:hover {
    background-color: #fed24b
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .to-index.disabled {
    background-color: #dfdfde;
    color: #878787
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .to-Keep-on {
    position: absolute;
    left: 0;
    top: 11.09375rem;
    padding: .15625rem;
    border-radius: .15625rem;
    background-color: #fee16e;
    color: #ff6a01;
    font-size: .5rem
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-body .to-Keep-on.disabled {
    background-color: #dfdfde
}

.pc-app .signIn-container .signIn-head-container .signIn-rule-after {
    -webkit-box-flex: 600;
    -ms-flex: 600;
    flex: 600
}

.pc-app .signIn-container .signIn-body-container {
    text-align: center;
    background: url(/static/img/activity/signIn/signIn-bg-repeat.png);
    min-height: 6.25rem;
    width: 100%;
    padding-bottom: 1.5625rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender {
    position: relative;
    top: -.9375rem;
    margin: 0 auto;
    width: 31.25rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin: 0 auto;
    width: 30.625rem;
    height: 1.875rem;
    background-color: #fd6900
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .nav-left {
    -webkit-box-flex: 93;
    -ms-flex: 93;
    flex: 93;
    cursor: pointer;
    border-right: .03125rem solid #d55900;
    background: url(/static/img/activity/signIn/pc-signIn-sprite2.png) no-repeat 1.09375rem -9.0625rem #fd6900
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .nav-left:hover {
    background-position: -2.8125rem -9.0625rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .left-no-submit {
    -webkit-box-flex: 93;
    -ms-flex: 93;
    flex: 93;
    cursor: pointer;
    border-right: .03125rem solid #d55900;
    background: url(/static/img/activity/signIn/pc-signIn-sprite2.png) no-repeat -2.8125rem -9.0625rem #fd6900
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .calendar-title {
    -webkit-box-flex: 794;
    -ms-flex: 794;
    flex: 794;
    text-align: center;
    font-size: .84375rem;
    color: #fff;
    line-height: 1.875rem;
    font-weight: 700
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .nav-right {
    -webkit-box-flex: 93;
    -ms-flex: 93;
    flex: 93;
    cursor: pointer;
    border-left: .03125rem solid #d55900;
    background: url(/static/img/activity/signIn/pc-signIn-sprite2.png) no-repeat 1.09375rem -6.3125rem #fd6900
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .nav-right:hover {
    background-position: -2.8125rem -6.40625rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .calendar-nav .active {
    -webkit-box-flex: 93;
    -ms-flex: 93;
    flex: 93;
    cursor: pointer;
    border-left: .03125rem solid #d55900;
    background: url(/static/img/activity/signIn/pc-signIn-sprite2.png) no-repeat 1.09375rem -6.3125rem #fd6900;
    background-position: -2.8125rem -6.40625rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-title {
    margin: 0 auto;
    width: 30.625rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #eeeded
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-title .week-one {
    width: 4.375rem;
    font-size: .9375rem;
    padding-top: .25rem;
    height: 1.5rem;
    border-color: #fff #dedede #dedede #fff;
    border-style: solid;
    border-width: .03125rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month {
    margin: 0 auto;
    width: 30.625rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #fff;
    font-size: .9375rem;
    color: #ccc;
    padding-top: 0
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day {
    position: relative;
    display: inline-block;
    width: 4.375rem;
    font-size: .9375rem;
    height: 1.8125rem;
    line-height: 1.8125rem;
    border-color: #fff #dedede #dedede #fff;
    border-style: solid;
    border-width: .03125rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .signIn-flag {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 1.15625rem;
    height: 1.15625rem;
    background: url(/static/img/activity/signIn/pc-signIn-sprite2.png) no-repeat 0 -17.5625rem #fff
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .signIn-today {
    position: absolute;
    display: inline-block;
    width: .625rem;
    height: .625rem;
    top: 0;
    left: 0;
    color: #ffea00;
    font-size: .375rem;
    line-height: .625rem;
    z-index: 10
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .signIn-num {
    padding-top: .28125rem;
    display: inline-block;
    height: .625rem;
    font: .375rem/1.5 arial, Microsoft Yahei, Hiragino Sans GB, sans-serif;
    line-height: .625rem;
    width: 4.0625rem;
    font-size: .40625rem;
    font-weight: 600;
    color: #161616
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .signIn-num .yellow {
    color: #e1842a
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .signIn-prize-0 {
    display: inline-block;
    height: .78125rem;
    font: .375rem/1.5 arial, Microsoft Yahei, Hiragino Sans GB, sans-serif;
    line-height: .78125rem;
    width: 4.0625rem;
    font-size: .40625rem;
    font-weight: 600;
    color: #161616;
    position: relative;
    top: -.15625rem
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-one-month .week-one-day .can-signIn-pack {
    position: relative;
    bottom: .0625rem;
    display: inline-block;
    width: 2rem;
    height: 1.78125rem;
    cursor: pointer;
    background: url(/static/img/activity/signIn/signIn-packet.png) no-repeat;
    background-size: cover
}

.pc-app .signIn-container .signIn-body-container .signIn-calender .week-bottom {
    position: relative;
    top: -.0625rem;
    display: inline-block;
    width: 30.625rem;
    margin: 0 auto;
    border: .1875rem solid #d1cccc
}

.pc-app .signIn-container .signIn-log-container {
    text-align: center;
    background: url(/static/img/activity/signIn/signIn-bg-repeat.png);
    min-height: 6.25rem;
    width: 100%;
    padding-bottom: 1.5625rem
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table {
    position: relative;
    top: -1.65625rem;
    margin: 0 auto;
    width: 25rem;
    padding-bottom: .46875rem;
    background-color: #fff
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: .3125rem;
    min-height: 1.65625rem;
    background-color: #ededed;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .4375rem
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container .filter-item {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .78125rem;
    padding-left: .3125rem
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container .filter-item .filter-date-picker {
    width: 3.75rem;
    height: .75rem;
    border: .03125rem solid #aaa
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container .filter-item .filter-divide {
    margin: 0 .125rem
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container .filter-item .btn {
    display: inline-block;
    border-radius: .125rem;
    line-height: 1;
    margin-right: .125rem;
    padding: .1875rem .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    cursor: pointer;
    background-color: #cf271e;
    color: #fff
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .filter-container .filter-item .btn.green {
    background: #5cb85c
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-left: .03125rem solid #cdcdcd;
    border-top: .03125rem solid #cdcdcd;
    border-right: .03125rem solid #cdcdcd
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table th {
    padding: .15625rem;
    line-height: .9375rem;
    font-weight: 500;
    font-size: .5rem;
    background: #c7c7c7
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table td {
    padding: .15625rem;
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    border-bottom: .03125rem solid #cdcdcd
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table tbody tr {
    background: #fff
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table tbody tr:nth-child(2n) {
    background: #fafafa
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table tbody tr:hover > td {
    background: #faf0c7
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table table tfoot tr {
    background: #e6e6e6
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .report-footer {
    margin-top: .3125rem;
    padding: 0 .3125rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc-app .signIn-container .signIn-log-container .signIn-log-table .report-footer .report-tips {
    height: 1rem;
    line-height: 1rem
}

.pc-app .mission-container {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3125rem;
    min-height: 21.25rem;
    width: auto;
    height: auto;
    background: url(/static/img/pc/bg-article.png) center 3rem no-repeat #fff
}

.pc-app .mission-container .mission-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 31.25rem
}

.pc-app .mission-container .mission-wrapper .row-news-scroll {
    width: 30.75rem;
    border-bottom: .03125rem solid #ededed;
    height: 1.75rem;
    line-height: 1.625rem;
    background: url(/static/img/pc/anniu2.png) no-repeat 0 -11.75rem;
    padding-top: .3125rem;
    font-size: .40625rem;
    padding-left: 4.625rem;
    overflow: hidden
}

.pc-app .mission-container .mission-wrapper .mission-header {
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30rem;
    height: 2.96875rem;
    padding-top: .9375rem;
    padding-bottom: .75rem;
    border-bottom: .03125rem solid #cacaca
}

.pc-app .mission-container .mission-wrapper .mission-header .mission-start {
    display: inline-block;
    height: .71875rem;
    width: .125rem;
    margin-right: .15625rem;
    border: .09375rem solid #f3596a
}

.pc-app .mission-container .mission-wrapper .mission-header .mission-center {
    font-weight: 700;
    font-size: .65625rem
}

.pc-app .mission-container .mission-wrapper .mission-header .mission-category {
    display: inline-block;
    position: relative;
    top: .0625rem;
    margin-left: 1.40625rem;
    font-size: .5rem;
    font-weight: 700;
    cursor: pointer;
    padding: .375rem 0;
    border-bottom: .0625rem solid #fff
}

.pc-app .mission-container .mission-wrapper .mission-header .mission-category:hover {
    color: #f3596a;
    border-bottom: .0625rem solid #f3596a
}

.pc-app .mission-container .mission-wrapper .mission-header .mission-category-active {
    display: inline-block;
    position: relative;
    top: .0625rem;
    margin-left: 1.40625rem;
    font-size: .5rem;
    font-weight: 700;
    cursor: pointer;
    padding: .375rem 0;
    color: #f3596a;
    border-bottom: .0625rem solid #f3596a
}

.pc-app .mission-container .mission-wrapper .mission-body {
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .sign-no-open {
    margin-top: .78125rem;
    width: 28.125rem;
    text-align: center;
    color: #999
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open {
    margin-top: .625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open .signIn-info {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .3125rem 0;
    width: 30.625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open .signIn-info .signIn-desc {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open .signIn-info .signIn-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative;
    right: .9375rem;
    margin-top: .25rem;
    margin-left: 2.5rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #ea8d12
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open .signIn-info .signIn-btn:hover {
    background-color: #f36909
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-signIn .signIn-open .signIn-info .signIn-no-click {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    position: relative;
    right: .9375rem;
    margin-top: .25rem;
    margin-left: 2.5rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #ccc
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach {
    width: 30rem;
    padding-top: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem;
    margin: .3125rem 0;
    background-color: #fafafa;
    -webkit-box-shadow: .03125rem .0625rem .0625rem 0 rgba(0, 0, 0, .2);
    box-shadow: .03125rem .0625rem .0625rem 0 rgba(0, 0, 0, .2)
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor1, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor2, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor3, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor4, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor5, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor6, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor7, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor8, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor9, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor10, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor11, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor1, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor2, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor3, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor4, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor5, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor6, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor7, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor8, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor9, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor10, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor11, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor0, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor1, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor2, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor3, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor4, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor5, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor6, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor7, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor8, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor9, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor10, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor11 {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .625rem;
    border-radius: .1875rem;
    background: #8261ff
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor1 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor2 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor3 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor4 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor5 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor6 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor7 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor8 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor9 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor10 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor11 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor1 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor2 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor3 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor4 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor5 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor6 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor7 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor8 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor9 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor10 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor11 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor0 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor1 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor2 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor3 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor4 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor5 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor6 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor7 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor8 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor9 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor10 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor11 img {
    margin-top: .5rem;
    margin-left: .59375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor1 {
    background: #01ad0f
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor2 {
    background: #f40012
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor3 {
    background: #a91ac2
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor4 {
    background: #af1223
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor5 {
    background: navy
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor6 {
    background: #f0f
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor7 {
    background: purple
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor8 {
    background: #9acd32
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor9 {
    background: #0d84ff
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor10 {
    background: #ff6501
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-bgColor11 {
    background: #8b0000
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-target {
    font-weight: 700;
    font-size: .5625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-target .reach-number {
    margin-top: .25rem;
    font-weight: 400;
    font-size: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskLeft .reach-target .reach-number .reach-red {
    color: #f3596a
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskText {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    color: #707070
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskText .reach-taskText2 {
    margin-top: .25rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .isolation {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5;
    flex: 0.5
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5;
    flex: 1.5;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .taskBoxState {
    text-align: center;
    color: #f3596a;
    font-size: .5rem;
    font-weight: 700
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .taskBoxBtn {
    display: block;
    margin-top: .25rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background: #ccc
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .can-click {
    display: block;
    margin-top: .25rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #ea8d12
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .can-click:hover {
    background-color: #f36909
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .get-target {
    margin-top: .25rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #d90606
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-taskBox .reach-taskRight .get-target:hover {
    background-color: red
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .reach-explain {
    margin-top: .46875rem;
    color: #999
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach .no-open {
    text-align: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new {
    width: 30rem;
    padding-top: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem;
    margin: .3125rem 0;
    background-color: #fafafa;
    -webkit-box-shadow: .03125rem .0625rem .0625rem 0 rgba(0, 0, 0, .2);
    box-shadow: .03125rem .0625rem .0625rem 0 rgba(0, 0, 0, .2)
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor0, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor1, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor2, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor3, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor4, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor5, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor6, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor7, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor8, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor9, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor10, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor11 {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .625rem;
    border-radius: .1875rem;
    background: #8261ff
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor0 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor1 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor2 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor3 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor4 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor5 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor6 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor7 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor8 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor9 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor10 img, .pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor11 img {
    margin-top: .5rem;
    margin-left: .59375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor1 {
    background: #01ad0f
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor2 {
    background: #f40012
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor3 {
    background: #a91ac2
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor4 {
    background: #af1223
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor5 {
    background: navy
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor6 {
    background: #f0f
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor7 {
    background: purple
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor8 {
    background: #9acd32
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor9 {
    background: #0d84ff
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor10 {
    background: #ff6501
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-bgColor11 {
    background: #8b0000
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-target-new {
    font-weight: 700;
    font-size: .5625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-target-new .reach-number-new {
    margin-top: .25rem;
    font-weight: 400;
    font-size: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-left .reach-target-new .reach-number-new .reach-red-new {
    color: #f3596a
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-text {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    color: #707070
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-text .reach-task-text2 {
    margin-top: .1875rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .isolation-new {
    -webkit-box-flex: 0.1;
    -ms-flex: 0.1;
    flex: 0.1
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right {
    width: 7.5rem;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .task-box-state {
    text-align: center;
    color: #f3596a;
    font-size: .5rem;
    font-weight: 700
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .task-box-btn {
    display: block;
    margin-top: .25rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background: #ccc
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .can-click-new {
    display: block;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background: #e4393c;
    padding-right: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .can-click-new i {
    position: absolute;
    margin-top: .46875rem;
    margin-left: .15625rem;
    border-left: .1875rem solid transparent;
    border-right: .1875rem solid transparent;
    border-top: .25rem solid #f09394;
    -webkit-transition: .1s;
    transition: .1s
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .get-target-new {
    margin-top: .25rem;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #d90606
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-box .reach-task-right .get-target-new:hover {
    background-color: red
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-title {
    width: 29.375rem;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .4375rem;
    background-color: #4393be;
    color: #fff;
    font-weight: 100;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-title span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: .03125rem solid #e6e6e6;
    border-right: none;
    text-align: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-title span:last-child {
    border-right: .03125rem solid #e6e6e6
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab {
    width: 29.375rem;
    min-height: 1.5625rem;
    font-size: .4375rem;
    color: #fff;
    font-weight: 100;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #333;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: .03125rem solid #e6e6e6;
    border-top: none;
    border-right: none
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span img {
    width: .9375rem;
    height: .875rem;
    margin: .0625rem 0
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span .task-box-btn {
    display: block;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background: #ccc
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span .can-click-new {
    display: block;
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #ea8d12
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span .can-click-new:hover {
    background-color: #f36909
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span .get-target-new {
    border-radius: .75rem;
    color: #fff;
    text-align: center;
    line-height: 1.125rem;
    width: 3.75rem;
    cursor: pointer;
    background-color: #d90606
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span .get-target-new:hover {
    background-color: red
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab span:last-child {
    border-right: .03125rem solid #e6e6e6
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-task-wrapper .reach-task-detail .detail-tab .star {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse wrap-reverse;
    flex-flow: row-reverse wrap-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .reach-explain-new {
    margin-top: .46875rem;
    color: #999
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-reach-new .no-open-new {
    text-align: center
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award {
    width: 30rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item {
    margin-top: .3125rem;
    margin-bottom: .3125rem;
    border: .03125rem solid #eee;
    padding-top: .3125rem;
    padding-left: .3125rem;
    -webkit-box-shadow: 0 .125rem .25rem #c7c7c7;
    box-shadow: 0 .125rem .25rem #c7c7c7
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item img {
    display: inline-block;
    cursor: pointer
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .award-info {
    display: inline-block;
    width: 6.25rem;
    margin-left: .46875rem;
    color: #666;
    margin-right: .625rem;
    position: relative;
    top: -.46875rem;
    cursor: pointer
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .award-info .award-name {
    font-size: .78125rem;
    font-weight: 100;
    margin: 0;
    color: #e4393c;
    line-height: .78125rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .award-info .award-detail {
    font-size: .4375rem;
    padding: .375rem 0;
    margin-top: 0;
    height: 2.6875rem;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.8;
    margin-bottom: .46875rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .award-info .award-btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .5625rem;
    display: inline-block;
    line-height: 1.25rem;
    width: 3.75rem;
    background: #e4393c;
    color: #fff;
    border-radius: .125rem;
    text-align: center;
    padding-right: .5625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .award-info .award-btn i {
    position: absolute;
    margin-top: .46875rem;
    margin-left: .25rem;
    border-left: .1875rem solid transparent;
    border-right: .1875rem solid transparent;
    border-top: .25rem solid #f09394;
    -webkit-transition: .1s;
    transition: .1s
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .mission-award-item .floor {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.25rem;
    height: .9375rem;
    cursor: pointer;
    background-color: hsla(0, 0%, 92.9%, 0)
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom {
    margin-top: .46875rem !important;
    border: .0625rem dashed #e6e6e6;
    margin-bottom: .625rem;
    width: 29.375rem !important;
    clear: both
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top {
    padding-left: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-name-1 {
    display: block;
    background: #d2dbe0;
    width: 2.625rem;
    text-align: center;
    line-height: .875rem;
    font-size: .4375rem;
    margin-top: .9375rem;
    margin-bottom: .5625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-name-1 i {
    display: inline-block;
    border-top: .4375rem solid transparent;
    border-bottom: .4375rem solid transparent;
    border-left: .3125rem solid #d2dbe0;
    position: absolute;
    margin-left: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-betInfo .award-can-tank, .pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-betInfo .award-take {
    background: #d6d6d6;
    color: #999;
    font-size: .5rem;
    border-radius: .125rem;
    padding: .21875rem .5625rem;
    text-decoration: none;
    cursor: pointer
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-betInfo .award-can-tank {
    color: #fff;
    background: #e4393c
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-betInfo span {
    margin-right: .46875rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-top .award-betInfo span i {
    color: #f76727;
    font-style: normal
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle {
    padding-left: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle .award-name-2 {
    display: block;
    background: #d2dbe0;
    width: 2.625rem;
    text-align: center;
    line-height: .875rem;
    font-size: .4375rem;
    margin-top: .9375rem;
    margin-bottom: .5625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle .award-name-2 i {
    display: inline-block;
    border-top: .4375rem solid transparent;
    border-bottom: .4375rem solid transparent;
    border-left: .3125rem solid #d2dbe0;
    position: absolute;
    margin-left: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    table-layout: fixed
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table .tbplus {
    position: relative;
    width: 4.53125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table .tbplus i {
    position: absolute;
    left: .375rem;
    font-style: normal;
    color: #fff
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table .tbplus em {
    margin-right: .46875rem;
    position: absolute;
    right: -.15625rem;
    top: .09375rem;
    font-style: normal
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table .tbplus ins {
    border-bottom: .03125rem solid #7fbbdc;
    position: absolute;
    width: 4.59375rem;
    -webkit-transform: rotate(15.2deg);
    transform: rotate(15.2deg);
    left: -.03125rem;
    top: .59375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table th {
    border: .03125rem solid #e6e6e6;
    height: 1.25rem;
    font-size: .4375rem;
    background-color: #4393be;
    color: #fff;
    font-weight: 100
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-middle table td {
    border: .03125rem solid #e6e6e6;
    height: 1.25rem;
    font-size: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-detail {
    padding-left: .3125rem;
    color: #666;
    margin-bottom: .625rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-detail .award-name-3 {
    display: block;
    background: #d2dbe0;
    width: 2.625rem;
    text-align: center;
    line-height: .875rem;
    font-size: .4375rem;
    margin-top: .9375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-detail .award-name-3 i {
    display: inline-block;
    border-top: .4375rem solid transparent;
    border-bottom: .4375rem solid transparent;
    border-left: .3125rem solid #d2dbe0;
    position: absolute;
    margin-left: .4375rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-detail .take-time {
    font-size: .3125rem
}

.pc-app .mission-container .mission-wrapper .mission-body .mission-award .award-all .award-bottom .award-bottom-detail .take-time p {
    margin-top: .625rem
}

.pc-app .lottery-activity {
    display: none
}

.pc-app .lottery-activity.lottery-rubberBand {
    display: block !important
}

.pc-app .lottery-activity.lottery-rubberBand .lottery-take {
    display: block !important;
    -webkit-animation: lotteryOpenBtn .2s linear .5s 10 alternate;
    animation: lotteryOpenBtn .2s linear .5s 10 alternate
}

.pc-app .lottery-activity.lottery-slideInDown, .pc-app .lottery-activity.lottery-slideInDown .lottery-modal {
    display: block !important
}

.pc-app .lottery-activity.lottery-slideInDown .lottery-open {
    display: block !important;
    -webkit-animation: showRedPacket 1s linear .2s 1 both;
    animation: showRedPacket 1s linear .2s 1 both
}

.pc-app .lottery-activity.lottery-zoomIn, .pc-app .lottery-activity.lottery-zoomIn .lottery-modal {
    display: block !important
}

.pc-app .lottery-activity.lottery-zoomIn .lottery-win {
    display: block !important;
    -webkit-animation: zoomIn .4s linear .3s 1 both;
    animation: zoomIn .4s linear .3s 1 both
}

.pc-app .lottery-activity .lottery-take {
    display: none;
    height: 3.125rem;
    width: 3.125rem;
    position: fixed;
    right: 0;
    top: 65%;
    z-index: 90
}

.pc-app .lottery-activity .lottery-take .lottery-take-content {
    position: absolute;
    height: 3.125rem;
    width: 3.125rem;
    right: .3125rem;
    background-size: 100% !important;
    cursor: pointer
}

.pc-app .lottery-activity .lottery-take .lottery-take-close {
    position: absolute;
    height: .625rem;
    width: .625rem;
    right: .46875rem;
    top: -.46875rem;
    background-size: 100% 100% !important;
    z-index: 1;
    cursor: pointer
}

.pc-app .lottery-activity .lottery-modal {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    z-index: 91
}

.pc-app .lottery-activity .lottery-modal.lottery-modal-fadeIn {
    -webkit-animation: fadeIn .6s linear 0s 1 both;
    animation: fadeIn .6s linear 0s 1 both
}

.pc-app .lottery-activity .lottery-modal .lottery-popup {
    height: 16.5625rem;
    width: 11.875rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5.9375rem;
    margin-top: -9.21875rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open {
    display: none;
    height: 100%;
    width: 100%;
    background-size: 100% !important
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-close {
    height: .9375rem;
    width: .9375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 5.78125rem;
    margin-top: -9.0625rem;
    background-size: 100% !important
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-title {
    padding: 1.5625rem .9375rem 0;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-title .lottery-title-content {
    padding: .3125rem;
    line-height: .9375rem;
    font-weight: 700;
    font-size: .75rem;
    color: #ebcd99;
    text-shadow: .03125rem .09375rem .09375rem #3e3e3e;
    border-bottom: .0625rem double #ebcd99;
    letter-spacing: .0625rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-normal {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-top: 1.5625rem;
    font-size: .5625rem;
    color: #ebcd99
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-normal-tips {
    width: 0;
    height: 0;
    margin: .625rem auto;
    border-left: .3125rem solid transparent;
    border-right: .3125rem solid transparent;
    border-top: .46875rem solid #ebcd99;
    -webkit-animation: heart .5s ease-in-out .5s infinite alternate;
    animation: heart .5s ease-in-out .5s infinite alternate
}

@-webkit-keyframes heart {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(.1875rem);
        transform: translateY(.1875rem)
    }
}

@keyframes heart {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translateY(.1875rem);
        transform: translateY(.1875rem)
    }
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-wait-open {
    line-height: .9375rem;
    font-size: .9375rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-wait-open, .pc-app .lottery-activity .lottery-modal .lottery-open .lottery-win {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    margin-top: 1.5625rem;
    color: #ebcd99;
    text-shadow: .03125rem .09375rem .09375rem #3e3e3e;
    letter-spacing: .0625rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-win {
    line-height: 1.5625rem;
    font-size: 1.5625rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-lose {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .9375rem;
    font-weight: 700;
    font-size: .9375rem;
    margin-top: 1.5625rem;
    color: #ebcd99;
    text-shadow: .03125rem .09375rem .09375rem #3e3e3e;
    letter-spacing: .0625rem
}

.pc-app .lottery-activity .lottery-modal .lottery-open .lottery-open-btn {
    position: absolute;
    height: 3.75rem;
    width: 3.75rem;
    background-size: 100% !important;
    cursor: pointer;
    left: 4.0625rem;
    top: 8.90625rem
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes lotteryOpenBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes lotteryOpenBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.pc-app .lottery-activity .is-animate > div {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: showMoney;
    animation-name: showMoney
}

.pc-app .lottery-activity .is-animate > div:first-child {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.pc-app .lottery-activity .is-animate > div:nth-child(2) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.pc-app .lottery-activity .is-animate > div:nth-child(3) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.pc-app .lottery-activity .is-animate > div:nth-child(4) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.pc-app .lottery-activity .is-animate > div:nth-child(5) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.pc-app .lottery-activity .is-animate > div:nth-child(6) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.pc-app .lottery-activity .is-animate > div:nth-child(7) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.pc-app .lottery-activity .is-animate > div:nth-child(8) {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.pc-app .lottery-activity .is-animate > div:nth-child(9) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

@-webkit-keyframes showMoney {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes showMoney {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes showRedPacket {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes showRedPacket {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pc-app .turntable-activity {
    display: none
}

.pc-app .turntable-activity.turntable-rubberBand {
    display: block !important
}

.pc-app .turntable-activity.turntable-rubberBand .turntable-take {
    -webkit-animation: turntableBtn .2s linear .5s 10 alternate;
    animation: turntableBtn .2s linear .5s 10 alternate;
    height: 7.8125rem;
    width: 7.8125rem;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 90
}

.pc-app .turntable-activity.turntable-rubberBand .turntable-take .turntable-take-close {
    position: absolute;
    height: .625rem;
    width: .625rem;
    right: .46875rem;
    top: -.46875rem;
    background-size: 100% 100% !important;
    z-index: 1;
    cursor: pointer
}

.pc-app .turntable-activity.turntable-rubberBand .turntable-take .turntable-take-content {
    position: absolute;
    height: 7.8125rem;
    width: 7.8125rem;
    background-size: 100% !important;
    cursor: pointer
}

@-webkit-keyframes turntableBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes turntableBtn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.game-plan-wrapper {
    margin-top: .3125rem;
    width:100%;
    height: 212px;
    overflow: hidden;
    border: .03125rem solid #ededed
}

.game-plan-wrapper .game-plan-tab {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-tab .game-plan-tab-item {
    width: 100%;
    height:42px;
    color: #333;
    text-align: center;
    margin-right: .03125rem;
    cursor: pointer;
    font: .4375rem/1.375rem Microsoft Yahei;
    background: #dbdbdb;
    font-size: 14px;
    line-height: 42px;
}

.game-plan-wrapper .game-plan-tab .game-plan-tab-item.active {
    color: #333;
    border-top: 2px solid #e4393c;
    background: #fff
}

.game-plan-wrapper .game-plan-tab .game-plan-tab-item:last-child {
    margin-right: -.03125rem
}

.game-plan-wrapper .game-plan-body {
    padding: 0 .46875rem
}

.game-plan-wrapper .game-plan-body .game-plan-info {
    margin-top: 24px;
    font-weight: 400;
    color: #999;
    font-size: 15px;
    height: .5625rem;
    line-height: .5625rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 65px;
    position: absolute;
    top: 511px;


}

.game-plan-wrapper .game-plan-body .game-plan-info .info-detail b {
    font-weight: 400;
    color: #f13131
}

.game-plan-wrapper .game-plan-body .game-plan-info .link-detail a, .game-plan-wrapper .game-plan-body .game-plan-info .link-detail span {
    padding: 0 .15625rem;
    color: #2568a7;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-plan-wrapper .game-plan-body .game-plan-info .link-detail a:hover, .game-plan-wrapper .game-plan-body .game-plan-info .link-detail span:hover {
    color: #f13131
}

.game-plan-wrapper .game-plan-body .game-plan-box {
    margin-top: .78125rem;
    min-height: 94px;
    overflow-y: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.game-plan-wrapper .game-plan-body .game-plan-box, .game-plan-wrapper .game-plan-body .game-plan-box .game-logo {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-body .game-plan-box .game-logo {
    width: 100px;
    height: 70px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-plan-wrapper .game-plan-body .game-plan-box .game-logo img {
    width: 70px;
    height: 70px
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list {
    height: 2.1875rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list span {
    background: url(/static/img/pc/kj-balls.gif) no-repeat -3.125rem -1.75rem;
    width: 1.3125rem;
    height: 1.3125rem;
    margin: 0 .125rem;
    color: #fff;
    text-align: center;
    font: .75rem/1.3125rem Arial, Helvetica, sans-serif
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pk10-item {
    width: .9375rem;
    height: .9375rem;
    margin: 0 .125rem;
    background-size: contain
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .k3-item, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item {
    display: flex;
    height: 1.5625rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .k3-item .logo, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item .logo {
    width: 60px;
    height: 60px;
    margin: 0 .15625rem;
    /*background-size: contain*/
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .k3-item i, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item i {
    margin: 12px;
    font-style: normal;
    font-size: 25px;
    color: #999;
    vertical-align: middle
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .k3-item .sum, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item .sum {
    margin: .09375rem;
    color: #333
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item {
    height: 1.125rem
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-item .logo {
    width: 1.125rem;
    height: 1.125rem
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-box {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-box .lhc-animals {
    color: #666;
    text-align: center;
    line-height: .8125rem
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-01, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-1, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-02, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-2, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-07, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-7, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-08, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-8, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-12, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-13, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-18, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-19, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-23, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-24, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-29, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-30, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-34, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-35, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-40, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-45, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-46 {
    border-radius: 50%;
    background-color: #ef3031
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-03, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-3, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-04, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-4, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-09, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-9, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-10, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-14, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-15, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-20, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-25, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-26, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-31, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-36, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-37, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-41, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-42, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-47, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-48 {
    border-radius: 50%;
    background-color: #429aff
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-05, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-5, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-06, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-6, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-11, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-16, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-17, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-21, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-22, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-27, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-28, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-32, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-33, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-38, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-39, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-43, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-44, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .lhc-49, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-1, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-4, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-7, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-10, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-13, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-16, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-19, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-22, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-25 {
    border-radius: 50%;
    background-color: #29db18
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-2, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-5, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-8, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-11, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-14, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-17, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-20, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-23, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-26 {
    border-radius: 50%;
    background-color: #429aff
}

.game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-0, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-3, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-6, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-9, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-12, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-15, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-18, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-21, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-24, .game-plan-wrapper .game-plan-body .game-plan-box .plan-ball-list .pcdd-27 {
    border-radius: 50%;
    background-color: #ef3031
}

.game-plan-wrapper .game-plan-body .plan-deal-box {
    margin-top: .625rem;
    height: 1.0625rem;
    font-size: .4375rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .bet-times, .game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar {
    margin-top: .15625rem;
    margin-right: .15625rem;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar {
    border: .03125rem solid #c2c2c2;
    border-radius: .125rem;
    overflow: hidden
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #c2c2c2;
    background: #fafafa;
    font-family: tahoma, arial, 宋体, sans-serif;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar > span:hover {
    color: #c2c2c2 !important;
    background: #e8e8e8
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar .minus {
    border-right: .03125rem solid #c2c2c2
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar .plus {
    border-left: .03125rem solid #c2c2c2
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .deal-bar > input {
    border: none;
    width: 44px;
    padding: .03125rem 0;
    text-align: center
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .bet-times {
    padding-left: .3125rem
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-left .bet-times b {
    margin: 0 .09375rem;
    font-weight: 400;
    color: #f13131
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-right {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-right .refresh-btn {
    display: inline-block;
    width: 3.78125rem;
    height: 1.0625rem;
    text-align: center;
    line-height: 1.0625rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-right .refresh-btn:hover {
    color: #f13131
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-right .refresh-btn .refresh-icon {
    display: inline-block;
    position: relative;
    right: .15625rem;
    top: .0625rem;
    width: .375rem;
    height: .375rem;
    background: url(/static/img/pc/base-icon2.png) no-repeat -1.9375rem -8.75rem
}

.game-plan-wrapper .game-plan-body .plan-deal-box .plan-right .bet-btn {
    background: #f13131;
    height: 36px;
    width: 100px;
    font: .5rem/1.0625rem Microsoft Yahei;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 36px;
    font-size: 16px;
}

#v5-cp-welcome {
    padding-top: .46875rem;
    padding-bottom: .46875rem;
    background: #eee
}

#v5-cp-welcome .cp-welcome-header {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #e6e6e6
}

#v5-cp-welcome .cp-welcome-swipper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25rem;
    flex: 0 0 25rem;
    width: 25rem;
    height: 7.5rem
}

#v5-cp-welcome .cp-welcome-win {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    height: 7.5rem;
    overflow: hidden;
    background: #515860;
    color: #fff
}

#v5-cp-welcome .cp-welcome-win .win-title {
    margin: 0;
    font-size: .625rem;
    text-align: center;
    line-height: 1.40625rem;
    border-bottom: .03125rem solid #777d84;
    font-weight: 100
}

#v5-cp-welcome .cp-welcome-win .win-list-wrapper {
    margin: .15625rem 0;
    overflow: hidden
}

#v5-cp-welcome .cp-welcome-win .win-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    padding: 0 .3125rem
}

#v5-cp-welcome .cp-welcome-win .win-item .win-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%
}

#v5-cp-welcome .cp-welcome-win .win-item .win-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem;
    font-size: .375rem;
    line-height: .5625rem;
    height: 1.125rem
}

#v5-cp-welcome .cp-welcome-win .win-item .win-info span {
    padding-right: .15625rem
}

#v5-cp-welcome .cp-welcome-win .win-item .win-info i {
    color: red;
    font-style: normal;
    padding-left: .15625rem
}

#v5-cp-welcome .cp-welcome-win .win-item .win-rank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.78125rem;
    flex: 0 0 0.78125rem;
    width: .78125rem;
    height: .78125rem;
    line-height: .78125rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

#v5-cp-welcome .cp-welcome-shadow {
    height: .46875rem;
    background: linear-gradient(180deg, #7a7a7a, #c3c4c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a", endColorstr="#c3c4c3", GradientType=0)
}

#v5-cp-welcome .cp-welcome-shadow i {
    display: block;
    float: left;
    border-right: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6
}

#v5-cp-welcome .cp-welcome-shadow em {
    display: inline-block;
    border-left: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6;
    float: right
}

#v5-cp-welcome .cp-welcome-body .cp-group-list {
    background: #455467;
    padding-left: .3125rem;
    overflow: hidden;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#v5-cp-welcome .cp-welcome-body .cp-group-item, #v5-cp-welcome .cp-welcome-body .cp-group-list {
    height: 1.25rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-cp-welcome .cp-welcome-body .cp-group-item {
    line-height: 1.25rem;
    color: #fff;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.125rem;
    flex: 0 0 3.125rem
}

#v5-cp-welcome .cp-welcome-body .cp-group-item:first-child span {
    border-left: none
}

#v5-cp-welcome .cp-welcome-body .cp-group-item.active {
    background: #fff;
    border-radius: .15625rem .15625rem 0 0;
    margin-top: .09375rem;
    height: 1.15625rem
}

#v5-cp-welcome .cp-welcome-body .cp-group-item.active span {
    color: #333;
    border-left-color: #fff
}

#v5-cp-welcome .cp-welcome-body .cp-group-item span {
    color: #fff;
    font-size: .4375rem;
    line-height: .625rem;
    display: inline-block;
    height: .625rem;
    text-align: center;
    width: 100%;
    border-left: .03125rem solid #74808f;
    cursor: pointer
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel {
    background-color: #fff;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: .25rem;
    width: 100%
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item {
    position: relative;
    margin: .3125rem;
    width: 7.0625rem;
    height: 3.125rem;
    border: .03125rem solid #e3e3e3;
    padding: .5rem .625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: .03125rem .03125rem .03125rem #8a8a8a;
    box-shadow: .03125rem .03125rem .03125rem #8a8a8a
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item:hover .cp-game-item-2 {
    display: flex
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-1 {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-1 img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.875rem;
    flex: 0 0 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-1 .cp-game-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: .46875rem
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-1 .cp-game-name {
    text-align: center;
    font-size: .5625rem;
    color: #516073;
    font-weight: 100;
    margin-bottom: .3125rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-1 .cp-game-period {
    color: #777;
    font-size: .4375rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(81, 96, 115, .9);
    z-index: 3
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 .cp-game-bet {
    border: .03125rem solid #dfdfdf;
    color: #dfdfdf;
    font-size: .4375rem;
    width: 3.125rem;
    height: .9375rem;
    line-height: .9375rem;
    text-align: center;
    cursor: pointer
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 .cp-game-bet:hover {
    background: #bd2004;
    border: .03125rem solid #e6391f
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 .cp-game-help {
    position: absolute;
    bottom: .15625rem;
    right: .15625rem;
    width: .625rem;
    height: .625rem;
    line-height: .625rem;
    text-align: center;
    font-style: normal;
    color: #fff;
    border: .03125rem solid #fff;
    border-radius: 50%;
    cursor: pointer
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 .cp-game-help:hover em {
    display: block
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 em {
    display: none;
    position: absolute;
    bottom: 0;
    right: .9375rem;
    padding: 0 .1875rem;
    width: 2rem;
    height: .6875rem;
    -webkit-box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    line-height: .6875rem;
    background: #bd2004;
    border-radius: .09375rem;
    font-size: .375rem;
    font-style: normal
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-2 em:after {
    content: "";
    display: block;
    border: .1875rem dashed transparent;
    border-left-color: #bd2004;
    top: .15625rem;
    right: -.34375rem;
    position: absolute;
    width: 0;
    height: 0
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-90 {
    position: relative;
    margin: .15625rem;
    width: 7.375rem;
    height: 3.125rem;
    border: .03125rem solid #e3e3e3;
    padding: .28125rem .3125rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: .03125rem .03125rem .03125rem #8a8a8a;
    box-shadow: .03125rem .03125rem .03125rem #8a8a8a
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-90 .cp-game-item-1 img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.8125rem;
    flex: 0 0 2.8125rem;
    width: 2.8125rem;
    height: 2.8125rem
}

#v5-cp-welcome .cp-welcome-body .cp-game-panel .cp-game-item-90:hover .cp-game-item-2 {
    display: flex
}

#v5-live-welcome {
    padding-top: .46875rem;
    padding-bottom: .46875rem;
    background: #eee
}

#v5-live-welcome .live-welcome-header {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #e6e6e6
}

#v5-live-welcome .live-welcome-swipper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.25rem;
    flex: 0 0 31.25rem;
    width: 31.25rem;
    height: 7.5rem
}

#v5-live-welcome .live-welcome-win {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    height: 7.5rem;
    overflow: hidden;
    background: #515860;
    color: #fff
}

#v5-live-welcome .live-welcome-win .win-title {
    margin: 0;
    font-size: .625rem;
    text-align: center;
    line-height: 1.40625rem;
    border-bottom: .03125rem solid #777d84;
    font-weight: 100
}

#v5-live-welcome .live-welcome-win .win-list-wrapper {
    margin: .15625rem 0;
    overflow: hidden
}

#v5-live-welcome .live-welcome-win .win-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    padding: 0 .3125rem
}

#v5-live-welcome .live-welcome-win .win-item .win-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%
}

#v5-live-welcome .live-welcome-win .win-item .win-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem;
    font-size: .375rem;
    line-height: .5625rem;
    height: 1.3125rem
}

#v5-live-welcome .live-welcome-win .win-item .win-info span {
    padding-right: .15625rem
}

#v5-live-welcome .live-welcome-win .win-item .win-info i {
    color: red;
    font-style: normal;
    padding-left: .15625rem
}

#v5-live-welcome .live-welcome-win .win-item .win-rank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.78125rem;
    flex: 0 0 0.78125rem;
    width: .78125rem;
    height: .78125rem;
    line-height: .78125rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

#v5-live-welcome .live-welcome-shadow {
    height: .46875rem;
    background: linear-gradient(180deg, #7a7a7a, #c3c4c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a", endColorstr="#c3c4c3", GradientType=0)
}

#v5-live-welcome .live-welcome-shadow i {
    display: block;
    float: left;
    border-right: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6
}

#v5-live-welcome .live-welcome-shadow em {
    display: inline-block;
    border-left: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6;
    float: right
}

#v5-live-welcome .live-welcome-body .live-group-list {
    background: #455467;
    padding-left: .3125rem;
    overflow: hidden;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#v5-live-welcome .live-welcome-body .live-group-item, #v5-live-welcome .live-welcome-body .live-group-list {
    height: 1.25rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-live-welcome .live-welcome-body .live-group-item {
    line-height: 1.25rem;
    color: #fff;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.125rem;
    flex: 0 0 3.125rem
}

#v5-live-welcome .live-welcome-body .live-group-item:first-child span {
    border-left: none
}

#v5-live-welcome .live-welcome-body .live-group-item.active {
    background: #fff;
    border-radius: .15625rem .15625rem 0 0;
    margin-top: .09375rem;
    height: 1.15625rem
}

#v5-live-welcome .live-welcome-body .live-group-item.active span {
    color: #333;
    border-left-color: #fff
}

#v5-live-welcome .live-welcome-body .live-group-item span {
    color: #fff;
    font-size: .4375rem;
    line-height: .625rem;
    display: inline-block;
    height: .625rem;
    text-align: center;
    width: 100%;
    border-left: .03125rem solid #74808f;
    cursor: pointer
}

#v5-live-welcome .live-welcome-body .live-container, #v5-live-welcome .live-welcome-body .live-container .live-body {
    width: 100%
}

#v5-live-welcome .live-welcome-body .live-container .live-body .live-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%
}

#v5-live-welcome .live-welcome-body .live-game-panel {
    background-color: #fff;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: .3125rem;
    width: 100%
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(20% - 0.625rem);
    flex: 0 0 calc(20% - 0.625rem);
    height: 3.125rem;
    margin: .3125rem;
    position: relative
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item:hover .live-game-item-2 {
    display: flex
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-1 {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .3125rem .46875rem;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: 0 0 .46875rem .0625rem #e1e1e1;
    box-shadow: 0 0 .46875rem .0625rem #e1e1e1
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-1 img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5625rem;
    flex: 0 0 1.5625rem;
    width: 1.5625rem;
    height: 1.5625rem
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-1 .live-game-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: .46875rem
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-1 .live-game-name {
    text-align: center;
    font-size: .5625rem;
    color: #516073;
    font-weight: 100;
    margin-bottom: .3125rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-1 .live-game-period {
    color: #777;
    font-size: .4375rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(81, 96, 115, .9);
    z-index: 3
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 .live-game-bet {
    border: .03125rem solid #dfdfdf;
    color: #dfdfdf;
    font-size: .4375rem;
    width: 3.125rem;
    height: .9375rem;
    line-height: .9375rem;
    text-align: center;
    cursor: pointer
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 .live-game-bet:hover {
    background: #bd2004;
    border: .03125rem solid #e6391f
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 .live-game-help {
    position: absolute;
    bottom: .15625rem;
    right: .15625rem;
    width: .625rem;
    height: .625rem;
    line-height: .625rem;
    text-align: center;
    font-style: normal;
    color: #fff;
    border: .03125rem solid #fff;
    border-radius: 50%;
    cursor: pointer
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 .live-game-help:hover em {
    display: block
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 em {
    display: none;
    position: absolute;
    bottom: 0;
    right: .9375rem;
    padding: 0 .1875rem;
    width: 2rem;
    height: .6875rem;
    -webkit-box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    line-height: .6875rem;
    background: #bd2004;
    border-radius: .09375rem;
    font-size: .375rem;
    font-style: normal
}

#v5-live-welcome .live-welcome-body .live-game-panel .live-game-item-2 em:after {
    content: "";
    display: block;
    border: .1875rem dashed transparent;
    border-left-color: #bd2004;
    top: .15625rem;
    right: -.34375rem;
    position: absolute;
    width: 0;
    height: 0
}

#v5-qwc-welcome {
    padding-top: .46875rem;
    padding-bottom: .46875rem;
    background: #eee
}

#v5-qwc-welcome .qwc-welcome-header {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #e6e6e6
}

#v5-qwc-welcome .qwc-welcome-swipper {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31.25rem;
    flex: 0 0 31.25rem;
    width: 31.25rem;
    height: 7.5rem
}

#v5-qwc-welcome .qwc-welcome-win {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    height: 7.5rem;
    overflow: hidden;
    background: #515860;
    color: #fff
}

#v5-qwc-welcome .qwc-welcome-win .win-title {
    margin: 0;
    font-size: .625rem;
    text-align: center;
    line-height: 1.40625rem;
    border-bottom: .03125rem solid #777d84;
    font-weight: 100
}

#v5-qwc-welcome .qwc-welcome-win .win-list-wrapper {
    margin: .15625rem 0;
    overflow: hidden
}

#v5-qwc-welcome .qwc-welcome-win .win-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.875rem;
    padding: 0 .3125rem
}

#v5-qwc-welcome .qwc-welcome-win .win-item .win-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%
}

#v5-qwc-welcome .qwc-welcome-win .win-item .win-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem;
    font-size: .375rem;
    line-height: .5625rem;
    height: 1.3125rem
}

#v5-qwc-welcome .qwc-welcome-win .win-item .win-info span {
    padding-right: .15625rem
}

#v5-qwc-welcome .qwc-welcome-win .win-item .win-info i {
    color: red;
    font-style: normal;
    padding-left: .15625rem
}

#v5-qwc-welcome .qwc-welcome-win .win-item .win-rank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.78125rem;
    flex: 0 0 0.78125rem;
    width: .78125rem;
    height: .78125rem;
    line-height: .78125rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

#v5-qwc-welcome .qwc-welcome-shadow {
    height: .46875rem;
    background: linear-gradient(180deg, #7a7a7a, #c3c4c3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a7a7a", endColorstr="#c3c4c3", GradientType=0)
}

#v5-qwc-welcome .qwc-welcome-shadow i {
    display: block;
    float: left;
    border-right: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6
}

#v5-qwc-welcome .qwc-welcome-shadow em {
    display: inline-block;
    border-left: .625rem solid transparent;
    border-top: .46875rem solid #e6e6e6;
    float: right
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-list {
    background: #455467;
    padding-left: .3125rem;
    overflow: hidden;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item, #v5-qwc-welcome .qwc-welcome-body .qwc-group-list {
    height: 1.25rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item {
    line-height: 1.25rem;
    color: #fff;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.125rem;
    flex: 0 0 3.125rem
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item:first-child span {
    border-left: none
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item.active {
    background: #fff;
    border-radius: .15625rem .15625rem 0 0;
    margin-top: .09375rem;
    height: 1.15625rem
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item.active span {
    color: #333;
    border-left-color: #fff
}

#v5-qwc-welcome .qwc-welcome-body .qwc-group-item span {
    color: #fff;
    font-size: .4375rem;
    line-height: .625rem;
    display: inline-block;
    height: .625rem;
    text-align: center;
    width: 100%;
    border-left: .03125rem solid #74808f;
    cursor: pointer
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel {
    background-color: #fff;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: .25rem;
    width: 100%
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item {
    position: relative;
    margin: .3125rem;
    width: 7.0625rem;
    height: 3.125rem;
    border: .03125rem solid #e3e3e3;
    padding: .5rem .625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: .03125rem .03125rem .03125rem #8a8a8a;
    box-shadow: .03125rem .03125rem .03125rem #8a8a8a
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item:hover .qwc-game-item-2 {
    display: flex
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-1 {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-1 img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.875rem;
    flex: 0 0 1.875rem;
    width: 1.875rem;
    height: 1.875rem
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-1 .qwc-game-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: .46875rem
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-1 .qwc-game-name {
    text-align: center;
    font-size: .5625rem;
    color: #516073;
    font-weight: 100;
    margin-bottom: .3125rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-1 .qwc-game-period {
    color: #777;
    font-size: .4375rem;
    max-width: 3.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: rgba(81, 96, 115, .9);
    z-index: 3
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 .qwc-game-bet {
    border: .03125rem solid #dfdfdf;
    color: #dfdfdf;
    font-size: .4375rem;
    width: 3.125rem;
    height: .9375rem;
    line-height: .9375rem;
    text-align: center;
    cursor: pointer
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 .qwc-game-bet:hover {
    background: #bd2004;
    border: .03125rem solid #e6391f
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 .qwc-game-help {
    position: absolute;
    bottom: .15625rem;
    right: .15625rem;
    width: .625rem;
    height: .625rem;
    line-height: .625rem;
    text-align: center;
    font-style: normal;
    color: #fff;
    border: .03125rem solid #fff;
    border-radius: 50%;
    cursor: pointer
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 .qwc-game-help:hover em {
    display: block
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 em {
    display: none;
    position: absolute;
    bottom: 0;
    right: .9375rem;
    padding: 0 .1875rem;
    width: 2rem;
    height: .6875rem;
    -webkit-box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    box-shadow: .03125rem .03125rem .09375rem rgba(0, 0, 0, .3);
    line-height: .6875rem;
    background: #bd2004;
    border-radius: .09375rem;
    font-size: .375rem;
    font-style: normal
}

#v5-qwc-welcome .qwc-welcome-body .qwc-game-panel .qwc-game-item-2 em:after {
    content: "";
    display: block;
    border: .1875rem dashed transparent;
    border-left-color: #bd2004;
    top: .15625rem;
    right: -.34375rem;
    position: absolute;
    width: 0;
    height: 0
}

#v5-home-welcome {
    padding-top: .46875rem;
    padding-bottom: .46875rem;
    background: #fff
}

@-webkit-keyframes v5LogoSpin {
    20% {
        -webkit-transform: translateY(0) rotate(72deg);
        transform: translateY(0) rotate(72deg)
    }
    to {
        -webkit-transform: translateY(0) rotate(1turn);
        transform: translateY(0) rotate(1turn)
    }
}

@keyframes v5LogoSpin {
    20% {
        -webkit-transform: translateY(0) rotate(72deg);
        transform: translateY(0) rotate(72deg)
    }
    to {
        -webkit-transform: translateY(0) rotate(1turn);
        transform: translateY(0) rotate(1turn)
    }
}

#v5-home-welcome .home-welcome-inner {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#v5-home-welcome .home-welcome-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.25rem;
    flex: 0 0 7.25rem;
    width: 7.25rem;
    height: 16.34375rem;
    background: #fffdf3;
    border: .03125rem solid #e6c9a0;
    border-top-width: .09375rem
}

#v5-home-welcome .home-welcome-left .cp-menu-tabs {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-home-welcome .home-welcome-left .cp-menu-tab {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    height: .9375rem;
    line-height: .9375rem;
    text-align: center;
    font-weight: 700;
    border-bottom: .03125rem solid #f4f1d9;
    border-top: .03125rem solid #f4f1d9;
    border-left: .03125rem solid #f4f1d9;
    cursor: pointer;
    color: #333;
    position: relative
}

#v5-home-welcome .home-welcome-left .cp-menu-tab:first-child {
    border-left: none
}

#v5-home-welcome .home-welcome-left .cp-menu-tab.active {
    color: #333;
    border-bottom: none
}

#v5-home-welcome .home-welcome-left .cp-menu-tab.active:before {
    content: "";
    width: 100%;
    height: .109375rem;
    display: inline-block;
    position: absolute;
    top: -.109375rem;
    left: 0;
    background: #e4393c
}

#v5-home-welcome .home-welcome-left .cp-menu-panel {
    display: none
}

#v5-home-welcome .home-welcome-left .cp-menu-panel.active {
    display: block
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.375rem;
    line-height: 1.375rem;
    border-bottom: .03125rem dashed #ddd;
    padding: 0 .25rem;
    cursor: pointer
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-item:last-child {
    border-bottom: none
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-item:hover .cp-logo, #v5-home-welcome .home-welcome-left .cp-menu-panel .cp-item:hover .cp-logo-44 {
    -webkit-animation: v5LogoSpin .3s ease-in-out 0ms 1 both;
    animation: v5LogoSpin .3s ease-in-out 0ms 1 both
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.1875rem;
    flex: 0 0 1.1875rem;
    width: 1.1875rem;
    height: 1.1875rem;
    border-radius: 50%
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-logo-44 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.375rem;
    flex: 0 0 1.375rem;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-name {
    color: #333;
    padding: 0 .3125rem;
    font-weight: 700;
    width: 3.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-home-welcome .home-welcome-left .cp-menu-panel .cp-period {
    color: #999;
    font-size: .375rem;
    font-weight: 100;
    max-width: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#v5-home-welcome .home-welcome-middle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .375rem
}

#v5-home-welcome .home-welcome-middle .v5-swiper {
    height: 8.03125rem;
    width: 15.25rem;
    background-color: #eee
}

#v5-home-welcome .home-welcome-middle .v5-swiper .ui-swipper {
    height: 100%;
    width: 100%
}

#v5-home-welcome .home-welcome-middle .v5-swiper .tab-content {
    width: 100%;
    height: 14.375rem
}

#v5-home-welcome .home-welcome-middle .v5-swiper .swiper-image {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

#v5-home-welcome .home-welcome-middle .v5-bet-recommend .game-plan-wrapper {
    width: 15.25rem;
    height: 8rem
}

#v5-home-welcome .home-welcome-middle .v5-bet-recommend .game-plan-body {
    height: 6.8125rem
}

#v5-home-welcome .home-welcome-middle .v5-bet-recommend .game-plan-box, #v5-home-welcome .home-welcome-middle .v5-bet-recommend .plan-deal-box {
    margin-top: .3125rem !important
}

#v5-home-welcome .home-welcome-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.875rem;
    flex: 0 0 7.875rem
}

#v5-home-welcome .home-welcome-right .reward-panel {
    border: .03125rem solid #dce1e5;
    height: 6.53125rem;
    overflow: hidden;
    background-color: #fff;
    position: relative
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-title {
    margin: 0;
    padding: 0 .25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    border-bottom: .03125rem solid #eee;
    font-size: .4375rem
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-list {
    margin: .15625rem 0
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-list .reward-item:nth-child(3n) .reward-rank {
    background: radial-gradient(circle at .78125rem .78125rem, #c57532, #f8a968)
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-list .reward-item:nth-child(3n+1) .reward-rank {
    background: radial-gradient(circle at .78125rem .78125rem, #c12f33, #ca9293)
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-list .reward-item:nth-child(3n+2) .reward-rank {
    background: radial-gradient(circle at .78125rem .78125rem, #2b82cc, #53b0fe)
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.625rem;
    border-bottom: .03125rem dashed #ddd;
    padding: 0 .3125rem
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item:last-child {
    border-bottom: none
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item .reward-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item .reward-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem;
    font-size: .375rem;
    color: #666;
    line-height: .5rem
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item .reward-info i {
    color: red;
    font-style: normal
}

#v5-home-welcome .home-welcome-right .reward-panel .reward-item .reward-rank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.78125rem;
    flex: 0 0 0.78125rem;
    width: .78125rem;
    height: .78125rem;
    line-height: .78125rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

#v5-home-welcome .home-welcome-right .win-panel {
    margin-top: .40625rem;
    border: .03125rem solid #dce1e5;
    height: 9.40625rem;
    overflow: hidden;
    background-color: #fff;
    position: relative
}

#v5-home-welcome .home-welcome-right .win-panel .win-title {
    margin: 0;
    padding: 0 .25rem;
    height: 1.25rem;
    line-height: 1.25rem;
    border-bottom: .03125rem solid #eee;
    font-size: .4375rem;
    background: #fff
}

#v5-home-welcome .home-welcome-right .win-panel .win-list-wrapper {
    overflow: hidden
}

#v5-home-welcome .home-welcome-right .win-panel .win-item {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.625rem;
    border-bottom: .03125rem dotted #ddd;
    padding: 0 .3125rem
}

#v5-home-welcome .home-welcome-right .win-panel .win-item:last-child {
    border-bottom: none
}

#v5-home-welcome .home-welcome-right .win-panel .win-item:hover {
    background: #f8f8fa
}

#v5-home-welcome .home-welcome-right .win-panel .win-item .win-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.125rem;
    flex: 0 0 1.125rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 50%
}

#v5-home-welcome .home-welcome-right .win-panel .win-item .win-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .25rem;
    font-size: .375rem;
    color: #666;
    line-height: .5rem
}

#v5-home-welcome .home-welcome-right .win-panel .win-item .win-info span {
    padding-right: .15625rem
}

#v5-home-welcome .home-welcome-right .win-panel .win-item .win-info i {
    color: red;
    font-style: normal;
    padding-left: .15625rem
}

#v5-home-welcome .home-welcome-right .win-panel .win-item .win-rank {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0.78125rem;
    flex: 0 0 0.78125rem;
    width: .78125rem;
    height: .78125rem;
    line-height: .78125rem;
    text-align: center;
    color: #fff;
    border-radius: 50%
}

#v5-register {
    width: 27.1875rem;
    min-height: 15rem;
    margin: .9375rem auto;
    border: .03125rem solid #e1e1e2;
    padding-top: .625rem;
    font-size: .4375rem;
    background: url(/static/img/v5/loginBg.png) no-repeat 14.0625rem 6.875rem #fff
}

#v5-register .register-title {
    margin-bottom: .15625rem;
    margin-left: .9375rem;
    margin-top: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #ff2c55
}

#v5-register .divider-line {
    height: .75rem;
    margin-left: .9375rem;
    margin-bottom: .3125rem;
    margin-top: 0;
    color: #646464
}

#v5-register .register-form {
    margin: 0 .9375rem;
    padding: 1.5625rem 0;
    border-top: .03125rem dashed #e0e3e6
}

#v5-register .register-form .register-item {
    margin-bottom: .125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-register .register-form .register-item .register-label {
    margin-top: 0;
    padding-right: .15625rem;
    width: 4.5rem;
    color: #333;
    text-align: right;
    font-size: .375rem
}

#v5-register .register-form .register-item > input {
    padding: .15625rem .15625rem .15625rem .3125rem;
    margin: 0;
    height: 1.125rem;
    line-height: .625rem;
    width: 8.75rem;
    border: .03125rem solid #e7e8e8;
    background-color: #feffff;
    color: #a9a9a9;
    font-size: .375rem;
    border-radius: .0625rem;
    vertical-align: top;
    overflow: visible
}

#v5-register .register-form .register-item .register-notice {
    height: 1.125rem;
    width: auto;
    padding-left: .3125rem
}

#v5-register .register-form .register-item .register-notice .fetch-code-btn {
    margin-top: .15625rem;
    width: 2.5rem;
    height: .875rem;
    line-height: .8125rem;
    text-align: center;
    font-size: .375rem;
    color: #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border: .03125rem solid #eee;
    border-radius: .15625rem
}

#v5-register .register-form .register-item .register-notice .count-down-second {
    color: red
}

#v5-register .register-form .register-item .agree-protocol {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 4.375rem;
    font-size: .375rem
}

#v5-register .register-form .register-item .agree-protocol .register-agree {
    margin-left: .15625rem
}

#v5-register .register-form .register-item .agree-protocol .register-protocol {
    color: #02339a
}

#v5-register .register-form .register-item .agree-protocol .register-protocol:hover {
    color: #e4393c
}

#v5-register .register-form .register-submit {
    margin-top: .71875rem
}

#v5-register .register-form .register-submit .reset-btn, #v5-register .register-form .register-submit .submit-btn {
    display: inline-block;
    margin: .3125rem 0;
    padding: 0 .46875rem;
    width: 4.0625rem;
    min-width: 1.71875rem;
    line-height: 1.125rem;
    border-radius: .09375rem;
    font-size: .4375rem;
    text-align: center;
    cursor: pointer;
    background: #e4393c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    color: #fff
}

#v5-register .register-form .register-submit .reset-btn {
    margin-left: .625rem;
    background: #717074
}

#v5-register .register-form .register-submit .submit-btn:hover {
    background: #ce1c1f
}

#v5-login {
    width: 27.1875rem;
    min-height: 15rem;
    margin: .9375rem auto;
    border: .03125rem solid #e1e1e2;
    padding-top: .625rem;
    font-size: .4375rem;
    background: url(/static/img/v5/loginBg.png) no-repeat 14.0625rem 6.875rem #fff
}

#v5-login .login-title {
    margin-bottom: .15625rem;
    margin-left: .9375rem;
    margin-top: 0;
    font-size: .75rem;
    font-weight: 700;
    color: #ff2c55
}

#v5-login .divider-line {
    height: .75rem;
    margin-left: .9375rem;
    margin-bottom: .3125rem;
    margin-top: 0;
    color: #646464
}

#v5-login .login-form {
    margin: 0 .9375rem;
    padding: 1.5625rem 0;
    border-top: .03125rem dashed #e0e3e6
}

#v5-login .login-form .login-item {
    margin-bottom: .125rem;
    line-height: 1.125rem;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#v5-login .login-form .login-item .login-label {
    display: inline-block;
    margin-top: 0;
    padding-right: .15625rem;
    width: 4.5rem;
    color: #333;
    text-align: right;
    font-size: .375rem
}

#v5-login .login-form .login-item > input {
    padding: .15625rem .15625rem .15625rem .3125rem;
    margin: 0;
    height: 1.125rem;
    line-height: .625rem;
    width: 8.75rem;
    border: .03125rem solid #e7e8e8;
    background-color: #feffff;
    color: #a9a9a9;
    font-size: .375rem;
    border-radius: .0625rem;
    vertical-align: top;
    overflow: visible
}

#v5-login .login-form .login-submit {
    margin-top: .71875rem
}

#v5-login .login-form .login-submit .submit-btn {
    display: inline-block;
    margin: .3125rem 0;
    padding: 0 .46875rem;
    width: 4.0625rem;
    min-width: 1.71875rem;
    line-height: 1.125rem;
    border-radius: .09375rem;
    font-size: .4375rem;
    text-align: center;
    cursor: pointer;
    background: #e4393c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    color: #fff
}

#v5-login .login-form .login-submit .submit-btn:hover {
    background: #ce1c1f
}

#v5-login .login-form .login-submit .forget-pwd-btn {
    margin-left: 1.25rem;
    font-size: .375rem;
    color: #ff2c55;
    text-decoration: underline;
    cursor: pointer
}

#v5-login .find-pwd-container {
    font: .4375rem/1.8 Microsoft YaHei, Arial, Verdana, Georgia, Comic Sans MS, Trebuchet MS, Black, Impact
}

#v5-login .find-pwd-container .find-pwd-box {
    padding: .625rem;
    text-align: center;
    font-size: .4375rem;
    color: #484544
}

#v5-login .find-pwd-container .find-pwd-box form table {
    width: 10.9375rem;
    margin: 0 auto
}

#v5-login .find-pwd-container .find-pwd-box form table input {
    width: 5.625rem;
    height: 1rem;
    padding: .15625rem;
    line-height: 1.3125rem;
    margin: .15625rem 0;
    border: .03125rem solid #ccc;
    border-radius: .09375rem
}

#v5-login .find-pwd-container .find-pwd-box form table img {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

#v5-login .find-pwd-container .find-pwd-box .tips {
    font-size: .375rem
}

#v5-app-download {
    width: 100%;
    height: 20.46875rem;
    overflow: hidden;
    background: url(/static/img/v5/bgMobile.jpg) 50% no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#v5-app-download .mobile-wrapper {
    position: relative;
    width: 31.25rem;
    height: 19.375rem;
    margin: 0 auto;
    padding-top: 1.75rem;
    padding-left: 5.0625rem
}

#v5-app-download .mobile-wrapper .mobile-slide {
    position: absolute;
    width: 20.3125rem;
    height: 21.25rem;
    right: -2.625rem;
    top: 1.28125rem
}

#v5-app-download .mobile-wrapper .mobile-slide .mobile-slide-box {
    position: absolute;
    top: 1.3125rem;
    left: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#v5-app-download .mobile-wrapper .mobile-slide .mobile-slide-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#v5-app-download .mobile-wrapper .mobile-slide .mobile-slide-box ul li {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0
}

#v5-app-download .mobile-wrapper .mobile-slide .mobile-slide-box ul li.show {
    opacity: 1
}

#v5-app-download .mobile-wrapper .mobile-info {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    width: 11.71875rem;
    height: 14.375rem;
    margin-left: -4.78125rem;
    margin-top: 1rem;
    z-index: 2
}

#v5-app-download .mobile-wrapper .mobile-info .mobile-icon {
    position: absolute;
    left: .8125rem;
    top: 2.84375rem;
    overflow: hidden;
    width: 1.75rem;
    height: 2.75rem;
    margin: .5rem 0
}

#v5-app-download .mobile-wrapper .mobile-info .mobile-icon img {
    height: 1.75rem;
    width: 1.75rem
}

#v5-app-download .mobile-wrapper .mobile-info .mobile-tips {
    position: absolute;
    top: 7.59375rem;
    left: .3125rem;
    font-size: .5rem;
    color: #fff;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

#v5-app-download .mobile-wrapper .mobile-info .cut-finger {
    position: absolute;
    left: 14.59375rem;
    top: 7.09375rem
}

#v5-app-download .mobile-wrapper .mobile-info .qr-code {
    position: absolute;
    top: 11.375rem;
    left: .5rem;
    width: 3.75rem;
    height: 3.75rem;
    overflow: hidden;
    background: #fff
}

#v5-app-download .mobile-wrapper .mobile-info .qr-code img {
    width: 3.75rem;
    height: 3.75rem
}

#v5-help {
    width: 31.25rem;
    margin: 0 auto;
    padding-top: .46875rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#v5-help .help-side {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    min-height: 15.625rem;
    background: #fff
}

#v5-help .help-side h2 {
    margin: 0;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: .5625rem;
    color: #fff;
    font-weight: 100;
    background-color: #e4393c
}

#v5-help .help-side .help-side-list .help-side-item {
    border-top: .03125rem solid #eff0f1;
    line-height: 1.09375rem;
    font-size: .4375rem
}

#v5-help .help-side .help-side-list .help-side-item .help-title {
    padding-left: .78125rem;
    display: block;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

#v5-help .help-side .help-side-list .help-side-item .help-title.active {
    color: #e4393c;
    border-left: .09375rem solid
}

#v5-help .help-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 15.625rem;
    margin-left: .625rem;
    padding: .3125rem;
    background: #fff
}

#v5-help .help-container .faq-body {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

#v5-help .help-container .faq-body .faq-head {
    line-height: .9375rem;
    font-size: .4375rem;
    padding: 0 .625rem;
    background: #d3d3d3
}

#v5-help .help-container .faq-body .faq-main {
    padding-left: .3125rem;
    border-left: .03125rem solid #ccc;
    border-right: .03125rem solid #ccc;
    border-bottom: .03125rem solid #ccc
}

#v5-help .help-container .faq-body .faq-main p {
    margin: .15625rem;
    padding: .15625rem;
    text-indent: 1cm;
    line-height: 1.8;
    font-size: .4375rem
}

#v5-help .help-container .guide-body {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: .78125rem;
    width: 100%
}

#v5-help .help-container .guide-body .guide-head {
    height: 1.5625rem;
    line-height: .9375rem;
    padding: 0 .625rem;
    background-color: #343434
}

#v5-help .help-container .guide-body .guide-head span {
    font-size: .625rem;
    font-weight: 500;
    line-height: 1.5625rem;
    color: #fff
}

#v5-about {
    width: 31.25rem;
    margin: 0 auto;
    padding-top: .46875rem;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#v5-about .about-side {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 6.25rem;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    min-height: 15.625rem;
    background: #fff
}

#v5-about .about-side h2 {
    margin: 0;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: .5625rem;
    color: #fff;
    font-weight: 100;
    background-color: #e4393c
}

#v5-about .about-side .about-side-list .about-side-item {
    border-top: .03125rem solid #eff0f1;
    line-height: 1.09375rem;
    font-size: .4375rem
}

#v5-about .about-side .about-side-list .about-side-item .about-title {
    padding-left: .78125rem;
    display: block;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer
}

#v5-about .about-side .about-side-list .about-side-item .about-title.active {
    color: #e4393c;
    border-left: .09375rem solid
}

#v5-about .about-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 15.625rem;
    margin-left: .625rem;
    padding: .3125rem;
    background: #fff
}

#v5-about .about-container .about-title {
    font-size: .5625rem;
    height: 1.5625rem;
    line-height: 1.5625rem;
    border-bottom: .03125rem solid #fce1e6;
    margin-top: .3125rem;
    color: #333;
    font-weight: 700
}

#v5-about .about-container .about-body {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin: .3125rem 0;
    padding: .15625rem
}

#v5-about .about-container .about-body .about-content {
    font-size: .4375rem;
    word-wrap: break-word;
    margin-bottom: .3125rem
}

#v5-about .about-container .about-body .about-content h3 {
    margin-top: .15625rem;
    margin-bottom: .3125rem
}

#v5-about .about-container .about-body .about-content p {
    line-height: 1.6;
    margin-bottom: .15625rem
}

#pc-home-v5 {
    width: 100%
}

#pc-home-v5 .mission-container {
    background: #eee !important
}

#pc-home-v5 .mission-container .mission-wrapper {
    background: #fff
}

#pc-home-v5 .activity-body {
    background: #eee !important
}

#pc-home-v5 .activity-body .activity-wrapper {
    background: #fff
}

#pc-home-v5 .notice-modal .modal-header {
    padding: .46875rem;
    height: 2rem;
    line-height: .9375rem;
    color: #fff;
    font-size: .75rem;
    text-align: center;
    letter-spacing: .25rem
}

#pc-home-v5 .notice-modal .notice-body {
    position: relative;
    vertical-align: middle;
    color: #fff;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#pc-home-v5 .notice-modal .notice-body .side-left {
    width: 7rem;
    height: 16.9375rem;
    overflow: hidden;
    overflow-y: auto;
    background: #fff;
    border-right: .03125rem solid #e5e4e4
}

#pc-home-v5 .notice-modal .notice-body .side-left .side-item {
    padding-left: .46875rem;
    height: 1.3125rem;
    line-height: 1.3125rem;
    border-bottom: .03125rem solid #e5e4e4;
    text-align: left;
    cursor: pointer
}

#pc-home-v5 .notice-modal .notice-body .side-left .side-item .side-title {
    color: #4c4c4c;
    display: block;
    padding-left: .625rem;
    background: url(/static/img/pc/circle_ico.png) no-repeat 0
}

#pc-home-v5 .notice-modal .notice-body .side-left .side-item .side-title.active {
    border-right: .09375rem solid #f13131
}

#pc-home-v5 .notice-modal .notice-body .side-left .side-item .side-title span {
    font-size: .5rem;
    display: block;
    height: 1.3125rem;
    width: 5.9375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#pc-home-v5 .notice-modal .notice-body .notice-main {
    width: 23.8125rem;
    height: 16.9375rem;
    overflow: auto;
    background: #fff
}

#pc-home-v5 .notice-modal .notice-body .notice-main .notice-title {
    padding: .625rem 0;
    text-align: center;
    border-bottom: .03125rem solid #e5e4e4
}

#pc-home-v5 .notice-modal .notice-body .notice-main .notice-title h1 {
    margin: 0 !important;
    font-size: .6875rem;
    color: #f4354a;
    font-weight: 700
}

#pc-home-v5 .notice-modal .notice-body .notice-main .notice-text {
    padding: 0 .625rem;
    font-size: .5rem;
    color: #5c5c5c;
    text-align: center
}

#pc-home-v5 .notice-modal .notice-body .notice-main .notice-text .notice-item {
    line-height: .9375rem;
    margin-top: .6875rem;
    word-spacing: normal;
    text-align: left;
    word-break: break-all
}

#pc-home-v5 .notice-modal .notice-body .notice-main .notice-time {
    float: right;
    line-height: .9375rem;
    margin-top: .6875rem;
    word-spacing: normal;
    word-break: break-word;
    width: auto !important
}

#pc-home-v5 #app-download {
    margin-bottom: 0
}

#pc-home-v5 .register-body {
    padding-top: .3125rem
}

#pc-home-v5 .aside-couplet .couplet-item {
    position: fixed;
    right: .6%;
    top: 12%;
    width: 6.25rem;
    height: 16.96875rem;
    z-index: 90
}

#pc-home-v5 .aside-couplet .couplet-item.left {
    left: .6%;
    right: auto
}

#pc-home-v5 .aside-couplet .couplet-item .left-top {
    width: 6.25rem;
    height: 6.84375rem;
    cursor: pointer;
    background: url(/static/img/home/v5/left-top.png) no-repeat
}

#pc-home-v5 .aside-couplet .couplet-item .left-middle {
    width: 6.25rem;
    height: 2.59375rem;
    background: url(/static/img/home/v5/left-middle.png) no-repeat
}

#pc-home-v5 .aside-couplet .couplet-item .left-bottom {
    width: 6.25rem;
    height: 6.28125rem;
    background: url(/static/img/home/v5/left-bottom.png) no-repeat
}

#pc-home-v5 .aside-couplet .couplet-item .close-btn {
    width: 6.25rem;
    height: 1.25rem;
    margin-top: -.625rem;
    cursor: pointer;
    background: url(/static/img/home/v5/close-btn.png) no-repeat 50%
}

#pc-home-v5 .aside-couplet .couplet-item .right-top {
    width: 6.25rem;
    height: 6.84375rem;
    cursor: pointer;
    background: url(/static/img/home/v5/right-top.png) no-repeat
}

#pc-home-v5 .aside-couplet .couplet-item .right-middle {
    width: 6.25rem;
    height: 2.59375rem;
    background: url(/static/img/home/v5/right-middle.png) no-repeat
}

#pc-home-v5 .aside-couplet .couplet-item .right-bottom {
    width: 6.25rem;
    height: 6.28125rem;
    background: url(/static/img/home/v5/right-bottom.png) no-repeat
}