@media screen and (orientation: portrait) {
    #app .content {
        padding-left: 0;
    }
    #app .innav {
        width: 100%;
        left: 0;
    }
    #app .content-wrap {
        width: 100%
    }
    #app .video-item-thumb {
        height: 1.17rem;
    }
}

.content {
    padding-left: 50px;
    padding-left: calc(50px + constant(safe-area-inset-left));
    padding-left: calc(50px + env(safe-area-inset-left));
    background: #181a1b;
}

.content-wrap {
    width: calc(100% - 50px);
    height: 100%;
    overflow: auto;
    position: absolute;
    background: #181a1b;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.content-wrap-nop {
    padding: 0
}

.air {
    height: 100%
}

.air-left {
    padding: .2rem;
    width: 8.6rem;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    position: relative;
    position: fixed;
    left: 1rem;
    top: 0;
    bottom: 0;
    padding-top: 0
}

.air-title {
    margin-top: .25rem;
    margin-bottom: .25rem;
    position: relative;
    min-height: .3rem
}

.air-title h3 {
    color: #eee;
    font-size: .28rem;
    line-height: .3rem;
    padding-right: 2.5rem
}

.air-state {
    font-size: .18rem;
    color: #fff;
    background: #FF4728;
    line-height: .3rem;
    padding-left: .08rem;
    padding-right: .08rem;
    vertical-align: top;
    margin-top: 0;
    font-weight: 400;
    margin-right: .12rem;
    display: table;
    float: left
}

.air-state sup {
    display: table-cell;
    vertical-align: middle
}

.evtchange {
    position: absolute;
    right: 0;
    top: -.25rem
}

.evtchange-selection {
    width: 2.5rem;
    height: .6rem;
    line-height: .6rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #282828;
    color: #fff;
    font-size: .24rem;
    top: 0;
    padding-left: .2rem;
    padding-right: .5rem
}

.evtchange::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8.7px 5px 0 5px;
    border-color: #ff4427 transparent transparent transparent;
    top: 50%;
    right: .2rem;
    margin-top: -5px
}

.evtchange-list {
    position: absolute;
    width: 3.45rem;
    background: #282828;
    z-index: 999;
    color: #fff;
    right: 0;
    padding: .1rem;
    text-align: center;
    font-size: .24rem;
    padding-top: .2rem;
    padding-bottom: .2rem
}

.evtchange-item {
    line-height: .26rem;
    border-bottom: 1px solid #2E2E2E;
    padding: .1rem;
    padding-left: 0;
    padding-right: 0
}

.hairlines .evtchange-item {
    border-bottom-width: .5px
}

.evtchange-item:nth-last-child(1) {
    border-bottom: none
}

.air-player {
    border: 1px solid #000;
    padding-top: 56.09756097560976%;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.air-player-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.air-player-wrap img {
    display: block;
    vertical-align: middle;
    height: 100%;
    width: 100%
}

.air-player-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.air-player-layer .i-playair {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.3rem;
    margin-left: -.3rem
}

.air-player-layer .tenvideo_player {
    width: 100%;
    height: 100%
}

.air-player-dm {
    border-bottom: 1px solid #000;
    background: #272727;
    padding: .15rem;
    padding-left: .3rem;
    padding-right: 1.6rem;
    position: relative
}

.air-player-dm .danmu_pub {
    background: #151515;
    color: #626262;
    font-size: .24rem;
    border: none;
    border-radius: 4px;
    line-height: .54rem;
    height: .54rem;
    padding-left: .2rem;
    padding-right: .2rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.air-player-dm .danmu_pub:focus {
    outline: 0;
    outline: 0
}

.air-player-dm .danmu_switch {
    position: absolute;
    width: .8rem;
    height: .46rem;
    background: #6A6A6A;
    right: .3rem;
    top: 50%;
    margin-top: -.23rem;
    border-radius: 20px;
    overflow: hidden
}

.air-player-dm .danmu_switch span {
    position: absolute;
    height: .4rem;
    width: .4rem;
    border-radius: 50%;
    background: #fff;
    top: 0;
    left: .03rem;
    text-align: center;
    line-height: .4rem;
    font-size: .2rem;
    color: #6A6A6A;
    overflow: hidden;
    margin-top: .03rem
}

.air-player-dm .danmu_switch_on {
    background: #FF4427
}

.air-player-dm .danmu_switch_on span {
    right: .03rem;
    left: auto;
    color: #ff4427
}

.hairlines .air-player-dm {
    border-bottom-width: .5px
}

.air-options {
    padding-top: .2rem;
    overflow: hidden
}

.air-options-col2 .options-item {
    width: 50%;
    margin-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.air-options-col2 .options-item:nth-child(1) {
    padding-right: .1rem
}

.air-options-col2 .options-item:nth-child(2) {
    padding-left: .1rem
}

.options-item {
    height: 1.4rem;
    float: left
}

.options-item-in {
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1px;
    background: #313131;
    position: relative;
    width: 100%;
    height: 100%
}

.options-item-in:active {
    background: #652F25
}

.options-item-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(//game.gtimg.cn/images/hyrz/ingame/v3/event/bg_options.jpg);
    background-size: cover;
    width: 100%;
    height: 100%
}

.options-item-table {
    display: table;
    width: 100%;
    height: 100%
}

.hairlines .options-item-wrap {
    border-width: .5px
}

.options-item-wrap a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: .24rem;
    color: #BFBFBF
}

.options-item-wrap a h4 {
    font-weight: 400;
    margin-top: .1rem;
    line-height: 1.3
}

.air-option-live .options-item {
    width: 1.63rem
}

.air-option-live .options-item-ok {
    background: #652F25
}

.options-tag {
    position: absolute;
    width: .8rem;
    height: .3rem;
    background: #FF4728;
    color: #fff;
    top: -.1rem;
    right: -.1rem;
    text-align: center;
    border-radius: 8px;
    pointer-events: none
}

.options-tag i {
    font-size: .18rem;
    font-style: normal
}

.options-reward {
    font-size: .26rem;
    color: #eac67e
}

.options-tips {
    display: table;
    background: #CF3518;
    padding: .08rem;
    height: .24rem;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 auto;
    margin-top: .02rem;
    border-radius: 1px
}

.options-tips i {
    font-size: .16rem;
    color: #fff;
    font-style: normal;
    display: table-cell;
    vertical-align: middle
}

.eventinfo {
    margin-top: .2rem
}

.section-title {
    background: #202020;
    padding: .2rem
}

.section-title h4 {
    border-left: 2px solid #FF4427;
    color: #fff;
    font-size: .24rem;
    padding-left: .2rem;
    line-height: .26rem
}

.section-content {
    background: #2B2B2B;
    padding: .3rem;
    font-size: .24rem;
    color: #a9a9a9;
    line-height: .36rem;
    overflow: hidden
}

.section-content p {
    margin-bottom: .3rem
}

.eventinfo-logo {
    width: 1.95rem;
    background: #313131;
    border-radius: 5px;
    overflow: hidden;
    float: right;
    padding: .1rem;
    margin: .1rem
}

.eventinfo-logo img {
    display: block;
    width: 100%
}

.air-right {
    width: 3.74rem;
    height: 100%;
    position: fixed;
    border-left: 1px solid #101010;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 10
}

.air-right-title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .6rem;
    background: #252525;
    z-index: 10
}

.air-right-title h3 {
    color: #eee;
    padding-left: .2rem;
    font-size: .26rem;
    line-height: .6rem
}

.air-right-title .i-hy {
    margin-right: .08rem;
    margin-top: .16rem
}

.air-chat {
    padding-top: .8rem;
    height: 100%;
    background: #171717
}

.air-news {
    background: #171717;
    padding-bottom: 1.78rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: relative;
    z-index: 9;
    height: 100%
}

.air-news ul {
    padding: .2rem;
    padding-top: .8rem;
    overflow-y: auto;
    padding-bottom: 5px
}

.air-news li {
    padding: .16rem;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    border-bottom: 1px solid #262626
}

.air-news li .air-news-tag {
    float: left;
    width: .6rem;
    text-align: center;
    margin-top: .02rem
}

.air-news li .air-news-tag sup {
    font-size: .2rem;
    color: #444;
    font-style: normal;
    margin-top: .1rem;
    display: block
}

.air-news li .air-news-title {
    color: #eee;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: .15rem;
    font-size: .28rem;
    line-height: .32rem
}

.hairlines .air-news li {
    border-bottom-width: .5px
}

.color-1,
.color-2,
.color-3 {
    display: table;
    background: #5F849A;
    border-radius: 2px;
    height: .28rem;
    font-size: .18rem;
    color: #fff;
    width: .6rem;
    text-align: center
}

.color-1 i,
.color-2 i,
.color-3 i {
    display: table-cell;
    vertical-align: middle;
    font-style: normal;
    color: #fff
}

span.color-1 {
    background: #5F849A
}

span.color-2 {
    background: #DE5151
}

span.color-3 {
    background: #494949
}

.air-olds {
    height: 1.78rem;
    background: #1B1B1B;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: .2rem;
    z-index: 10
}

.air-olds-wrap {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    font-size: 0;
    height: 1.4rem
}

.olds-item {
    width: 2.42rem;
    height: 1.38rem;
    border: 1px solid #111;
    margin-left: .2rem;
    display: inline-block;
    vertical-align: top
}

.olds-item:nth-child(1) {
    margin-left: 0
}

.olds-item:nth-last-child(1) {
    margin-right: 1px
}

.olds-item:active {
    border: 1px solid #FF4728
}

.olds-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative
}

.olds-item img {
    height: 100%
}

.olds-state {
    position: absolute;
    left: 0;
    top: 0;
    height: .28rem;
    padding: .07rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: .18rem;
    color: #fff;
    background: #4B4B4B;
    display: table
}

.olds-state i {
    display: table-cell;
    vertical-align: middle;
    font-style: normal
}

.olds-state-end {
    background: #4B4B4B
}

.olds-state-come {
    background: #DE5151
}

.olds-state-ing {
    background: #38bb66
}

.air-schedule {
    background: #171717;
    padding-bottom: .15rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: relative;
    z-index: 9;
    height: 100%
}

.air-schedule ul {
    padding: .2rem;
    padding-top: .75rem;
    overflow-y: auto;
    padding-bottom: 5px
}

.air-schedule li {
    padding-bottom: .2rem
}

.air-schedule li.active .schedule-wrap {
    border-color: #6D2D24
}

.air-schedule .spinner {
    position: absolute
}

.schedule-item {
    border: 1px solid #000
}

.schedule-wrap {
    border: 1px solid #2E2E2E;
    background: url(//game.gtimg.cn/images/hyrz/ingame/event2/schedulebg.png) repeat;
    background-size: 100%;
    padding: .15rem
}

.schedule-wrap .head {
    text-align: center
}

.schedule-wrap .head h6 {
    color: #a9a9a9;
    font-size: .24rem;
    font-weight: 400
}

.schedule-wrap .head p {
    color: #565656;
    font-size: .18rem
}

.schedule-wrap .body {
    margin-top: .1rem;
    overflow: hidden;
    position: relative
}

.schedule-wrap .body .splayer-item:nth-child(1) {
    float: left
}

.schedule-wrap .body .splayer-item:nth-child(2) {
    float: right
}

.splayer-item {
    width: .8rem;
    text-align: center;
    overflow: hidden
}

.splayer-item .avatar {
    width: .6rem;
    height: .6rem;
    border-radius: 60px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #000;
    margin: 0 auto
}

.splayer-item .avatar img {
    width: 100%;
    display: block
}

.splayer-item .name {
    font-size: .22rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: .05rem
}

.splayer-vs {
    text-align: center;
    margin-top: .1rem;
    width: 1rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -.5rem
}

.splayer-vs span {
    display: block;
    color: #dfbc79;
    font-size: .3rem
}

.hairlines .splayer-item .avatar {
    border-width: .5px
}

.saction {
    display: block;
    margin: 0 auto;
    margin-top: .1rem;
    border-radius: 9px;
    font-size: .2rem;
    text-align: center;
    width: .9rem
}

.asction-review {
    background: #366A8B;
    color: #fff
}

.asction-come {
    color: #d02c2d
}

.asction-end {
    color: #fff;
    background: #464646
}

.asction-ing {
    color: #fff;
    background: #D02C2D
}

.video {
    padding: .2rem .2rem 50px;
}

.search-tips {
    height: .3rem;
    color: #626262;
    font-size: .28rem;
    padding: .1rem;
    padding-left: 0;
    padding-right: 0
}

.search-tips span {
    color: #FE512E
}

.video-in .empty {
    text-align: center;
    font-size: .24rem;
    padding: .2rem;
    color: #626262
}

.video-search {
    width: 100%;
    height: .53rem;
    border: 1px solid #323232;
    background: #282828;
    font-size: .2rem;
    position: relative;
    margin-top: .1rem
}

.hairlines .video-search {
    border-width: .5px
}

.video-search-inp {
    width: 100%;
    height: 100%;
    border: none;
    background: 0 0;
    text-align: center;
    font-size: .2rem;
    color: #686868
}

.video-search-inp:focus {
    outline: 0;
    outline: 0
}

.video-search-tips {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #686868;
    line-height: .53rem;
    pointer-events: none
}

.video-search-tips .i-search {
    margin-top: .15rem;
    margin-right: .1rem
}

.video-list {
    margin-top: .15rem;
    font-size: 0
}

.video-item {
    display: inline-block;
    vertical-align: top;
    padding-right: .2rem;
    padding-bottom: .25rem;
    width: 33.33333%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.video-loader {
    text-align: center;
    font-size: .24rem;
    color: #eee;
    padding: .2rem;
    line-height: 1.5;
    padding-bottom: 50px;
}

.video-item-thumb {
    width: 100%;
    height: 2.17rem;
    border: 1px solid #000;
    overflow: hidden;
    position: relative
}

.video-item-thumb img {
    height: 100%
}

.video-item-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6)
}

.video-item-layer .i-playair {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -.3rem;
    margin-left: -.3rem
}

.video-item-time {
    height: .52rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(//game.gtimg.cn/images/hyrz/ingame/video-layer.png) repeat-x;
    background-size: cover;
    color: #f8f1ea;
    text-align: right
}

.video-item-time span {
    padding-right: .1rem;
    margin-top: .25rem;
    display: inline-block;
    vertical-align: top;
    font-size: .2rem
}

.video-item-basic {
    margin-top: .15rem
}

.video-item-basic h5 {
    font-size: .28rem;
    color: #eee;
    line-height: .36rem;
    height: .72rem;
    overflow: hidden;
    font-weight: 400
}

.video-item-basic .video-item-info {
    font-size: .2rem;
    margin-top: .1rem;
    color: #ababab
}

.video-item-basic .video-info-l {
    float: left
}

.video-item-basic .video-info-r {
    float: right
}

.video-item-basic .i-pcount {
    margin-right: .05rem;
    vertical-align: middle;
    margin-top: -.02rem
}

.commAMSLoader {
    display: none
}

.loadtip {
    text-align: center;
    font-size: .25rem;
    color: #5F5F5F;
    padding: 20px 0
}

.news {
    margin-top: .2rem
}

.news-head {
    overflow: hidden
}

.news-head-item {
    width: 5.86rem;
    margin-right: .2rem;
    float: left
}

.news-head-item:nth-last-child(1) {
    margin-right: 0
}

.news-list li {
    padding: .2rem;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #292929;
    overflow: hidden;
    position: relative
}

.hairlines .news-list li {
    border-width: .5px
}

.news-list-basic {
    padding-right: 1.2rem
}

.news-list-basic h6 em {
    font-size: .3rem;
    color: #eee;
    font-weight: 400;
    padding-left: .1rem;
    font-style: normal;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2
}

.news-list-basic h6 span {
    float: left;
    margin-top: .03rem
}

.news-list-basic p {
    font-size: .22rem;
    color: #454545;
    margin-top: .1rem;
    line-height: .28rem
}

.news-list-date {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: .2rem;
    color: #5D5D5D;
    margin-top: -.1rem
}

.player {
    padding-top: .2rem;
    font-size: 0;
    padding-right: .2rem
}

.player .player-item {
    display: inline-block;
    vertical-align: top;
    font-size: .22rem;
    width: 25%;
    margin-bottom: .2rem;
    padding-left: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.player-item-hd {
    height: 1.9rem;
    background: url(//game.gtimg.cn/images/hyrz/ingame/v3/event/bg_player.jpg) no-repeat center bottom;
    overflow: hidden;
    background-size: cover;
    position: relative;
    text-align: center
}

.player-item-vote {
    height: 2.35rem;
    text-align: center
}

.player-vote {
    font-size: .2rem;
    color: #fff
}

.player-vote p {
    margin: .07rem
}

.player-vote a {
    display: table;
    margin: 0 auto;
    width: 1.4rem;
    height: .4rem;
    color: #fff;
    text-align: center;
    background: #FF4D2E;
    border-radius: 18px
}

.player-vote a:active {
    background: #E53E24
}

.player-vote a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%
}

.i-dmz {
    width: .18rem;
    height: .18rem;
    background-position-x: -3.8rem;
    background-position-y: -2rem;
    display: inline-block;
    margin-right: .05rem
}

.player-hot .player-item-hd::before {
    position: absolute;
    left: 0;
    top: 0;
    width: .97rem;
    height: .94rem;
    background-position-x: -2.8rem;
    background-position-y: -2rem;
    content: ""
}

.player-avatar {
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    margin-top: .2rem;
    border-radius: 300px;
    overflow: hidden
}

.player-name {
    font-size: .28rem;
    color: #fff;
    line-height: .5rem
}

.player-votecount {
    font-size: .24rem;
    color: #c8b58e
}

.player-item-bd {
    padding: .25rem;
    padding-top: .15rem;
    padding-bottom: .15rem;
    background: #2A2C2D
}

.player-info {
    line-height: 1.5
}

.player-info p {
    padding-top: .04rem
}

.player-info i {
    color: #AFAFAF;
    font-style: normal
}

.player-info span {
    color: #c8b58e
}

.player-vote_action {
    position: absolute;
    top: .15rem;
    right: .15rem;
    background: #FF4B2C;
    color: #fff;
    width: .45rem;
    height: .45rem;
    text-align: center;
    border-radius: .06rem
}

.player-vote_action i {
    padding-top: .04rem;
    margin-top: .06rem;
    display: inline-block
}

.player-vote_action.off {
    background: #909090;
    color: #fafafa
}

.player-vote_action:active {
    -webkit-transform: translateY(.01rem)
}

.player-hero {
    margin-top: .2rem
}

.player-hero h6 {
    font-size: .22rem;
    color: #AFAFAF;
    position: relative
}

.player-hero h6::after {
    position: absolute;
    content: '';
    border-top: 1px solid #343434;
    left: 1rem;
    top: 50%;
    right: 0
}

.player-hero ul {
    margin-top: .2rem;
    overflow: hidden
}

.player-hero ul li {
    float: left;
    width: .64rem;
    height: .64rem;
    border: 1px solid #000;
    margin-right: .15rem
}

.inner-section,
.star-section {
    padding-top: .2rem
}

.star-title {
    width: 100%;
    height: .65rem;
    background: #303030;
    color: #eac67e;
    display: table
}

.star-title h3 {
    padding-left: .2rem;
    display: table-cell;
    vertical-align: middle
}

.star-title h3 .i-hy {
    margin-top: .03rem;
    margin-right: .1rem
}

.star-section .player-item {
    min-height: 4.5rem;
    background: #3E3E3E
}

.star-section .player-item-hd {
    height: 2.1rem;
    background: url(//game.gtimg.cn/images/hyrz/ingame/v3/event/bg_stars.jpg);
    background-size: cover;
    height: auto
}

.star-section .player-item-hd .i-nb {
    display: block;
    margin: 0 auto
}

.star-section .player-item-hd .player-avatar {
    margin: 0;
    float: left;
    margin-top: .15rem;
    margin-left: .25rem;
    margin-right: .15rem
}

.star-section .player-item-hd .player-data {
    margin-top: .3rem
}

.star-section .player-item-hd .player-data h5 {
    font-size: .28rem;
    color: #fff;
    font-weight: 400
}

.star-section .player-item-hd .player-data-area {
    display: table;
    padding-left: .1rem;
    padding-right: .1rem;
    text-align: center;
    height: .3rem;
    font-size: .2rem;
    border: 1px solid #c8b58e;
    border-radius: 2px;
    margin-top: .1rem
}

.star-section .player-item-hd .player-data-area sup {
    display: table-cell;
    vertical-align: middle;
    color: #c8b58e;
    font-style: normal
}

.star-section .player-hero h6 {
    color: #c3ae85;
    font-weight: 400
}

.star-section .player-hero p {
    padding-top: .2rem;
    font-size: .24rem;
    color: #fff
}

.star-section .player-hero h6::after {
    border-top-color: #343434
}

.star-section .player-hero:nth-child(2) {
    margin-top: .3rem;
    padding-bottom: .1rem
}

.hairlines .star-section .player-item-hd .player-data-area {
    border-width: .5px
}

.event-table {
    margin-top: .2rem
}

.event-table img {
    width: 100%
}

.smtips {
    position: fixed;
    top: 50%;
    left: 50%;
    font-size: .24rem;
    color: #fff;
    display: inline-block;
    padding: .2rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    opacity: 0
}

.pop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 500;
    display: none
}

.pop-show {
    display: block
}

.pop-ctn {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid #494843;
    background: #272727;
    overflow: hidden
}

.hairlines .pop-ctn {
    border-width: .5px
}

.pop-about .pop-ctn {
    width: 8.8rem;
    height: 5rem;
    margin-left: -4.4rem;
    margin-top: -2.5rem
}

.pop-hd {
    background: #1E1E1E;
    height: .7rem;
    line-height: .7rem
}

.pop-hd h4 {
    color: #EAEAEA;
    font-size: .3rem;
    text-align: center
}

.pop-bd {
    padding: .4rem;
    font-size: .28rem;
    color: #989898;
    padding-top: 0;
    margin-top: .2rem
}

.pop-bd img {
    width: 100%
}

.pop-bd p {
    margin-bottom: .25rem;
    line-height: 1.4
}

.pop-hasfoot .pop-bd {
    position: absolute;
    top: .7rem;
    bottom: 1.1rem;
    left: 0;
    right: 0;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.pop-ft {
    height: .85rem;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.pop-btn {
    display: inline-block;
    border: 1px solid #DC462B;
    width: 2.94rem;
    height: .58rem;
    color: #DC462B;
    text-align: center;
    line-height: .58rem;
    font-size: .28rem
}

.pop-gift .pop-ctn {
    width: 9.2rem;
    height: 5.6rem;
    margin-left: -4.6rem;
    margin-top: -2.8rem
}

.pop-online {
    color: #fff;
    font-size: .2rem
}

.pop-online span {
    color: #ff4b2c;
    font-size: .2rem
}

.pop-online span i {
    font-size: .3rem;
    font-style: normal
}

.pop-rules {
    font-size: .2rem
}

.pop-rules p {
    margin-bottom: .08rem
}

.com-title {
    color: #fff;
    font-size: .2rem;
    position: relative;
    margin-top: .4rem;
    line-height: 1.5
}

.com-title::after {
    position: absolute;
    content: '';
    border-top: 1px solid #393939;
    top: 50%;
    left: 1rem;
    right: 0
}

.hairlines .com-title::after {
    border-top-width: .5px
}

.pop-rules-ctn {
    margin-top: .2rem
}

.event-gift-process {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-top: 1.15rem;
    padding-bottom: .5rem
}

.event-gift-process h4 {
    color: #000;
    font-size: 12px;
    margin-top: 12px
}

.event-gift-process h4 span {
    color: #ff4b2c;
    font-size: 14px
}

.gift-process {
    width: 7rem;
    height: .08rem;
    overflow: hidden;
    background: #515151;
    margin-left: auto;
    margin-right: auto;
    pointer-events: none
}

.hairlines .gift-process {
    border-width: .5px
}

.gift-process-inner {
    background: #FC6434;
    height: 8px
}

.gift-box {
    position: absolute;
    top: .35rem;
    left: .7rem;
    right: .7rem
}

.gift-box-item {
    width: 1.4rem;
    position: absolute;
    margin-left: -.7rem;
    text-align: center;
    font-size: .2rem
}

.gift-box-item .gtn {
    font-size: .2rem
}

.gift-box-item p {
    font-style: normal;
    color: #eee;
    margin-top: .5rem;
    position: relative
}

.gift-box-item p::after {
    content: '';
    position: absolute;
    width: .2rem;
    height: .2rem;
    background: #515151;
    -webkit-transform: rotate(-45deg);
    top: -.34rem;
    left: .65rem
}

.gift-box-item-ok p {
    color: #FC6434
}

.gift-box-item-done p {
    color: #666
}

.gift-box-item i {
    font-style: normal;
    color: #fff;
    position: absolute;
    font-size: .18rem;
    width: .8rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    top: 0;
    display: none;
    border-radius: 8px;
    overflow: hidden;
    left: .55rem;
    top: -.2rem
}

.gift-box-item-done i {
    background: #666;
    display: block
}

.gift-box-item-ok i {
    background: #FC6434;
    display: block
}

.gift-box-item-done p::after,
.gift-box-item-ok p::after {
    background: #FC6434
}

#gift_count_1 {
    left: 0
}

#gift_count_2 {
    left: 1.4rem
}

#gift_count_3 {
    left: 2.8rem
}

#gift_count_4 {
    left: 4.2rem
}

#gift_count_5 {
    left: 5.6rem
}

#gift_count_6 {
    left: 7rem
}

.gift-box-item .gctn span {
    display: block;
    width: .62rem;
    height: .58rem;
    background-position-x: -2.8rem;
    background-position-y: -1.4rem;
    margin-left: auto;
    margin-right: auto
}

.gift-box-item-done .gctn span,
.gift-box-item-ok .gctn span {
    background-position-x: -3.6rem;
    background-position-y: -1.4rem
}

.innav {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10
}

.subnav {
    background: #373737;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.subnav a {
    float: left;
    width: 25%;
    display: block;
    vertical-align: top;
    border-bottom: 2px solid #242424;
    background: #242424;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: .48rem;
    color: #9a9a9a;
    text-align: center;
    padding: 0.1rem 0;
}

.subnav a.active {
    color: #FE512E;
    border-color: #FE512E;
    background: #2b2b2b;
}

.vsearch {
    background: #222;
    padding-top: .15rem;
    padding-bottom: .15rem;
    padding-left: .2rem;
    padding-right: .2rem
}

.vsearch-bd {
    width: 100%;
    height: .55rem;
    background: #777;
    color: #7f7f7f;
    border-radius: 4px;
    position: relative
}

.vsearch-bd .i-search {
    position: absolute;
    top: .18rem;
    left: .2rem
}

.vsearch-inp {
    border: none;
    width: 100%;
    height: .55rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: .5rem;
    font-size: .2rem;
    color: #fff;
    background: #191a1b;
}

.vsearch-inp:focus {
    outline: 0;
    outline: 0
}

.spinner {
    width: 150px;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    z-index: 100
}

.spinner>div {
    width: 15px;
    height: 15px;
    background-color: #bfb5a8;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.igui-page {
    margin-left: 1rem
}

@media screen and (orientation:portrait) {
    .igui-page {
        margin-left: 0
    }
    .igui-pagecontent {
        padding-bottom: 1.2rem
    }
}

.igui-navi_main {
    background: #242424
}

.igui-navi_main:after {
    border-bottom-color: #2B2B2B
}

.igui-navi_item a {
    color: #9a9a9a;
}

.igui-navi_item_current {
    background: #2B2B2B
}

.igui-navi_item_current a {
    color: #ff4b2c
}

.igui-navi_item_current::after {
    background: #ff4b2c;
    z-index: 2
}

.igui-navi_sub {
    background: #242424
}

.igui-navi_sub:after {
    border-bottom: none
}

.igui-subnavi_item {
    color: #fff;
    background: #2B2B2B
}

.igui-subnavi_item_current {
    background: #FF4B2C
}

.igui-pagecontent {
    position: relative
}

.igui-pagetab_content {
    overflow: hidden
}

.igui-pagetab_fullcontent {
    height: 100%
}

.igui-pagecontent_hasnavi_main .igui-pagecontent_pos {
    top: .88rem
}

.igui-pagecontent_hasnavi_main_search .igui-pagecontent_pos {
    top: 1.58rem
}

.igui-pagecontent_hasnavi_sub .igui-pagecontent_pos {
    top: 1.76rem
}

.igui-pagecontent_hassubnav_search .igui-pagecontent_pos {
    top: 2.46rem
}

.igui-data_left {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3.55rem;
    padding: .2rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.igui-section_padding {
    padding: .2rem;
    padding-top: 0;
    overflow: hidden
}

.igui-toplist_skin1 .igui-toplist_item {
    margin-bottom: .1rem
}

.igui-toplist_skin1 .igui-toplist_item .hd {
    background: #2D2D2D;
    height: .5rem;
    text-align: center;
    font-size: .2rem;
    color: #888
}

.igui-toplist_skin1 .igui-toplist_item h5 {
    font-size: .2rem;
    padding-top: .1rem;
    padding-bottom: .1rem
}

.igui-toplist_skin1 .igui-toplist_item .bd {
    background: #252525;
    padding: .15rem;
    overflow: hidden
}

.igui-toplist_skin1 .igui-toplist_item .bd .thumb {
    float: left;
    width: .7rem;
    height: .7rem;
    border-radius: .05rem;
    overflow: hidden
}

.igui-toplist_skin1 .igui-toplist_item .bd .thumb img {
    display: block;
    width: 100%;
    height: 100%
}

.igui-toplist_skin1 .igui-toplist_item .bd p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: .2rem;
    line-height: .35rem;
    font-size: .24rem;
    color: #fff
}

@media screen and (orientation:portrait) {
    .igui-toplist_skin1 {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch
    }
    .igui-toplist_skin1 .igui-toplist_item {
        width: 45.5%;
        margin-right: .1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block
    }
    .igui-toplist_skin1 .igui-toplist_item:nth-last-child(1) {
        margin-right: 0
    }
}

.igui-data_right {
    float: right;
    width: 8.8rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .2rem;
    padding-top: .2rem;
    height: 100%;
    overflow: hidden
}

.igui-data_full {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: .2rem;
    padding-top: .2rem;
    height: 100%;
    overflow: hidden;
    padding-left: .2rem
}

.igui-datatable {
    position: relative;
    height: 100%
}

.igui-datatable .hd {
    font-size: 0;
    background: #2D2D2D;
    height: .48rem;
    overflow: hidden;
    white-space: nowrap
}

.igui-datatable .hd .igui-datatable_item {
    color: #888;
    line-height: .48rem
}

.igui-datatable .ft {
    text-align: center
}

.igui-datatable .ft a {
    padding: .2rem;
    display: block
}

.igui-datatable .scroll {
    position: absolute;
    top: .48rem;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: .2rem;
    overflow-x: hidden;
    background: #282828
}

.igui-datatable_col7 .igui-datatable_item {
    width: 14.28%
}

.igui-datatable_col6 .igui-datatable_item {
    width: 16.67%
}

.igui-datatable_col5 .igui-datatable_item {
    width: 20%
}

.igui-datatable_col4 .igui-datatable_item {
    width: 25%
}

.igui-datatable_item {
    text-align: center;
    font-size: .2rem;
    display: inline-block;
    vertical-align: middle
}

.igui-datatable_cell {
    position: relative;
    font-size: 0;
    display: table;
    width: 100%;
    overflow: hidden;
    white-space: nowrap
}

.igui-datatable_cell .igui-datatable_item {
    display: table-cell;
    padding-top: .15rem;
    padding-bottom: .15rem;
    background: #282828;
    font-size: .2rem;
    color: #fff
}

.igui-datatable_cell .igui-datatable_item:nth-child(even) {
    background: #252525
}

.igui-datatable_cell:nth-child(-n+3) .igui-datatable_rank {
    color: #796948
}

.igui-datatable_cell::after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #2E2E2E;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
}

.igui-datatable_item_action {
    display: block;
    width: 100%;
    height: 100%;
    color: #796948
}

.igui-section_hd h5.bdr {
    border-left-color: #FF4B2C
}

.igui-eventinfo {
    background: #252525
}

.igui-eventinfo_txt {
    color: #737373
}

.igui-eventinfo_txt h3 {
    color: #fff;
    font-size: .32rem;
    padding-top: .05rem
}

.igui-eventinfo_txt p {
    line-height: .36rem;
    margin-top: .12rem
}

.igui-eventinfo_logo {
    background: #2B2B2B;
    float: left;
    margin: .2rem;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: .1rem
}

@media screen and (orientation:portrait) {
    .igui-data_left {
        position: relative;
        width: 100%
    }
    .igui-pagecontent_hasnavi_sub .igui-pagecontent_pos {
        top: 0
    }
    .igui-data_full,
    .igui-data_right {
        padding-top: 0;
        padding-left: .2rem;
        width: 100%
    }
}

.igui-schedule_btns a {
    border-color: #434343;
    color: #727272
}

.igui-schedule_btns a i {
    color: #FF4B2C
}

.igui-schedule_section>.hd {
    color: #737373
}

.igui-schedule_lgitem .bd {
    background: #242424
}

.igui-schedule_lgitem .igui-vs .igui-vs_score,
.igui-schedule_lgitem .time p {
    color: #737373
}

.igui-schedule_lgitem .time {
    background: #2B2B2B
}

.igui-dztable_item .action span,
.igui-schedule_lgitem .action span {
    color: #ff4b2c
}

.igui-btns-lg i b {
    font-size: .3rem
}

.igui-btns_red {
    background: #FF4B2C
}

.igui-btns_green {
    background: #089C67
}

@media screen and (orientation:landscape) {
    .video-item:nth-child(3n) {
        padding-right: 0
    }
    .player-item:nth-child(3n) {
        margin-right: 0
    }
    .event-table-por {
        display: none
    }
}

.video_player {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 13011;
    background: #000;
    display: none;
    height: 100%
}

.video_close {
    font: 40px/40px "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
    width: 40px;
    position: fixed;
    right: 0;
    top: 2%;
    z-index: 13012;
    text-align: center;
    display: none;
    background: #FF4B2C;
    color: #fff;
    height: 40px
}