.mod-topic-list li {
    border: solid #eee;
    border-width: 0 0 1px 0
}

.mod-topic-list li:last-child {
    border-bottom-width: 0
}

.mod-topic-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 10px 15px;
    background-color: #FFF
}

.mod-topic-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-topic-list .img, .mod-topic-list .img-wrap, .mod-topic-list .figures {
    display: block;
    -webkit-box-flex: 0;
    margin-right: 10px
}

.mod-topic-list .img {
    width: 67px;
    height: 67px
}

.mod-topic-list .content {
    -webkit-box-flex: 1;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: start
}

.mod-topic-list .game-title {
    margin-bottom: 2px;
    width: 100%
}

.mod-topic-list .notes {
    margin: 2px 0;
    line-height: 1.4;
    color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.mod-topic-list .game-info {
    color: #999;
    font-size: 11px
}

.teahouse-list .m-wrap {
    position: relative;
    padding: 0 15px
}

.teahouse-list .img-wrap, .teahouse-list .figures, .teahouse-list .content {
    height: 60px;
    padding: 10px 0
}

.teahouse-list .img-wrap, .teahouse-list .figures {
    position: relative;
    height: 60px
}

.teahouse-list .img-wrap img, .teahouse-list .img-wrap .img, .teahouse-list .figures img, .teahouse-list .figures .img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 2px
}

.teahouse-list .img-wrap .date, .teahouse-list .figures .date {
    display: block;
    position: absolute;
    height: 12px;
    line-height: 14px;
    font-size: 9px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 2px 0 0 2px;
    right: 0;
    bottom: 16px;
    padding: 0 2px
}

.teahouse-list .img-wrap {
    width: 60px
}

.teahouse-list .figures {
    width: 105px
}

.teahouse-list .content {
    position: relative;
    -webkit-box-pack: start
}

.teahouse-list .content .game-title {
    margin: 5px 0 2px 0
}

.teahouse-list .content .aside-info {
    display: block;
    position: absolute;
    right: 0;
    bottom: 13px;
    line-height: 16px;
    color: #F80;
    background: #FFF;
    padding-left: 5px
}

.module-table-list .tr {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 42px;
    line-height: 44px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFF
}

.module-table-list .tr.press {
    background-color: #f2f2f2
}

.module-table-list .tr:last-child {
    border-bottom-width: 0
}

.module-table-list .tr.thead {
    height: 23px;
    background: #f8f8f8;
    border-bottom-width: 0
}

.module-table-list .tr.thead .item {
    font-size: 12px;
    color: #666;
    line-height: 23px
}

.module-table-list .item {
    -webkit-box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    -webkit-box-sizing: border-box;
    color: #333;
    font-size: 12px
}

.module-table-list .item .num-modify, .module-table-list .item .inner {
    display: block
}

.module-table-list .item .num-modify {
    position: static;
    margin-right: 5px;
    overflow: visible
}

.module-table-list .item .inner {
    height: 42px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1
}

.module-table-list .label {
    width: 40%;
    text-align: left;
    padding-left: 15px;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    font-size: 14px
}

.module-table-list .title {
    font-size: 14px
}

.module-table-list .date {
    width: 25%
}

.module-table-list .state {
    width: 18%
}

.module-table-list .hot {
    width: 16%
}

.module-table-list .heat {
    -webkit-box-flex: 0;
    width: 18%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.module-table-list .heat .o-ins-down, .module-table-list .heat .o-ins-up, .module-table-list .heat .o-ins-flat {
    display: block;
    margin: -2px 0 0 2px
}

.module-table-list .down, .module-table-list .code {
    -webkit-box-flex: 0
}

.module-table-list .down {
    width: 54px
}

.module-table-list .code {
    width: 80px;
    padding-right: 15px;
    text-align: right
}

.module-table-list .code .btn {
    margin: 10px 0 0 15px
}

.module-table-list .code .inner {
    font-size: 12px;
    color: #666
}

.module-table-list .news {
    text-align: left;
    padding: 0 15px
}

.module-table-list .detail {
    width: 25%;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.module-table-list .detail .img-wrap {
    display: block;
    margin-right: 5px;
    -webkit-box-flex: 0
}

.module-table-list .detail .game-icon {
    width: 45px;
    height: 45px
}

.module-table-list .detail .content {
    -webkit-box-flex: 1;
    line-height: 20px;
    text-align: left;
    overflow: hidden
}

.module-table-list .detail .content .game-sep-info .item {
    overflow: visible;
    font-size: 12px;
    color: #999
}

.module-table-list .down .btn {
    width: 50px;
    height: 24px;
    line-height: 26px;
    font-size: 12px;
    margin: 10px auto 0 auto
}

.module-table-list .down .ico {
    margin: 10px auto 0 auto
}

.module-table-list .download {
    -webkit-box-flex: 0;
    width: 75px;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.gameheat-rank-list .tr {
    height: 65px
}

.gameheat-rank-list .thead .detail {
    -webkit-box-pack: center
}

.gameheat-rank-list .thead .download {
    text-indent: 20px
}

.gameheat-rank-list .label {
    -webkit-box-flex: 0;
    width: 45px
}

.mod-news-list li {
    border-bottom: 1px solid #e6e6e6
}

.mod-news-list li:last-child {
    border-bottom-width: 0
}

.mod-news-list .m-wrap {
    display: block;
    padding: 10px 15px;
    background-color: #FFF
}

.mod-news-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-news-list .game-title {
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.mod-news-list .game-title .inner-text, .mod-news-list .game-title .aside {
    display: block;
    -webkit-box-flex: 1
}

.mod-news-list .game-title .inner-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-news-list .game-title .aside {
    color: #999;
    -webkit-box-flex: 0;
    width: 50px;
    text-align: right
}

.module-game-list li {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.module-game-list li:last-child {
    border-bottom-width: 0
}

.module-game-list li[type="btn"] {
    background-color: #FFF
}

.module-game-list li[type="btn"].press {
    background-color: #f2f2f2
}

.module-game-list li[type="btn"] .m-wrap {
    background: none
}

.module-game-list .m-wrap {
    padding: 10px 80px 10px 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    background-color: #FFF
}

.module-game-list .m-wrap.press {
    background-color: #f2f2f2
}

.module-game-list .m-wrap .label-wrap {
    width: 25px;
    -webkit-box-flex: 0;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.module-game-list .m-wrap .label-wrap .num-modify {
    position: static
}

.module-game-list .m-wrap .img-wrap {
    display: block;
    -webkit-box-flex: 0;
    margin-right: 10px
}

.module-game-list .m-wrap .content {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: start;
    height: 60px;
    overflow: hidden
}

.module-game-list .m-wrap .content .header {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    -webkit-box-align: center;
    height: 20px;
    line-height: 22px;
    margin: 0 0 3px 0;
    width: 100%
}

.module-game-list .m-wrap .content .header .game-title {
    -webkit-box-flex: 1;
    margin-right: 3px
}

.module-game-list .m-wrap .content .header .ico-gift {
    -webkit-box-flex: 0
}

.module-game-list .m-wrap .content .mult-fix .game-title {
    -webkit-box-flex: 0;
    margin-right: 3px;
    max-width: 110px
}

@media screen and (min-width: 360px) and (max-width: 400px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 155px
    }
}

@media screen and (min-width: 400px) and (max-width: 480px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 190px
    }
}

@media screen and (min-width: 480px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 270px
    }
}

.module-game-list .m-wrap .content .game-info, .module-game-list .m-wrap .content .game-sep-info, .module-game-list .m-wrap .content .notes, .module-game-list .m-wrap .content .game-widget {
    margin-bottom: 3px;
    line-height: 1.3
}

.module-game-list .m-wrap .content .game-info:last-child, .module-game-list .m-wrap .content .game-sep-info:last-child, .module-game-list .m-wrap .content .notes:last-child, .module-game-list .m-wrap .content .game-widget:last-child {
    margin-bottom: 0
}

.module-game-list .m-wrap .content .game-info, .module-game-list .m-wrap .content .game-sep-info {
    width: 100%;
    color: #999
}

.module-game-list .m-wrap .content .game-widget {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.module-game-list .m-wrap .content .game-widget .game-sep-info {
    -webkit-box-flex: 1;
    width: auto;
    margin: 0;
    line-height: 18px
}

.module-game-list .m-wrap .content .game-widget .star {
    -webkit-box-align: center;
    margin-right: 5px
}

.module-game-list .aside-wrap {
    position: absolute;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    right: 15px;
    padding-left: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.module-game-list .mult .m-wrap {
    padding-right: 80px
}

.gametest-list .flow-label-head {
    background: #f5f5f5;
    height: 23px;
    border-bottom-width: 0
}

.gametest-list .m-header {
    background: #FFF;
    padding: 3px 0
}

.gametest-list li .pure-msg {
    margin-left: 20px;
    font-size: 14px;
    color: #999
}

.gametest-list li .m-wrap .game-info .item {
    margin-right: 5px
}

.gametest-list li .aside-wrap {
    margin-top: -18px
}

.gametest-list li .aside-wrap .btn-sec-exp {
    font-size: 12px
}

.gametest-list li .aside-wrap .notes {
    color: #999
}

.onewords-list li .m-wrap {
    padding-right: 15px
}

.onewords-list li .m-wrap .game-info {
    font-size: 12px
}

.onewords-list li .aside-wrap {
    margin-top: -25px
}

.tagslabel-list li .m-wrap .content .header {
    margin-bottom: 0
}

.tagslabel-list li .m-wrap .content .game-sep-info {
    margin-bottom: 1px
}

.tagslabel-list li .m-wrap .tagslabel-wrap {
    padding: 0
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn {
    margin: 0 5px 0 0;
    width: auto;
    padding: 0 3px;
    max-width: 45px;
    height: 17px;
    line-height: 19px;
    font-size: 10px
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-bluegreen {
    background-color: rgba(38, 191, 191, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-bluegreen.press {
    background-color: rgba(34, 170, 170, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-green {
    background-color: rgba(107, 178, 71, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-green.press {
    background-color: rgba(96, 160, 64, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-org {
    background-color: rgba(255, 121, 76, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-org.press {
    background-color: rgba(255, 102, 51, 0.6)
}

.mod-app-list li {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding: 10px 15px
}

.mod-app-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding-right: 70px;
    background-color: #FFF
}

.mod-app-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-app-list .m-wrap .icon-wrap, .mod-app-list .m-wrap .game-icon {
    -webkit-box-flex: 0;
    margin-right: 10px
}

.mod-app-list .m-wrap .content {
    -webkit-box-flex: 1
}

.mod-app-list .m-wrap .game-title {
    font-size: 16px;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 5px
}

.mod-app-list .m-wrap .game-info, .mod-app-list .m-wrap .game-sep-info, .mod-app-list .m-wrap .notes {
    line-height: 1;
    margin: 5px 0
}

.mod-app-list .aside-wrap {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px
}

.mod-appshow-list {
    *zoom: 1;
    padding: 0 5px
}

.mod-appshow-list:before, .mod-appshow-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-appshow-list:after {
    clear: both
}

.mod-appshow-list li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    padding: 10px 10px 0 10px;
    position: relative
}

.mod-appshow-list li::after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 92px;
    right: 0;
    top: 50%;
    margin-top: -46px;
    background: #f6f6f6
}

.mod-appshow-list li:last-child::after {
    display: none
}

.mod-appshow-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin-bottom: 10px
}

.mod-appshow-list .img-wrap, .mod-appshow-list .game-icon {
    -webkit-box-flex: 0;
    margin-right: 8px
}

.mod-appshow-list .content {
    -webkit-box-flex: 1
}

.mod-appshow-list .game-sep-info .item {
    color: #666
}

.mod-appshow-list .mult-btn-wrap {
    padding: 0;
    margin: 10px 0
}

.mod-appshow-list .mult-btn-wrap .btn {
    width: 60px;
    height: 24px;
    line-height: 26px;
    font-size: 13px
}

.mod-pack-list li {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #e3e3e3
}

.mod-pack-list li:last-child {
    border-bottom-width: 0
}

.mod-pack-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.mod-pack-list .m-wrap .content {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    padding-right: 70px
}

.mod-pack-list .m-wrap .game-title {
    line-height: 24px
}

.mod-pack-list .m-wrap .game-info {
    color: #999
}

.mod-pack-list .btn {
    position: absolute;
    right: 15px;
    height: 24px;
    top: 50%;
    margin-top: -12px
}

.mod-pack-list .simple .m-wrap .content {
    padding-right: 0
}

.mod-display-list, .mod-cards-list {
    *zoom: 1
}

.mod-display-list:before, .mod-display-list:after, .mod-cards-list:before, .mod-cards-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-display-list:after, .mod-cards-list:after {
    clear: both
}

.mod-display-list li, .mod-cards-list li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box
}

.mod-display-list li .game-title, .mod-cards-list li .game-title {
    height: 15px;
    line-height: 17px;
    text-align: center;
    font-size: 14px
}

.mod-display-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0
}

.mod-display-list li .game-title {
    border-right: 1px solid #ddd
}

.mod-display-list li:nth-child(4n) .game-title {
    border-right-width: 0
}

.mod-cards-list {
    border-bottom: 1px solid #e3e3e3
}

.mod-cards-list li {
    position: relative;
    padding: 8px 10px
}

.mod-cards-list li .game-title {
    height: 20px;
    line-height: 22px;
    -webkit-border-radius: 2px
}

.mod-cards-list li::after {
    position: absolute;
    display: block;
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    background: #ddd
}

.mod-cards-list li:nth-child(4n)::after {
    display: none
}

.mod-cards-list .label .game-title {
    background: #ff784f;
    color: #FFF
}

.mod-item-list {
    *zoom: 1;
    margin: 10px
}

.mod-item-list:before, .mod-item-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-item-list:after {
    clear: both
}

.mod-item-list li {
    float: left;
    -webkit-box-sizing: border-box;
    width: 25%;
    padding: 5px
}

.mod-item-list .btn {
    width: auto
}

.mod-calendar-list li {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    height: 43px
}

.mod-calendar-list li:last-child {
    border-bottom-width: 0
}

.mod-calendar-list .item {
    -webkit-box-flex: 1;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.mod-calendar-list .head {
    background: #fafafa;
    height: 30px
}

.mod-calendar-list .head .item {
    color: #666;
    font-size: 12px
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.loading {
    font-size: 14px;
    color: #666;
    text-align: center;
    -webkit-box-sizing: border-box;
    height: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: #f5f5f5;
    overflow: hidden
}

.loading .item {
    width: 100%;
    color: #666
}

.loading .link {
    color: #0050b4;
    margin: 0 1px
}

.loading .error {
    color: #f00
}

.loading-wrap {
    background: #f5f5f5
}

.loading-text {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.loading-child {
    border: 2px solid #CCC;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-animation: load 1.2s infinite linear;
    vertical-align: middle
}

.loading-child:after {
    display: block;
    content: "";
    width: 7.5px;
    height: 7.5px;
    -webkit-border-top-left-radius: 15px;
    border-left: 2px solid #F60;
    border-top: 2px solid #F60;
    margin-left: -2px;
    margin-top: -2px
}

.list_loading {
    display: none
}

.list_loading .item {
    display: none
}

.mod-popup-close {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 100%;
    -webkit-box-sizing: border-box
}

.mod-popup-close::after {
    display: block;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-mask: url(https://portal.ucgc.ucfly.com/public/images/android_portal/mask/pure_icon.png);
    -webkit-mask-size: 10px auto;
    -webkit-mask-repeat: no-repeat;
    background: #FFF;
    -webkit-mask-position: 0 -22px;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #707070
}

.prize-speaker {
    width: 140px;
    height: 40px;
    line-height: 42px;
    background-position: 0 -65px;
    font-size: 23px;
    -webkit-box-sizing: border-box;
    padding-left: 60px;
    margin: 0 auto
}

.mod-popup {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-popup-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-popup-prompt .mod-popup-bg {
    background: rgba(0, 0, 0, 0.8)
}

.mod-popup-prompt .popup-container {
    position: absolute;
    width: 280px;
    top: 30%;
    left: 50%;
    margin-left: -140px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background: #FFF
}

.mod-popup-prompt .popup-container .header {
    padding: 0 15px;
    height: 32px;
    line-height: 34px;
    color: #333;
    border-bottom: 1px solid #eee;
    background: #f5f5f5
}

.mod-popup-prompt .popup-container .text-content {
    padding: 0 15px;
    margin: 10px 0
}

.mod-popup-prompt .popup-container .text-content .title {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin: 5px 0
}

.mod-popup-prompt .popup-container .text-content .text {
    font-size: 14px
}

.mod-popup-prompt .popup-container .text-content .period {
    text-indent: 2em
}

.mod-popup-prompt .popup-container .text-content .notes {
    font-size: 12px;
    color: #999
}

.mod-popup-prompt .popup-container .mod-btn-wrap, .mod-popup-prompt .popup-container .mod-one-btn-wrap {
    margin: 10px 0 15px 0;
    padding: 0 15px
}

.mod-popup-prompt .popup-container .mod-close, .mod-popup-prompt .popup-container .mod-close-w, .mod-popup-prompt .popup-container .mod-close-g, .mod-popup-prompt .popup-container .mod-close-r {
    width: 20px;
    height: 20px;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 40px;
    position: absolute;
    right: -5px;
    top: -5px
}

.mod-popup-prompt .popup-container .mod-popup-close {
    position: absolute;
    right: -5px;
    top: -5px
}

.mod-popup-prompt .win-popup-box {
    background: #fa6846;
    color: #FFF
}

.mod-popup-prompt .win-popup-box .prize-speaker {
    margin: 10px auto
}

.mod-popup-prompt .win-popup-box .text-content .title {
    color: #FFF
}

.mod-popup-prompt .win-popup-box .text-content .center-notes-l {
    color: #ffc1b2
}

.mod-popup-prompt .win-popup-box .btn {
    color: #fa6846;
    border-color: #FFF
}

.mod-popup-prompt .win-popup-box .close {
    background-position: 0 -38px
}

.mod-popup-prompt .letv-inner-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    height: 200px
}

.mod-popup-tip {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 30
}

.mod-popup-tip .bar {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    color: #FFF;
    width: 80%;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    margin-top: 70px;
    display: none
}

.wechat-arr, .o-wechat-ico-1, .o-wechat-ico-2 {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/o_wechat_sp.png);
    -webkit-background-size: 114px auto;
    background-repeat: no-repeat
}

.wechat-arr {
    position: absolute;
    width: 45px;
    height: 75px;
    top: 16px;
    right: 22px
}

.o-wechat-ico-1, .o-wechat-ico-2 {
    height: 21px
}

.o-wechat-ico-1 {
    width: 21px;
    background-position: 0 -75px
}

.o-wechat-ico-2 {
    width: 114px;
    background-position: 0 -96px
}

.popup-wechat .content {
    position: absolute;
    top: 65px;
    width: 70%;
    left: 50%;
    margin-left: -35%;
    height: 150px;
    border: 2px solid #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 100%;
    color: #666;
    font-size: 14px
}

.popup-wechat .content .label {
    padding: 25px 0 5px 0;
    color: #FFF;
    text-align: center
}

.popup-wechat .content .line {
    width: 170px;
    margin: 0 auto 5px auto;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    line-height: 21px
}

.popup-wechat .content .line .num {
    display: block;
    background: #FFF;
    color: #333;
    font-size: 12px;
    line-height: 14px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 6px;
    margin: 5px 5px 0 5px;
    text-align: center
}

.popup-wechat .content .line .em {
    color: #FFF;
    margin: 0 5px
}

通用弹窗 .btn-css-grey {
    display: block;
    width: 146px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-border-radius: 3px;
    color: #333;
    box-shadow: 0 0px 1px 0px #d1d1d1, inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4))
}

.btn-css-orange {
    display: block;
    width: 146px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-border-radius: 3px;
    color: #fff;
    box-shadow: 0 0px 1px 0px #ff8400, inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0px 1px 0px #ff8400, 0 0px 1px 0px #ff8400, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0px 1px 0px #ff8400, 0 0px 1px 0px #ff8400, 0 1px 1px rgba(0, 0, 0, 0.2);
    background: gradient(linear, 0 0, 0 100%, from(#ffb621), to(#ffa614));
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb621), to(#ffa614))
}

.open-test-popup {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 30;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.gift-detail-con .con {
    line-height: 16px;
    padding: 9px 10px 13px 10px
}

.gift-detail-con .con:last-child {
    border-bottom: 1px solid #E4E4E4
}

.open-test-con {
    z-index: 31;
    width: 280px;
    padding: 10px 0;
    position: fixed;
    top: 136px;
    left: 50%;
    margin-left: -140px;
    background: #f5f5f5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #fff
}

.open-test-con form {
    margin: 0;
    padding: 0
}

.open-test-con .title1 {
    color: #666;
    height: 22px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 22px
}

.open-test-con .title2 {
    color: #333;
    height: 22px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 10px;
    border-bottom: inset 1px #e0e0e0
}

.open-test-con .tips {
    color: #f80;
    height: 12px;
    font-size: 12px;
    padding: 3px 0 0 10px;
    line-height: 12px;
    display: none
}

.open-test-con .tel-num {
    width: 259px;
    height: 32px;
    display: block;
    margin: 5px auto;
    text-indent: 7px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08)
}

.open-test-con .ctrl-con {
    padding: 0 10px 10px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box
}

.open-test-con .ctrl-con .btn {
    width: 124px;
    height: 29px;
    display: block;
    line-height: 29px;
    text-align: center;
    -webkit-border-radius: 2px;
    cursor: pointer;
    margin-right: 10px
}

.open-test-con .ctrl-con .btn:last-child {
    margin-right: 0
}

.open-test-con .text-con {
    text-align: center;
    line-height: 22px;
    padding: 10px
}

.open-test-con .text-con .black {
    color: #333
}

.open-test-con .text-con .orange {
    color: #f80
}

.open-test-con .text-con .grey {
    color: #999
}

.open-test-con .text-con .modi {
    color: #54AEDE;
    margin-left: 5px;
    text-decoration: underline
}

.open-test-con .text-form .ctrl-con {
    padding-top: 10px
}

.open-test-con .text-content .black {
    text-align: left;
    margin-left: 70px
}

.tips-con {
    width: 110px;
    height: 33px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -55px;
    background: rgba(27, 27, 27, 0.85);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #333;
    color: #fff;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    display: none
}

.open-test-con .text-form .text {
    padding: 5px 0 5px 10px;
    font-size: 12px
}

.open-test-con .text-code {
    text-align: left;
    margin: 0 10px
}

.text-code .info-code {
    display: -webkit-box;
    height: 30px;
    margin-bottom: 10px;
    position: relative
}

.text-code .info-code label {
    width: 60px;
    display: inline-block;
    line-height: 30px;
    color: #333;
    font-size: 14px
}

.text-code .info-code .input-code {
    text-align: left;
    -webkit-box-flex: 1;
    display: block;
    line-height: 30px;
    color: #FF8800;
    font-size: 14px;
    padding-left: 9px;
    background: #F8F8F8;
    border: 1px solid #EEE;
    border-radius: 4px;
    position: relative
}

.text-code .info-code label {
    width: 60px;
    display: inline-block
}

.text-code .info-code .btn-copy {
    width: 56px;
    height: 32px;
    background: #F80;
    position: absolute;
    right: -1px;
    top: -1px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    border-radius: 0 4px 4px 0
}

.text-code .info-code .tips {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 6px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.open-test-con .text-code .black {
    padding-left: 7px;
    line-height: 16px
}

.open-test-con .row {
    height: 37px;
    position: relative
}

.open-test-con .icon-clear {
    width: 35px;
    height: 31px;
    background-image: url(https://image.game.uc.cn/2013/5/13/9139351.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 18px;
    position: absolute;
    top: 0px;
    right: 8px
}

.open-test-con .icon-down:before {
    content: "";
    background-image: url(https://images.9game.cn/public/images/android_new/login/icon_down.png);
    background-size: 13px 13px;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin: -2px 3px 0 0;
    vertical-align: middle
}

.open-test-con .row .tel-num {
    background: #F8F8F8;
    color: #C0C0C0;
    border: none
}

.tips-con {
    width: 110px;
    height: 33px;
    position: fixed;
    left: 50%;
    top: 100px;
    margin-left: -55px;
    background: rgba(27, 27, 27, 0.85);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #333;
    color: #fff;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    display: none
}

.popup-up-remind {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 30;
    display: none;
    font-size: 12px
}

.popup-up-remind .key {
    margin-right: 3px
}

.popup-up-remind .bar {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    margin-top: 200px;
    display: table
}

.mod-scroll-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #F80
}

.mod-scroll-img .scrool-img {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.mod-scroll-img li {
    display: block;
    margin-right: 5px
}

.mod-scroll-img li .m-wrap {
    display: block;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.mod-scroll-img li .img {
    display: block
}

.pic-mask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 40
}

.pic-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pic-wrap .mod-close-w {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 29px;
    height: 29px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 14px
}

.pic-main {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.pic-main .img-private {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.pic-main-index-wrap {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    width: 100%
}

.pic-main-index {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    -webkit-border-radius: 6px
}

.pic-main-index .item {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px
}

.pic-main-index .on {
    background: #F80
}

.portal-nav {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin: 10px 15px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px
}

.portal-nav .item {
    display: block;
    -webkit-box-flex: 1;
    width: 25%;
    height: 35px;
    border: solid #e0e0e0;
    border-width: 0 1px 0 0;
    text-align: center;
    text-indent: -10px;
    font-size: 14px;
    color: #333;
    background-color: #FFF
}

.portal-nav .item.press {
    background-color: #f2f2f2
}

.portal-nav .item:last-child {
    border-width: 0
}

.portal-nav .item .inner {
    height: 35px;
    line-height: 37px
}

.portal-nav .unable {
    background: #FFF;
    color: #ccc;
    border-color: #e6e6e6
}

.portal-nav .unable .ico-prefix-zone:before {
    background-position: 0 -232px
}

.portal-nav .unable .ico-prefix-bbs:before {
    background-position: 0 -262px
}

.portal-nav .unable .ico-prefix-pack:before {
    background-position: 0 -292px
}

.portal-nav .unable .ico-prefix-cs:before {
    background-position: 0 -322px
}

.portal-nav .unable .ico-prefix-guild:before {
    background-position: 0 -352px
}

.portal-nav .unable .ico-prefix-eva:before {
    background-position: 0 -470px
}

.portal-nav .unable .ico-prefix-raiders:before {
    background-position: 0 -710px
}

.portal-nav .unable .ico-prefix-access:before {
    background-position: 0 -740px
}

.portal-nav .unable .ico-prefix-guide:before {
    background-position: 0 -770px
}

.spercit-ico-public, .bbs-ico-public, .gift-ico-public, .down-ico-public, .cs-ico-public, .guild-ico-public {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: -8px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat
}

.spercit-ico-public {
    margin-right: -4px;
    background-position: 0 0
}

.bbs-ico-public {
    margin-right: -5px;
    background-position: 0 -30px
}

.gift-ico-public {
    margin-right: -7px;
    background-position: 0 -60px
}

.down-ico-public {
    margin-right: -7px;
    background-position: 0 -90px
}

.guild-ico-public {
    margin-right: -6px;
    background-position: 0 -120px
}

.cs-ico-public {
    background-position: 0 -90px;
    margin-right: -7px
}

.online-mod {
    height: 35px;
    margin-top: 10px;
    display: -webkit-box;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    margin: 10px
}

.online-mod .item {
    height: 33px;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #e0e0e0;
    -webkit-tap-highlight-color: #f5f5f5;
    color: #333;
    line-height: 34px
}

.online-mod .item:active {
    background: #F5F5F5;
    color: #333
}

.online-mod .item:first-child {
    border-left: none
}

.score-show {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin: 10px 15px;
    padding: 10px 0;
    border: 1px solid #ffdbb2;
    position: relative;
    -webkit-border-radius: 2px
}

.score-goal {
    -webkit-box-flex: 0;
    width: 120px;
    text-align: center;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    max-height: 86px;
    overflow: hidden
}

.score-goal .val {
    font-size: 30px;
    font-weight: 700;
    color: #ff8800;
    margin: 0 5px
}

.score-goal .starry-m {
    width: 90px
}

.averagescroe-val {
    line-height: 1;
    margin-bottom: 5px
}

.scroe-table {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0 10px
}

.scroe-table .tr {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    width: 100%;
    margin-bottom: 5px
}

.scroe-table .tr .starry-y {
    -webkit-box-flex: 0;
    margin-right: 5px
}

.scroe-table .tr .bar {
    display: block;
    -webkit-box-flex: 1;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
    position: relative
}

.scroe-table .tr .bar .inner {
    display: block;
    background: #ffdbb2;
    height: 100%
}

.scroe-table .tr .bar .num {
    display: block;
    position: absolute;
    font-size: 9px;
    line-height: 10px;
    color: #999;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 3px
}

.scroe-table .tr:last-child {
    margin-bottom: 0
}

.comment-input-wrap {
    margin: 10px 0;
    padding: 0 15px
}

.comment-input-wrap .input-text {
    padding-left: 35px;
    color: #ccc;
    border-color: #e6e6e6
}

.mod-comment-wrap .header {
    background: #f7f7f7;
    font-size: 12px;
    padding: 0 15px;
    height: 23px;
    line-height: 25px;
    color: #333
}

.mod-comment-wrap .header .val {
    color: #999
}

.mod-comment-wrap .more-btn-wrap {
    padding-top: 10px;
    background: #f5f5f5
}

.mod-comment-wrap .input-box-wrap {
    background: #FFF
}

@-webkit-keyframes tipAnimate {
    0% {
        -webkit-transform: scale(1)
    }
    40% {
        -webkit-transform: scale(1.6)
    }
    100% {
        opacity: 1
    }
}

.view-hand {
    position: relative;
    display: block
}

.view-hand .default-up, .view-hand .default-down, .view-hand .view-up, .view-hand .view-down, .view-hand .change-up, .view-hand .change-down, .view-hand .no-up, .view-hand .no-down {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.view-hand .default-up {
    background-position: 0 -500px
}

.view-hand .default-down {
    background-position: 0 -560px
}

.view-hand .view-up, .view-hand .change-up {
    background-position: 0 -520px
}

.view-hand .view-down, .view-hand .change-down {
    background-position: 0 -580px
}

.view-hand .no-up {
    background-position: 0 -540px
}

.view-hand .no-down {
    background-position: 0 -600px
}

.view-hand .change-up, .view-hand .change-down {
    -webkit-animation: tipAnimate 0.5s ease-out
}

.reply-hand {
    position: relative;
    display: block
}

.reply-hand .default-up {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: 3px -847px
}

.reply-hand .change-up {
    background-position: 3px -822px;
    -webkit-animation: tipAnimate 0.5s ease-out
}

.mod-reply-list li {
    padding: 0 15px;
    border-bottom: 1px solid #e6e6e6
}

.mod-reply-list li:last-child {
    border-bottom-width: 0
}

.mod-reply-list .reply-info {
    color: #ededed;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    line-height: 30px
}

.mod-reply-list .reply-info .author, .mod-reply-list .reply-info .date {
    display: block;
    color: #999
}

.mod-reply-list .reply-info .author {
    display: block;
    color: #666;
    padding-right: 5px;
    line-height: 30px
}

.mod-reply-list .reply-info .author.vip {
    color: #ff2a43;
    padding-right: 18px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/vip_icon.png);
    -webkit-background-size: 11px auto;
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: right 0
}

.mod-reply-list .reply-info .author.vip1 {
    background-position: right 9px
}

.mod-reply-list .reply-info .author.vip2 {
    background-position: right -15px
}

.mod-reply-list .reply-info .author.vip3 {
    background-position: right -40px
}

.mod-reply-list .reply-info .author.vip4 {
    background-position: right -65px
}

.mod-reply-list .reply-info .author.vip5 {
    background-position: right -90px
}

.mod-reply-list .reply-info .author.vip6 {
    background-position: right -115px
}

.mod-reply-list .reply-info .date {
    display: block;
    color: #999;
    padding-left: 5px
}

.mod-reply-list .reply-info .gm {
    color: #f80
}

.mod-reply-list .reply-info .name-replay {
    display: block;
    color: #666
}

.mod-reply-list .reply-info .name-replay .name {
    color: #999
}

.mod-reply-list .content {
    color: #333;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.mod-reply-list .reply-view {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    -webkit-box-align: center;
    position: relative
}

.mod-reply-list .reply-view .reply-view-item {
    display: -webkit-box;
    -webkit-box-pack: end;
    -webkit-box-align: stretch;
    -webkit-box-flex: 0;
    width: auto;
    height: 30px;
    -webkit-box-align: center
}

.mod-reply-list .reply-view .view-num {
    font-size: 12px;
    color: #999;
    margin: 0 2px;
    display: block;
    line-height: 20px;
    overflow: hidden
}

.mod-reply-list .reply-view .reply-comment {
    margin-right: 15px
}

.mod-reply-list .reply-view .sub-aside {
    -webkit-box-flex: 1
}

.gm-replay {
    border: 1px solid #ffdbb2;
    margin-bottom: 10px;
    position: relative
}

.gm-replay .gm-replay-line {
    border-bottom: 1px solid #ffdbb2;
    padding: 5px 10px
}

.gm-replay .gm-replay-line:last-child {
    border-bottom-width: 0
}

.gm-replay .gm-replay-line .gm-replay-info {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.gm-replay .gm-replay-line .gm-replay-info .item {
    display: block;
    color: #999
}

.gm-replay .gm-replay-line .gm-content {
    color: #333;
    font-size: 14px
}

.gm-replay .gm-replay-more {
    text-align: center;
    background-color: #fffbf2;
    color: #F80;
    line-height: 30px
}

.gm-replay .gm-replay-more.press {
    background-color: #fff3d9
}

.gm-replay .gm-arrow {
    display: block;
    position: absolute;
    left: 10px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom-color: #ffdbb2;
    width: 0;
    height: 0
}

.gm-replay .gm-arrow::after {
    display: block;
    content: '';
    position: absolute;
    left: -4px;
    top: -3px;
    border: 4px solid transparent;
    border-bottom-color: #FFF;
    width: 0;
    height: 0
}

.fir-comment.open .reply-list-con {
    display: block
}

.reply-list-con {
    background: #f5f5f5;
    position: relative;
    margin: 5px 0 10px;
    display: none
}

.reply-list-con::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top: -6px;
    background: #f5f5f5;
    -webkit-transform: rotate(-45deg)
}

.reply-list-con .reply-input-wrap {
    padding: 10px
}

.reply-list-con .reply-input-wrap .input-text {
    padding-left: 35px;
    color: #ccc;
    border-color: #e6e6e6
}

.reply-list-con .mod-reply-list {
    margin: 0 10px
}

.reply-list-con .mod-reply-list li {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0
}

.reply-list-con .loading {
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    border-top: 1px solid #e6e6e6
}

.reply-list-con .loading .item {
    color: #1a71de
}

.reply-list-con .loading .o-modify-pull {
    padding: 0
}

.reply-list-con .loading .o-modify-pull::after {
    display: none
}

.popup-comment .popup-container {
    padding: 0 15px;
    -webkit-box-sizing: border-box
}

.popup-comment .popup-container .rate-star {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    margin: 10px 0
}

.popup-comment .popup-container .rate-star .aside {
    font-size: 14px;
    color: #999
}

.popup-comment .popup-container .textarea {
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px;
    color: #333;
    background: #FFF;
    -webkit-border-radius: 2px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    resize: none
}

.popup-comment .popup-container .prompt {
    text-align: right;
    color: #999
}

.popup-comment .popup-container .error-msg {
    text-align: center;
    color: #ff4000;
    height: 20px
}

.popup-comment .popup-container .mod-btn-wrap {
    padding: 0
}

.popup-comment .popup-container .tag-collect {
    *zoom: 1;
    margin: 0 0 10px 0
}

.popup-comment .popup-container .tag-collect:before, .popup-comment .popup-container .tag-collect:after {
    display: table;
    content: "";
    line-height: 0
}

.popup-comment .popup-container .tag-collect:after {
    clear: both
}

.popup-comment .popup-container .tag-collect .item {
    display: block;
    float: left;
    margin: 10px 10px 0 0;
    width: 55px;
    height: 20px;
    line-height: 20px;
    background: #fff9f2;
    text-align: center;
    color: #333
}

.popup-comment .popup-container .tag-collect .item:nth-child(4n) {
    margin-right: 0
}

.popup-comment .popup-container .tag-collect .item:first-child, .popup-comment .popup-container .tag-collect .item:nth-child(2), .popup-comment .popup-container .tag-collect .item:nth-child(3), .popup-comment .popup-container .tag-collect .item:nth-child(4) {
    margin-top: 0
}

.popup-comment .popup-container .tag-collect .on {
    background: #F80;
    color: #FFF
}

.popup-comment .direct-reply-wrap {
    padding: 15px
}

.popup-comment .direct-reply-wrap .mod-btn-wrap {
    margin: 0
}

.popup-comment .direct-reply-wrap .prompt {
    margin: 5px 0
}

.averagescroe-bubble {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 115px;
    background: #FFF;
    border: 1px solid #F80;
    padding: 5px;
    z-index: 1;
    -webkit-border-radius: 2px
}

.averagescroe-bubble .inner {
    font-size: 12px;
    color: #F80
}

.averagescroe-bubble .aside-label {
    position: absolute;
    right: 0;
    top: 0;
    border: 10px solid transparent;
    width: 0;
    height: 0;
    border-top-color: #F80;
    border-right-color: #F80
}

.averagescroe-bubble .aside-label::after {
    display: block;
    content: attr(data-val);
    position: absolute;
    font-size: 10px;
    line-height: 1.2;
    color: #FFF;
    left: 0;
    top: -10px
}

.averagescroe-bubble .arr-point {
    display: block;
    content: '';
    position: absolute;
    left: 50px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: #F80;
    width: 1px;
    height: 0
}

.averagescroe-bubble .arr-point::after {
    display: block;
    content: '';
    position: absolute;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-bottom-color: #FFF;
    width: 1px;
    height: 0
}

.averagescroe-note {
    font-size: 13px;
    text-align: center;
    color: #176de5;
    margin-top: 5px
}

.notice {
    border: 1px solid #26bfbf
}

.notice .status {
    background: #26bfbf
}

.notice .details .name, .notice .details .count {
    color: #26bfbf
}

.living {
    border: 1px solid #ff794c;
    background: #fffbf7
}

.living .status {
    background: #ff794c
}

.living .details .name, .living .details .count {
    color: #ff794c
}

.living .details .time {
    display: inline-block;
    width: 16px;
    height: 14px;
    line-height: 14px;
    margin: 0 2px;
    color: #fff;
    background: #ff794c;
    border-radius: 2px;
    text-align: center
}

.live-block {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    margin: 0 15px 10px;
    border-radius: 2px
}

.live-block .status {
    display: inline-block;
    width: 55px;
    padding-top: 24px;
    color: #fff;
    text-align: center;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ng_liev_icon.png);
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 25px auto
}

.live-block .details {
    width: 0;
    -webkit-box-flex: 1.0;
    text-align: center
}

.live-block .details .name {
    font-size: 14px;
    height: 24px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-block .details .others {
    color: #999;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-block .details .date {
    margin-right: 5px
}

.live-block .details span {
    color: #666
}

.topblock-wrap {
    padding: 10px 15px;
    color: #FFF
}

.topblock-wrap .btn {
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.topblock-wrap .available {
    position: relative
}

.topblock-wrap .available:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 36px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/new_down_btn.png) no-repeat center;
    background-size: 12px auto;
    position: absolute;
    left: 50%;
    margin-left: -50px
}

.topblock-wrap.inflow {
    padding-top: 10px;
    position: fixed;
    left: 0;
    right: 0;
    background: currentcolor;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 11
}

#blockTopHolder {
    display: none
}

#blockBottom {
    width: 100%;
    background: #FFF;
    z-index: 10;
    padding-top: 10px
}

.app-detailshow li .m-wrap {
    padding-right: 15px
}

.app-detailshow li .topblock-wrap {
    padding-top: 10px
}

.app-detailshow .opentest-remind-bar {
    background: #f8f8f8;
    padding: 0 5px;
    margin: 10px 15px 0 15px;
    -webkit-border-radius: 2px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    line-height: 32px
}

.app-detailshow .opentest-remind-bar .inner {
    display: block;
    -webkit-box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-detailshow .opentest-remind-bar .btn {
    position: static;
    margin: 3px 0;
    padding: 0 10px;
    width: auto;
    height: 24px;
    line-height: 26px;
    font-size: 12px
}

.app-introduce {
    margin: 10px 0
}

.app-introduce .more {
    display: none
}

.app-introduce {
    font-size: 14px
}

.app-introduce.f_opened .more .modify {
    -webkit-transform: rotate(180deg)
}

.app-introduce.f_closed .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.longmsg-introduce.f_closed .content {
    -webkit-line-clamp: 4
}

.expand_article .more {
    line-height: 1;
    padding: 0 10px
}

.expand_article .more .modify {
    display: inline-block;
    width: 10px;
    height: 8px;
    background-position: 0 -332px
}

.expand_article .more .up {
    -webkit-transform: rotate(180deg)
}

.roll-list-bar {
    border: solid #e6e6e6;
    border-width: 1px 0
}

.game-schedule-flow {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 10px 5px 5px 5px;
    background: #f5f5f5;
    position: relative
}

.game-schedule-flow .item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    -webkit-box-flex: 1;
    margin: 0 5px
}

.game-schedule-flow .item .pull-arrow-label {
    width: 100%;
    margin-bottom: 5px
}

.game-schedule-flow .item .state {
    display: block;
    width: 16px;
    height: 18px
}

.game-schedule-flow .item .state .o-ins-clock, .game-schedule-flow .item .state .o-ins-clock-h, .game-schedule-flow .item .state .o-ins-clock-m {
    position: absolute;
    z-index: 3
}

.game-schedule-flow .item .date {
    display: block;
    width: 100%;
    min-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-schedule-flow .item.on .pull-arrow-label, .game-schedule-flow .item.more .pull-arrow-label {
    border-color: #F80;
    color: #F80
}

.game-schedule-flow .item.on .pull-arrow-label .o-arrow, .game-schedule-flow .item.more .pull-arrow-label .o-arrow {
    border-top-color: #F80
}

.game-schedule-flow .item.more .inner {
    border: 1px solid #FFF;
    background: #F80;
    -webkit-border-radius: 12px;
    color: #FFF
}

.game-schedule-flow::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 44px;
    width: 100%;
    height: 2px;
    background: #FFF;
    border: solid #ccc;
    border-width: 1px 0;
    z-index: 1
}

.raiders-tag-wrap {
    padding: 5px 10px;
    margin: 0;
    border-top: 1px solid #eee
}

.raiders-tag-wrap li {
    width: 33.33333333333333%
}

.gamecard-list-wrap .gamecard-list {
    padding: 5px 0
}

.gamecard-list-wrap .gamecard-list:nth-child(2) .label .game-title {
    background: #F80
}

.gamecard-list-wrap .gamecard-list:last-child {
    border-bottom-width: 0
}

.gamecard-list-wrap .gamecard-list:last-child .label .game-title {
    background: #ffb300
}

.gametopic-list .img {
    width: 105px;
    height: 60px
}

.bigevent-list .tr {
    position: relative
}

.bigevent-list .thead {
    height: 23px;
    line-height: 25px
}

.bigevent-list .tpast .item {
    color: #999
}

.bigevent-list .date {
    width: 30%;
    text-align: left;
    text-indent: 20px
}

.bigevent-list .state {
    width: 30%
}

.bigevent-list .button {
    width: 20%
}

.bigevent-list .arr-label {
    display: inline-block;
    text-align: center;
    text-indent: 0;
    margin-right: 5px
}

.block-tabtn, .cr-tab-btn {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #e6e6e6
}

.block-tabtn .cardlabel-tab, .cr-tab-btn .cardlabel-tab {
    margin: 5px 0
}

.block-tabtn .btn, .cr-tab-btn .btn {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.access-sec-title {
    text-align: center;
    height: 30px;
    line-height: 32px;
    background: #f7f7f7;
    color: #333;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    position: relative
}

.mod-graphic-topic .m-wrap .img-wrap {
    height: 100px;
    position: relative
}

.mod-graphic-topic .m-wrap .img-wrap .img {
    min-height: 100px
}

.mod-graphic-topic .m-wrap .img-wrap .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.relevant-feedback {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.relevant-feedback .mod-block-info {
    -webkit-box-flex: 1;
    padding-right: 0
}

.relevant-feedback .btn-wrap {
    -webkit-box-flex: 0;
    padding: 10px 15px 5px 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    -webkit-box-orient: vertical
}

.relevant-feedback .btn-wrap .btn {
    margin-bottom: 5px;
    width: 60px
}

.flod-in-wrap {
    border-bottom: 1px solid #e6e6e6
}

.flod-in-wrap .module-header-sec {
    padding: 0 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    line-height: 32px
}

.flod-in-wrap .module-header-sec .title {
    display: block;
    padding-left: 5px;
    font-size: 14px;
    color: #333;
    position: relative
}

.flod-in-wrap .module-header-sec .title::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    background: #F80
}

.flod-in-wrap .module-header-sec .more {
    display: block;
    width: 44px;
    height: 100%;
    position: relative
}

.flod-in-wrap .module-header-sec .more .modify {
    position: absolute;
    right: 0;
    width: 10px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    background-position: 0 -332px
}

.flod-in-wrap .raiders-tag-wrap {
    border-top-width: 0
}

.flod-in-wrap:last-child {
    border-bottom-width: 0
}

.flod-in-wrap .flod-in-container {
    display: none
}

.flod-in-wrap.f_opened .flod-in-container {
    display: block
}

.flod-in-wrap.f_opened .module-header-sec .more .modify {
    -webkit-transform: rotate(180deg)
}

.flod-in-wrap.f_closed .flod-in-container {
    display: none
}

.pack_item {
    max-height: 71px;
    overflow: hidden
}

.pack_item .more {
    display: none
}

.pack_item .more .game-title {
    border-right-width: 0
}

.contraction_in .mult-btn-wrap {
    display: none
}

.contraction_in.activated .activy_main {
    height: auto
}

.contraction_in.activated .activy_switch .modify {
    -webkit-transform: rotate(180deg)
}

.contraction_in.activated .mult-btn-wrap {
    display: -webkit-box
}

.contraction_in.abbreviated .activy_main {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.data-game li {
    padding-top: 0px
}

.data-game li .game-title {
    height: 40px;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.btn .emb-txt {
    font-style: normal;
    color: #ffd200
}

.btn .com-txt {
    color: #999
}

.data-more {
    height: 30px;
    position: absolute;
    top: 0;
    right: 13px;
    display: -webkit-box;
    -webkit-box-align: center
}

.data-more:after {
    content: '';
    width: 10px;
    height: 6px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/modify_sp.png) no-repeat 0 -333px;
    background-size: 16px auto;
    -webkit-transform: rotate(-90deg)
}

.data-way {
    padding: 5px;
    border-top: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    *zoom: 1
}

.data-way:before, .data-way:after {
    display: table;
    content: "";
    line-height: 0
}

.data-way:after {
    clear: both
}

.data-way li {
    width: 33.33333333333333%;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box
}

.data-way .item {
    height: 30px;
    border: 1px solid #ffb300;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 2px;
    color: #f80;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.data-way .item.press {
    background: #fff7e5
}

.data-img-box {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    position: relative
}

.data-img-box.label-hot {
    position: relative
}

.data-img-box.label-hot:before {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/data/hot.png) no-repeat 0 0;
    background-size: 36px auto
}

.data-img-box .data-hot-info {
    position: absolute;
    top: 5px;
    left: 0;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(-45deg)
}

.gift-box-wrap {
    margin: 10px;
    background-color: #fffceb;
    border: 1px solid #ffe294;
    -webkit-border-radius: 2px;
    position: relative;
    color: #333
}

.gift-box-wrap.press {
    background-color: #fff8d2
}

.gift-box-wrap .title {
    position: absolute;
    left: -5px;
    top: 5px;
    display: block;
    width: 104px;
    height: 23px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/bg/gift_title_bg.png);
    -webkit-background-size: 104px auto;
    background-repeat: no-repeat;
    color: #FFF;
    line-height: 18px;
    text-indent: 5px
}

.gift-box-wrap .m-wrap {
    padding: 25px 0 0 0;
    border-bottom: 1px solid #ffe294;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    overflow: hidden
}

.gift-box-wrap .m-wrap .content {
    -webkit-box-flex: 1;
    padding: 5px
}

.gift-box-wrap .m-wrap .img {
    -webkit-box-flex: 0;
    width: 65px;
    height: 65px
}

.gift-box-wrap .m-wrap .link {
    color: #1a71de
}

.gift-box-wrap .info-bar {
    line-height: 28px;
    padding: 0 5px
}

.downpackage-list li {
    border-width: 0
}

.downpackage-list .flow-label-head {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    background: #f5f5f5;
    padding: 5px 10px
}

.downpackage-list .flow-label-head .arr-label {
    margin: 0 5px 0 10px
}

.downpackage-list .flow-label-head .add-info {
    display: block;
    line-height: 15px;
    font-size: 14px;
    color: #333
}

.downpackage-list .btns-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    padding: 5px 0
}

.downpackage-list .btns-wrap .btn {
    width: 100%
}

.downpackage-list .descriptions-wrap {
    font-size: 14px;
    color: #666;
    padding: 5px 0 0 0;
    word-wrap: break-word;
    word-break: break-all
}

.downpackage-list .descriptions-wrap .label {
    color: #333
}

.graphic-wrap {
    display: block;
    position: relative;
    overflow: hidden
}

.graphic-wrap .img, .graphic-wrap .info {
    display: block
}

.graphic-wrap .img {
    width: 100%;
    min-height: 105px
}

.graphic-wrap .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.graphic-wrap .o-ins-autoplay {
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -20px
}

.graphic-banner {
    padding: 0 5px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.graphic-banner .item {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    padding: 0 5px
}

.graphic-banner .graphic-wrap {
    width: 100%;
    height: 105px
}

.data-item .new-data {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 1px;
    display: -webkit-box;
    background: rgba(255, 64, 0, 0.1);
    border-radius: 20px;
    -webkit-box-sizing: border-box
}

.data-item .new-data:after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    margin: 2px 0 0 2px;
    border-radius: 20px;
    background: #ff4000
}

.btn.btn-sm-org {
    background-color: #ffb300
}

.btn.btn-sm-org.press {
    background-color: #e6a100
}

input {
    font-family: "Droid Sans Fallback" "Rounded MT Bold", tahoma, Arial, "宋体", sans-serif
}

.mod-scroll-img {
    width: auto;
    margin: 10px 15px
}

.mod-scroll-img .scrool-img {
    width: 100%
}

.mod-scroll-img .scrool-img li {
    width: 30%;
    max-height: 248px
}

.mod-scroll-img .scrool-img .img {
    width: 100%;
    height: 100%;
    max-height: 248px
}

.slide-bar {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: 8;
    height: 2px;
    border-bottom: 2px solid #f80;
    pointer-events: none
}

.tags-wrap {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    padding: 0 10px;
    margin: 10px 0
}

.tags-wrap .title {
    -webkit-box-flex: 0;
    display: block;
    color: #f80;
    line-height: 26px
}

.tags-wrap .tags-btns {
    -webkit-box-flex: 1;
    *zoom: 1;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.tags-wrap .tags-btns:before, .tags-wrap .tags-btns:after {
    display: table;
    content: "";
    line-height: 0
}

.tags-wrap .tags-btns:after {
    clear: both
}

.tags-wrap .tags-btns .item {
    display: block;
    -webkit-box-flex: 1;
    width: 0;
    -webkit-box-sizing: border-box;
    margin-right: 5px
}

.tags-wrap .tags-btns .item .btn {
    color: #f80;
    border-color: #f80;
    width: 100%
}

.tags-wrap .tags-btns .item:last-child {
    margin-right: 0
}

.game-big-news {
    display: -webkit-box;
    padding-left: 15px
}

.game-big-news .item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1.0;
    width: 0
}

.game-big-news .item .name, .game-big-news .item .date {
    display: block;
    text-align: center
}

.game-big-news .item .name {
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 15px 15px 0;
    color: #fff;
    border-radius: 2px;
    background: #f80
}

.game-big-news .item .name:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -2px;
    background: #f80;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.game-big-news .item .date {
    position: relative;
    line-height: 30px;
    padding: 0 15px 0 0;
    border-top: 1px dashed #ccc
}

.game-big-news .item .date:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -11px;
    top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/big_event.png) no-repeat 0 0;
    background-size: 7px auto
}

.game-big-news .item.end .name {
    background: #dbdbdb
}

.game-big-news .item.end .name:after {
    background: #dbdbdb
}

.game-big-news .item.end .date::before {
    background-position: 0 -25.5px
}

.game-big-news .item.more {
    -webkit-box-flex: 0;
    width: 50px
}

.game-big-news .item.more .name {
    position: relative;
    display: inline-block;
    width: 34px;
    margin: 0 0 13px 0;
    border: 1px solid #f80;
    color: #f80;
    background: #fff
}

.game-big-news .item.more .name:after {
    width: 4px;
    height: 4px;
    bottom: -3px;
    border: 1px solid;
    border-color: #fff #f80 #f80 #fff;
    background: #fff
}

.game-big-news .item.more .date:before {
    width: 4px;
    height: 6px;
    margin-left: -9px;
    top: -3px;
    background-position: 0 -51.5px
}

.game-big-news .item:first-child .date {
    margin-left: -15px;
    padding-left: 15px
}

.game-big-news .item:first-child .date:before {
    margin-left: -3px
}

.mod-block-info {
    display: -webkit-box
}

.mod-block-info .base-info {
    -webkit-box-flex: 1.0;
    width: 0;
    margin-right: 10px
}

.mod-block-info .fast-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 60px
}

.mod-block-info .fast-link .btn {
    -webkit-box-flex: 1.0;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.mod-block-info .fast-link .btn:first-child {
    margin-bottom: 5px
}

.mod-news-list .inner-text i {
    margin-left: 2px;
    display: inline-block;
    vertical-align: sub
}

.mod-news-list .inner-text .o-ins-txt {
    display: inline;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    background: #60AFE7;
    border-radius: 1px
}

.title-right {
    color: #999
}

.gift-module .app-detailshow .content {
    margin-right: 80px
}

.gift-module .app-detailshow .game-title {
    line-height: 36px
}

.gift-module .app-detailshow .btn {
    width: 70px;
    top: 25px
}

.gift-module .search-wrap .search-text {
    color: #666;
    font-size: 12px
}

.gift-module .mod-pack-list .btn {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.gift-module .mod-pack-list .btn.btn-sm-org {
    background-color: #ffb300
}

.gift-module .mod-pack-list .btn.btn-sm-org.press {
    background-color: #e6a100
}

.gift-module .mod-pack-list.small-btn .content {
    padding-right: 35px
}

.gift-module .mod-pack-list.small-btn .btn {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 25px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px
}

.gift-module .mod-pack-list.small-btn li:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 15px;
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ico_sp.png?new) no-repeat -16px -296px;
    background-size: 33px auto
}

.gift-module .mod-pack-list .new-sub {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 26px;
    height: 26px;
    color: #fff
}

.gift-module .mod-pack-list .new-sub:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 13px solid;
    border-color: #f80 transparent transparent #f80
}

.gift-module .add-tip {
    padding: 10px 15px;
    display: -webkit-box
}

.gift-module .add-tip .txt {
    -webkit-box-flex: 1.0;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gift-module .opentest-tip {
    margin: 0 15px;
    line-height: 40px;
    border-top: 1px solid #e8e8e8;
    text-align: center
}

.gift-module .less-than-5 .m-wrap {
    position: relative;
    margin-bottom: 8px;
    min-height: 30px
}

.gift-module .less-than-5 .game-tit {
    margin-right: 70px;
    display: -webkit-box;
    -webkit-box-flex: 1.0;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

.gift-module .less-than-5 .btn {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0
}

.gift-module .less-than-5 .pack-info {
    display: -webkit-box;
    -webkit-box-flex: 1.0;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #999
}

.gift-module .mult-btn-wrap {
    padding: 10px 15px
}

.gift-module .mult-btn-wrap .available {
    text-indent: 10px
}

.gift-module .mult-btn-wrap .available:before {
    margin-left: -70px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ico_sp.png?new) no-repeat -11px -315px;
    background-size: 33px auto
}

.gift-module .download-tip {
    position: relative;
    margin: 0 15px 10px;
    line-height: 30px;
    border-radius: 2px;
    background: #f5f5f5;
    color: #999;
    text-align: center
}

.gift-module .download-tip:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    top: -8px;
    width: 0;
    height: 0;
    border-width: 4px 3px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5 transparent
}

.module-tab-nav .unable {
    color: #ccc
}

.pay-remind-bubble {
    display: none;
    text-align: center;
    color: #FFF;
    width: 106px;
    height: 65px;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    position: absolute;
    right: 30px;
    top: -38px;
    z-index: 12
}

#popFans .popup-container {
    display: none
}

.mod-popup-video {
    position: absolute;
    overflow: hidden
}

.mod-popup-video .mod-popup-bg {
    background: rgba(0, 0, 0, 0.6)
}

.mod-popup-video .the-video-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20
}

.mod-popup-video .the-video-wrap .inner-iframe {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    overflow: hidden;
    background: #f2f2f2
}

.show-info {
    padding: 0 15px;
    position: relative
}

.show-info .prompt {
    position: absolute;
    top: 10px;
    right: 15px
}

.file-box {
    width: 57px;
    height: 34px;
    position: relative;
    display: -webkit-box;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 37px
}

.file-box:before {
    content: '';
    width: 20px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/read.png) no-repeat -10px 0;
    background-size: 35px auto
}

.file-box #file-img {
    width: 28px;
    height: 20px;
    padding: 0;
    position: relative;
    top: 1px;
    opacity: 0
}

.up-file-box {
    width: 100%;
    min-height: 50px;
    margin-top: 9px;
    background: #f5f5f5;
    position: relative;
    padding: 10px 0px 0;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    border-top: 1px #d5d5d5 solid;
    border-bottom: 1px #d5d5d5 solid;
    z-index: 1;
    display: none
}

.up-file-box .triangle-cel {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -6px;
    left: 36px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    border-top: 1px #d5d5d5 solid;
    border-left: 1px #d5d5d5 solid;
    display: block
}

.up-file-box .imgUpload-box {
    display: -webkit-box
}

.imgUpload-box ul {
    width: 100%;
    display: -webkit-box
}

.imgUpload-box li {
    width: 65px;
    height: 65px;
    margin: 0 12px 10px 15px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-flex: 0
}

.imgUpload-box li.load-items {
    background: #f5f5f5;
    border: 2px #d8d8d9 solid
}

.imgUpload-box .close-img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -5px;
    right: -23px
}

.imgUpload-box .img-box {
    width: 65px;
    height: 65px;
    position: relative;
    overflow: hidden
}

.imgUpload-box img {
    position: absolute
}

.imgUpload-box li.load-items:before, .imgUpload-box li.load-items:after {
    content: '';
    width: 4px;
    height: 38px;
    background: #d8d8d9;
    position: absolute
}

.imgUpload-box li.load-items:before {
    top: 12px;
    left: 28px
}

.imgUpload-box li.load-items:after {
    top: 11px;
    left: 28px;
    -webkit-transform: rotate(90deg)
}

.imgUpload-box li.load-items input[type="file"] {
    width: 60px;
    height: 61px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.imgUpload-box li.load-items input[type="file"] input {
    padding: 0 !important;
    margin: 0 !important
}

.imgUpload-box li.loads {
    background: none
}

.imgUpload-box li.loads:before {
    content: '';
    width: 33px;
    height: 28px;
    position: absolute;
    top: 20px;
    left: 17px;
    z-index: 1;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/read.png) no-repeat -1px -24px;
    background-size: 35px auto
}

.imgUpload-box li.loads:after {
    content: '';
    width: 65px;
    height: 65px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.close-img .symbol {
    position: relative;
    -webkit-transform: rotate(45deg)
}

.close-img .symbol {
    width: 24px;
    height: 24px;
    background: #4c4c4c;
    border-radius: 50px;
    display: block
}

.close-img .symbol:after, .close-img .symbol:before {
    content: '';
    width: 2px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 11px
}

.close-img .symbol:after {
    -webkit-transform: rotate(90deg)
}

.mod-popup-prompt .popup-container.upload-img {
    padding: 0
}

.mod-popup-prompt .popup-container.upload-img .rate-star {
    padding: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .textarea {
    width: 250px;
    margin: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .tag-collect {
    padding: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .mod-btn-wrap {
    padding: 0 15px
}

#imgCanvas {
    display: none
}

.upload-states {
    padding: 0 15px;
    color: #7e7e7e;
    font-size: 12px;
    text-align: center
}

.upload-states .error {
    color: #f80
}

.img-list-up {
    display: -webkit-box
}

.img-list-up .img-items {
    width: 65px;
    height: 65px;
    margin-right: 10px;
    display: -webkit-box;
    position: relative;
    -webkit-box-flex: 0;
    overflow: hidden
}

.img-items img {
    position: absolute
}

.m-load2 {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 3
}

.m-load2 .line {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 23px;
    left: 23px
}

.m-load2 .line div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 15px;
    width: 15px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.see-bigPic {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 40
}

.see-bigPic .big-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.see-bigPic .big-main {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.see-bigPic .img-private {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.see-bigPic .dot-list {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    width: 100%
}

.see-bigPic .dot-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    -webkit-border-radius: 6px
}

.dot-wrap .item {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px
}

.dot-wrap .item.on {
    background: #f80
}

.pert-text {
    width: 65px;
    height: 65px;
    display: block;
    line-height: 65px;
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.progress {
    width: 65px;
    height: 4px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4
}

.progress .pgstate {
    width: 10%;
    height: 4px;
    display: block;
    background: #f80;
    border-radius: 0 5px 5px 0
}

[class^="m-badge-"], [class*=" m-badge-"] {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin: -2px 2px 0 0
}

.m-badge-lv1 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv1.png)
}

.m-badge-lv2 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv2.png)
}

.m-badge-lv3 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv3.png)
}

.m-badge-lv4 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv4.png)
}

.m-badge-lv5 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv5.png)
}

.m-badge-lv6 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv6.png)
}

.m-badge-lv7 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv7.png)
}

.m-badge-lv8 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv8.png)
}

.m-badge-lv9 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv9.png)
}

.m-badge-lv10 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv10.png)
}

.guilds-module .normal-promopt {
    height: 30px;
    line-height: 32px;
    font-size: 14px
}

.guilds-module .normal-promopt.has {
    text-align: left
}

.guilds-module .module-header {
    border-color: #e6e6e6
}

.guilds-module .search-wrap {
    background: #FFF
}

.guilds-module .search-wrap .ico-claer {
    display: none
}

.insteadpay-bar {
    background-color: #fff9f5;
    border: 1px solid #ffd8bc;
    border-left-width: 0;
    margin: 10px 15px;
    -webkit-border-radius: 2px;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    position: relative;
    padding: 0 8px 0 65px;
    height: 41px
}

.insteadpay-bar.press {
    background-color: #ffeadc
}

.insteadpay-bar .content {
    -webkit-box-flex: 1;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

.insteadpay-bar .btn {
    -webkit-box-flex: 0;
    background-color: #ff6000;
    font-size: 12px
}

.insteadpay-bar .btn.press {
    background-color: #e65600
}

.insteadpay-bar .label {
    display: block;
    position: absolute;
    width: 59px;
    height: 43px;
    left: -1px;
    top: -1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAABWBAMAAADoJX8UAAAAKlBMVEUAAAD/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awiUfGzTAAAADXRSTlMADNdTJWi7kI4458BFMtH+iAAAAOJJREFUWMPt1z0KwkAQhuE3GBALIagXSKegoAcQcgFbO0tLwTN4AvEeOYKNZSr/YiO5i0Uk/X4jmIWd/iGbnZmFj6KSi9xgKw/tcCbK+wIGok2BjmjnQCTaxGj1M1vuytIjL2fyX/Yg0zFsRFoCXdHugVi0GYBoMX5X/1/LPVv66+U8+2jjtSi3GXCR6BSA6CzQdwKIr3tKXT3BHvnWzpm+aiitUtnYlbN9NrbvbK8Ge/vJmZfO9oG5R/ps6DNp3oVTpdQEGOm77+Vb56MNeSHkhbbNZMgLIS+EvOCvzQ220O0H3f9RG4hFeUkAAAAASUVORK5CYII=');
    -webkit-background-size: 59px auto;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    line-height: 1.4
}

.insteadpay-bar .label .b {
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px
}

#games_portal {
    display: none
}

.advertising-banner {
    display: block;
    margin: 0 auto 10px auto;
    max-width: 640px;
    overflow: hidden;
    min-height: 73px;
    padding: 0 15px
}

.advertising-banner .img {
    display: block;
    width: 100%
}

.cr-tab-btn {
    border-bottom: none
}

.cr-tab-btn .btn {
    color: #333;
    background-color: #FFF;
    border: 1px solid #d5d5d5
}

.cr-tab-btn .btn.current {
    background: #FFF8E8;
    border: 1px solid #FFDAA5;
    color: #FF8800
}

.cr-tab-btn.cr-tab-5 li {
    width: 20%
}

.cr-tab-btn + .mod-topic-list .m-wrap:first-child {
    padding-top: 0
}

.cr-group-list, .cr-video-list {
    padding: 0 15px 1px;
    font-size: 0
}

.cr-group-list .cr-item, .cr-video-list .cr-item {
    display: inline-block;
    width: 50%;
    margin-left: -1px;
    margin-bottom: 10px;
    vertical-align: top
}

.cr-group-list .cr-item:nth-child(odd) .wrapper, .cr-video-list .cr-item:nth-child(odd) .wrapper {
    padding-left: 1px;
    padding-right: 5px
}

.cr-group-list .cr-item:nth-child(even) .wrapper, .cr-video-list .cr-item:nth-child(even) .wrapper {
    padding-left: 6px
}

.cr-group-list .cr-item .wrapper, .cr-video-list .cr-item .wrapper {
    max-width: 315px;
    margin: 0 auto;
    overflow-x: hidden
}

.cr-group-list .cr-item .img-wrap, .cr-video-list .cr-item .img-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 105px;
    overflow: hidden
}

.cr-group-list .cr-item .img-wrap img, .cr-video-list .cr-item .img-wrap img {
    width: 100%;
    height: auto;
    border-radius: 2px 2px 0 0
}

.cr-group-list .cr-item .info-wrap, .cr-video-list .cr-item .info-wrap {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    height: 28px;
    padding: 5px 4px;
    border: solid #e6e6e6;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 2px 2px
}

.cr-group-list .cr-item .info, .cr-video-list .cr-item .info {
    display: -webkit-box;
    line-height: 14px;
    color: #333;
    font-size: 10px;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.cr-card-list {
    display: -webkit-box;
    padding: 0 0 10px
}

.cr-card-list .cr-card-item {
    display: block;
    -webkit-box-flex: 1.0;
    width: 0;
    text-align: center;
    vertical-align: top
}

.cr-card-list .cr-card-item .img-wrap {
    display: block
}

.cr-card-list .cr-card-item .img-wrap img {
    margin: 0 auto
}

.cr-card-list .cr-card-item .name {
    display: block;
    line-height: 16px;
    margin-top: 5px;
    padding: 0 5px;
    color: #333;
    font-size: 12px
}

.cr-video-list .cr-item .img-wrap {
    height: 100px
}

.cr-video-list .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.rank-aside {
    position: relative
}

.rank-aside:after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 15px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/modify_sp.png) no-repeat 0 -518px;
    background-size: 20px auto;
    vertical-align: middle;
    margin-left: 3px
}

.cr-rank-list {
    display: -webkit-box;
    padding: 18px 0 10px
}

.cr-rank-list .cr-rank-item {
    position: relative;
    display: block;
    -webkit-box-flex: 1.0;
    width: 0;
    text-align: center
}

.cr-rank-list .cr-rank-item.current:after {
    content: '';
    position: absolute;
    z-index: 1;
    margin: auto;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #fffcf2 transparent transparent transparent
}

.cr-rank-list .face {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.cr-rank-list .face img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.cr-rank-list .face:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/zone/cr/rank_icon.png) no-repeat center center;
    background-size: 100%
}

.cr-rank-list .face:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
    border: 2px solid #ffb300;
    border-radius: 100%
}

.cr-rank-list .name {
    padding: 5px 5px 0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank-block {
    background: #fffcf2
}

.rank-block .info-wrapper {
    padding: 5px 15px;
    line-height: 22px;
    background: #8289d9;
    color: #fff
}

.rank-block .info-wrapper .label {
    color: #d1d5ff
}

.rank-news-list .m-wrap {
    position: relative
}

.rank-news-list .m-wrap .img-wrap {
    position: relative;
    width: 102px;
    background: #f5f5f5
}

.rank-news-list .m-wrap .img {
    max-width: 102px;
    width: auto;
    height: 77px;
    margin: 0 auto
}

.rank-news-list .m-wrap .date {
    width: 100%;
    color: #999;
    text-align: right
}

.rank-news-list .game-title {
    display: -webkit-box;
    height: 36px;
    line-height: 18px;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.rank-news-list .game-title .link {
    display: block
}

.rank-news-list .notes {
    -webkit-line-clamp: 1;
    color: #999;
    margin-bottom: 5px
}

.app-detailshow.game-cooperation {
    position: relative;
}

.app-detailshow.game-cooperation::after {
    content: '';
    width: 27px;
    height: 30px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/zone/sprite/icon_cooperation.png);
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    position: absolute;
    top: 0;
    right: 15px;
}

.app-detailshow.game-cooperation li .btn {
    top: 40px;
}
.appointment-gift {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/app_bg.png);
    margin: 10px 10px;
    border-radius: 5px;
    font-size: 0;
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat
}

.appointment-gift ul {
    font-size: 0;
    width: 71%;
    display: inline-block
}

.appointment-gift li {
    display: inline-block;
    font-size: 12px;
    width: 27.33%;
    text-align: center;
    color: #333
}

.appointment-gift li:first-child:nth-last-child(1) {
    margin: 5px 36% 1px;
}

.appointment-gift li:first-child:nth-last-child(2),
.appointment-gift li:first-child:nth-last-child(2) ~ li {
    margin: 5px 11.25% 1px;
}

.appointment-gift li:first-child:nth-last-child(3),
.appointment-gift li:first-child:nth-last-child(3) ~ li {
    margin: 5px 3% 1px;
}

.appointment-gift li span {
    text-align: center;
    white-space: nowrap
}

.appointment-gift li div {
    background: #fff;
    border-radius: 50%;
    width: 70%;
    margin: 0  auto 2.5px;
}

.appointment-gift li div img{
    width: 84%;
    display: block;
    padding: 8%;
}

.appointment-gift-button {
    width: 25%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    color: #fff;
    overflow: hidden
}

.appointment-gift-button-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    font-style: italic;
    width: 29%;
    text-align: center
}

.appointment-gift-button-p1 {
    font-weight: bold;
    font-size: 16px;
}

.appointment-gift-button-p2 {
    opacity: 0.6;
    font-size: 11px;
    width: 55px;
    margin: 0 auto;
    line-height: 14px;
}

.btn-color-update {
    background: #f67b29
}

.mod-popup-prompt .rw-popup-container {
    width: 320px;
    margin-left: -160px
}

.mod-popup-prompt .rw-popup-container .rw-popup_close {
    left: 50%;
    top: 110%;
    transform: translateX(-50%);
    background: transparent;
    width: 35px;
    height: 35px;
    border: 1px solid #fff
}

.rw-mod-one-btn-wrap .btn {
    background: #f67b29;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px
}

.rw-popup-container .text-content {
    font-size: 12px;
    color: #7d7d7d
}

.text-content .key {
    color: #f57b28 !important
}

.rw-popup-app {
    padding: 0 15px;
    font-size: 0;
    margin-bottom: 15px
}

.rw-popup-app img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    height: 80px
}

.rw-popup-app-text {
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    color: #333
}

.rw-popup-app-text-title {
    font-weight: bold
}

.rw-popup-app-text ul {
    line-height: 20px;
    font-size: 10px
}

.rw-popup_close::after {
    height: 16px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    left: 50%;
    margin-left: -8px;
    background-position: 0 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/app_close.png)
}

.opentest-new-tips {
    position: relative;
    width: 100%;
    line-height: 36px;
    margin: 15px 0
}

.opentest-new-button {
    width: 160px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #ff8a03;
    border-radius: 3px
}

.opentest-new-mask {
    position: absolute;
    top: 45px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/opentest_mask.png);
    background-size: 100% 100%;
    color: #ffef66;
    font-size: 13px;
    padding: 0 12px;
    z-index: 19;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 40px;
    line-height: 44px
}

.rw-pay-remind-bubble {
    top: 71px;
    right: 15px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/top_appmask.png);
    background-size: 100% 100%;
    color: #ffef66;
    line-height: 24px;
    font-size: 13px
}

.rw-topblock-wrap{
    padding-top: 0 !important;
    margin: 10px 15px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.rw-topblock-wrap.inflow{
    padding: 10px 15px;
    margin: 0;
    padding-top: 10px !important;
}

.portal-bottom-fixed {
    text-align: center;
    font-size: 16px;
    display: none;
}
.portal-bottom-fixed .fixed-block {
    position: relative;
    height: 56px;
}
.portal-bottom-fixed .fixed-main {
    position: fixed;
    display: flex;
    bottom: 0;
    width: 100%;
    padding: 12px 0;
    background: #fff;
    box-shadow: 0 0 5px #999;
    z-index: 11;
}
.portal-bottom-fixed a {
    flex: 1;
    margin: 0 35px;
    color: inherit;
}
.portal-bottom-fixed .download {
    flex: 1;
    border: 1px solid #f67b29;
    color: #f67b29;
    line-height: 30px;
    border-radius: 3px;
}
.portal-bottom-fixed .high-download {
    color: #fff;
    border-radius: 3px;
    background: #f67b29;
}

.portal-new-nav {
    display: flex;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #666;
}
.portal-new-nav div {
    flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    line-height: 46px;
}
.portal-new-nav div.select {
    color: #f67b29;
    font-weight: bold;
    position: relative;
}
.portal-new-nav div.select::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #f67b29;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -17.5px;
}
.portal-new-nav a {
    flex: 1;
    -webkit-box-flex: 1;
}

.portal-new-nav.portal-top-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
    z-index: 11;
}
.portal-new-nav.portal-top-fixed a {
    color: inherit;
}

.portal-new {
    background: #f6f6f6;
}
.portal-new a {
    color: inherit;
}
.portal-new .portal-header {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/portal_header_bg.jpg) center top #fff no-repeat;
    position: relative;
    padding-top: 48px;
    text-align: center;
    padding-bottom: 20px;
}
.portal-new .portal-header img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-header .back {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/back.png);
    position: absolute;
    width: 12px;
    background-size: 100%;
    height: 22.5px;
    top: 12px;
    left: 15px;
}
.portal-new .portal-header .subscribe {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #fff;
    font-size: 14px;
}
.portal-new .portal-header .subscribe::after {
    content: "";
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/subscribe.png);
    position: absolute;
    top: 0;
    left: -25px;
    width: 20px;
    height: 23.5px;
    background-size: 100% 100%;
}
.portal-new .portal-header .logo {
    width: 66px;
    height: 66px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 15px;
}
.portal-new .portal-header .name {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-top: 8px;
}
.portal-new .portal-header .info {
    color: #999;
    font-size: 12px;
}
.portal-new .portal-header .mark .stars {
    display: inline-flex;
}
.portal-new .portal-header .mark .stars span {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_full.png);
    background-size: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
}
.portal-new .portal-header .mark .stars .half {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_half.png);
}
.portal-new .portal-header .mark .stars .zero {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_empty.png);
}
.portal-new .portal-header .mark .point {
    font-size: 12px;
}
.portal-new .portal-header .mark .point .num {
    color: #f67b29;
}
.portal-new .portal-header .game {
    color: #5ea8fa;
    position: relative;
    font-size: 12px;
}
.portal-new .portal-header .game::before {
    content: "";
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/9game.png);
    position: absolute;
    top: 50%;
    left: -13px;
    width: 10px;
    height: 12px;
    background-size: 100%;
    margin-top: -5.5px;
}
.portal-new .portal-header .portal-header-btn {
    margin-top: 18px;
    font-size: 16px;
}
.portal-new .portal-header .portal-header-btn .download {
    color: #f67b29;
    border: 1px solid #f67b29;
    padding: 11px 20px;
    border-radius: 3px;
    background: #fff;
}
.portal-new .portal-header .portal-header-btn .high-download {
    color: #fff;
    background: #f67b29;
    margin-left: 15px;
}
.portal-new .portal-new-roll-list {
    background: #fff;
    border: 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.portal-new .portal-new-roll-list .label {
    margin-top: -14.5px;
    top: 50%;
    height: 31px;
}
.portal-new .portal-new-nav.fixed {
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
}
.portal-new .portal-label {
    font-size: 0;
    color: #fff;
    background: #fff;
    padding: 15px 15px 15px 0;
}
.portal-new .portal-label span {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    margin-left: 10px;
}
.portal-new .portal-label span:first-child {
    margin-left: 15px;
}
.portal-new .portal-label span:nth-child(1) {
    background: #f67b29;
}
.portal-new .portal-label span:nth-child(2) {
    background: #ebb100;
}
.portal-new .portal-label span:nth-child(3) {
    background: #0bc8a6;
}
.portal-new .portal-label span:nth-child(4) {
    background: #4197f6;
}
.portal-new .portal-label span:nth-child(5) {
    background: #875df2;
}
.portal-new .portal-label span:nth-child(6) {
    background: #f74163;
}
.portal-new .portal-label span:nth-child(7) {
    background: #f34d48;
}
.portal-new .portal-label span:nth-child(7) {
    background: #ad7645;
}
.portal-new .portal-gameInfo {
    background: #fff;
}
.portal-new .portal-gameInfo .modify {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/up.png);
    width: 14px;
    background-position: 0 0;
    background-size: 100%;
    height: 7px;
}
.portal-new .portal-gameInfo .app-introduce {
    margin: 10px 0 0 0;
}
.portal-new .portal-gameInfo .mod-scroll-img {
    margin: 0 15px;
}
.portal-new .portal-article {
    margin-top: 10px;
    padding: 15px 15px 0;
    background: #fff;
}
.portal-new .portal-article .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.portal-new .portal-article .title .more {
    color: #999;
    font-size: 12px;
    position: relative;
    float: right;
    line-height: 25px;
    margin-right: 12px;
}
.portal-new .portal-article .title .more::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -13px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-new .portal-article .tap {
    color: #f67b29;
    font-size: 14px;
    display: flex;
    text-align: center;
}
.portal-new .portal-article .tap a {
    flex: 1;
    border: 1px solid;
    margin-right: 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 3px 0;
}
.portal-new .portal-article .tap a:last-child {
    margin-right: 0;
}
.portal-new .portal-article .more {
    border-top: 1px solid #ebebeb;
    text-align: center;
    line-height: 40px;
    margin: 0 -15px;
    color: #f67b29;
    font-size: 13px;
}
.portal-new .portal-article .video {
    display: flex;
}
.portal-new .portal-article .video span {
    flex: 1;
    position: relative;
    height: 90px;
}
.portal-new .portal-article .video span:first-child {
    margin-right: 10px;
}
.portal-new .portal-article .video span:only-child {
    margin-right: 0;
    height: 170px;
}
.portal-new .portal-article .video .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.portal-new .portal-article .news {
    margin-top: 15px;
}
.portal-new .portal-article .news .news-list {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    position: relative;
}
.portal-new .portal-article .news .news-list .main {
    display: flex;
}
.portal-new .portal-article .news .news-list .main .left {
    flex: 1;
}
.portal-new .portal-article .news .news-list .main .text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
}
.portal-new .portal-article .news .news-list .main .img {
    width: 130px;
    height: 90px;
    margin-left: 24px;
}
.portal-new .portal-article .news .news-list .main div:only-child .text {
    height: auto;
    margin-bottom: 5px;
}
.portal-new .portal-article .news .news-list .origin {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 23px;
}
.portal-new .portal-article .news .news-list .read {
    font-size: 10px;
    color: #999;
    background: #f3f3f3;
    padding: 2px 10px;
    border-radius: 5px;
    float: right;
}
.portal-new .portal-article img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-recommendGame {
    background: #fff;
    margin-top: 10px;
    padding: 0 10px 10px 10px;
}
.portal-new .portal-recommendGame img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-recommendGame .title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    padding-top: 10px;
}
.portal-new .portal-recommendGame .game {
    display: flex;
    justify-content: space-around;
    text-align: center;
    font-size: 12px;
}
.portal-new .portal-recommendGame .game .game-li {
    width: 21%;
}
.portal-new .portal-recommendGame .game .game-li .name {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    margin-top: 5px;
}
.portal-new .portal-recommendGame .game .game-li .info {
    color: #999;
    font-size: 10px;
    line-height: 16px;
}
.portal-new .portal-recommendGame .game .game-li .download {
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
    width: 80%;
    margin: 5px auto 0;
    line-height: 25px;
}
.portal-new .portal-comment {
    background: #fff;
    margin-top: 10px;
    padding: 0 15px;
}
.portal-new .portal-comment .mark {
    line-height: 40px;
}
.portal-new .portal-comment .mark .left {
    font-size: 16px;
    color: #333;
}
.portal-new .portal-comment .mark .left .num {
    color: #f67b29;
    font-style: italic;
    margin-left: 5px;
    font-weight: bold;
}
.portal-new .portal-comment .mark .review {
    font-size: 12px;
    color: #999;
    float: right;
    position: relative;
    margin-right: 15px;
}
.portal-new .portal-comment .mark .review::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -7px;
}
.portal-new .portal-comment .comment .comment-li {
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
    position: relative;
}
.portal-new .portal-comment .comment .comment-li .name {
    font-size: 14px;
    color: #666;
}
.portal-new .portal-comment .comment .comment-li .text {
    font-size: 14px;
    color: #333;
    word-wrap: break-word;

}
.portal-new .portal-comment .comment .comment-li .reply-view-item {
    position: absolute;
    right: 1px;
    top: 10px;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand {
    display: inline-block;
    vertical-align: middle;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand .default-up {
    background-position: 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/like.png);
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand .change-up {
    background-position: 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/like_active.png);
    background-size: 100%;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-num {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.portal-new .portal-game-develop {
    background: #fff;
    margin-top: 10px;
    position: relative;
    padding: 10px 15px;
    font-size: 14px;
    color: #666;
}
.portal-new .portal-game-develop .company {
    color: #333;
}
.portal-new .portal-game-develop .other {
    position: absolute;
    right: 30px;
    top: 50%;
    color: #999;
    margin-top: -11px;
}
.portal-new .portal-game-develop .other::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -7px;
}
.portal-new .portal-game-info {
    background: #fff;
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    padding: 3px 15px 15px 15px;
    margin-bottom: 10px;
    position: relative;
}
.portal-new .portal-game-info .title {
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 44px;
}
.portal-new .portal-game-info .version {
    margin-top: 10px;
    line-height: 40px;
}
.portal-new .portal-game-info .date {
    line-height: 30px;
}
.portal-new .portal-game-info .button {
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 60px;
}
.portal-new .portal-game-info .button .question {
    padding: 5px 10px;
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
}
.portal-new .portal-game-info .button .advise {
    padding: 5px 10px;
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
    margin-top: 8px;
}
.portal-new .portal-bigEvent {
    background: #fff;
    padding: 0 10px 15px;
    color: #333;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg {
    padding: 10px 5px 5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header {
    display: flex;
    position: relative;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header .event_img {
    width: 63px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header .text {
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header::after {
    content: '';
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/up.png);
    width: 14px;
    height: 7px;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3.5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header.active::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main {
    display: none;
    margin-left: 73px;
    line-height: 30px;
    margin-top: 8px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .first, .portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next {
    position: relative;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .first::before {
    content: '';
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/time.png);
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    left: -27px;
    top: 50%;
    margin-top: -7.5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next::before {
    content: '';
    background: #c1c1c1;
    width: 4px;
    height: 4px;
    background-size: 100%;
    position: absolute;
    left: -20.8px;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next::after {
    content: '';
    background: #ddd;
    width: 1px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: -19.5px;
    bottom: 20px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next.secondary::after {
    height: 14px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg.active {
    background: #f6f6f6;
}

.display_more {
    text-align: center;
    color: #f67b29;
    font-size: 13px;
    margin-top: 5px;
}

.display_more::before {
    content: '显示更多';
}

.f_opened .display_more::before {
    content: '收起更多';
}

.portal-article-main {
    background: #fff;
    position: relative;
    padding-top: 44px;
}
.portal-article-main .tap-list {
    display: flex;
    text-align: center;
    line-height: 43px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 12;
    background: #fff;
}
.portal-article-main .tap-list div {
    flex: 1;
    color: #666;
    position: relative;
}
.portal-article-main .tap-list .select {
    color: #f67b29;
    font-weight: bold;
}
.portal-article-main .select::before {
    content: '';
    width: 35px;
    height: 2px;
    background: #f67b29;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -17.5px;
}
.portal-article-main .page_more {
    color: #f67b29;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #e1e1e1;
    font-size: 14px;
}
.portal-article-main .tap-main {
    padding: 0 15px;
}
.portal-article-main .tap-main .topic-main {
    margin-top: 10px;
}
.portal-article-main .tap-main .topic-main .topic-list {
    position: relative;
    padding-bottom: 10px;
}
.portal-article-main .tap-main .topic-main .topic-list .img {
    height: 140px;
    width: 100%;
}
.portal-article-main .tap-main .topic-main .topic-list .img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
}
.portal-article-main .tap-main .topic-main .topic-list .text {
    position: absolute;
    bottom: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.portal-article-main .tap-main .video-main {
    font-size: 0;
    margin-top: 10px;
}
.portal-article-main .tap-main .video-main .video-list {
    display: inline-block;
    width: 48.5%;
    position: relative;
}
.portal-article-main .tap-main .video-main .video-list .img {
    height: 80px;
}
.portal-article-main .tap-main .video-main .video-list .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-article-main .tap-main .video-main .video-list .o-ins-autoplay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.portal-article-main .tap-main .video-main .video-list:nth-child(2n-1) {
    margin-right: 3%;
    margin-bottom: 10px;
}
.portal-article-main .tap-main .video-main .text {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    color: #333;
    line-height: 25px;
    text-align: center;
}
.portal-article-main .tap-main .news-list {
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
    position: relative;
}
.portal-article-main .tap-main .news-list .main {
    display: flex;
}
.portal-article-main .tap-main .news-list .main .left {
    flex: 1;
}
.portal-article-main .tap-main .news-list .main .text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
}
.portal-article-main .tap-main .news-list .main .img {
    width: 130px;
    height: 90px;
    margin-left: 24px;
}
.portal-article-main .tap-main .news-list .main .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-article-main .tap-main .news-list .main div:only-child .text {
    height: auto;
    margin-bottom: 5px;
}
.portal-article-main .tap-main .news-list .origin {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 23px;
}
.portal-article-main .tap-main .news-list .read {
    font-size: 10px;
    color: #999;
    background: #f3f3f3;
    padding: 2px 10px;
    border-radius: 5px;
    float: right;
}
.portal-article-main .tap-main .news-list:first-child {
    border-top: 0;
}

.portal-newFooter .client-wrap {
    background-color: #fff;
    margin-bottom: 10px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.portal-newFooter .client-wrap a.cf {
    display: block;
}
.portal-newFooter .client-wrap .icon-client-wrap {
    padding: 5px 0 5px 15px;
    float: left;
    line-height: 30px;
}
.portal-newFooter .client-wrap .icon-client {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    float: left;
}
.portal-newFooter .client-wrap i {
    color: #ff8800;
}
.portal-newFooter .client-wrap .down-client-wrap {
    width: 58px;
    height: 40px;
    border-left: 1px solid #ebebeb;
    float: right;
    line-height: 40px;
    text-align: center;
}
.portal-newFooter .client-wrap .down-client {
    width: 14px;
    height: 19px;
    vertical-align: middle;
}
.portal-newFooter .bottom-category {
    background-color: #fff;
    padding: 12.5px;
    text-align: center;
}
.portal-newFooter .bottom-category .category-in {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
    display: flex;
}
.portal-newFooter .bottom-category .category-in a {
    width: 40px;
    flex: 1;
    margin-left: 7%;
    margin-right: 7%;
    font-size: 14px;
}
.portal-newFooter .bottom-category .category-in a div {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5px;
}
.portal-newFooter .bottom-category .category-in a img {
    max-width: 100%;
}
.portal-newFooter .bottom-category .login .txt {
    font-size: 14px;
    color: #666;
    padding-top: 12.5px;
    padding-bottom: 10px;
}
.portal-newFooter .bottom-category .login a {
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    border: 1px solid #f67b29;
    color: #f67b29;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
}
.portal-newFooter .bottom-category .login .btn {
    width: auto;
    background: inherit;
}
.portal-newFooter .bottom-category .login-in {
    padding-top: 12.5px;
    font-size: 14px;
    color: #666;
}
.portal-newFooter .bottom-category .login-in i {
    color: #4197f6;
}
.portal-newFooter .bottom-category .login-in .name {
    margin-right: 5px;
}
.portal-newFooter .footer {
    padding: 25px 15px 25px;
    text-align: center;
}
.portal-newFooter .footer .link {
    padding-bottom: 25px;
}
.portal-newFooter .footer .link a {
    line-height: 13px;
    border-left: 1px solid #ddd;
    padding-left: 7.5px;
    margin-left: 7.5px;
    font-size: 14px;
    color: #333;
}
.portal-newFooter .footer .link a:first-child {
    border: none;
}
.portal-newFooter .footer .txt {
    font-size: 12px;
    color: #999;
}
.portal-newFooter .footer .txt a {
    border-left: 1px solid #ddd;
    padding-left: 7.5px;
    margin-left: 7.5px;
    color: #999;
}

.portal-gift {
    margin-top: 44px;
    position: relative;
}
.portal-gift .portal-new-nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
}

.portal-gift-event {
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px;
}
.portal-gift-event .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}
.portal-gift-event .more{
    float: right;
    color: #f67b29;
    font-size: 14px;
    margin-right: 15px;
}
.portal-code .more{
    float: right;
    color: #f67b29;
    font-size: 14px;
    margin-right: 15px;
}
.portal-gift-event .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-gift-event .main {
    color: #fff;
    position: relative;
}
.portal-gift-event .main .name {
    font-size: 16px;
}
.portal-gift-event .main .date {
    font-size: 10px;
}
.portal-gift-event .main .detail {
    font-size: 13px;
    position: absolute;
    border: 1px solid #fff;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    padding: 2px 6px;
    border-radius: 3px;
}

.portal-code {
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px 0;
}
.portal-code .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}
.portal-code .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-code .list-li {
    border-top: 1px solid #e1e1e1;
    position: relative;
}
.portal-code .list-li .text {
    font-size: 14px;
    color: #333;
    line-height: 45px;
}
.portal-code .list-li .button {
    font-size: 13px;
    background: #fb7217;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 1px 15px;
    border-radius: 3px;
    margin-top: -13px;
}
.portal-unable {
    color: #ccc;
}

.portal-gift-event .main {
    color: #fff;
    position: relative;
    overflow: hidden;
}
.portal-gift-event .main .name {
    font-size: 16px;
    margin-left: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 70px;
}
.portal-gift-event .main .date {
    font-size: 10px;
    margin-left: 14px;
}
.portal-gift-event .main .detail {
    font-size: 13px;
    position: absolute;
    border: 1px solid #fff;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    padding: 2px 6px;
    border-radius: 3px;
}
.portal-gift-event .main ul {
    font-size: 0;
}
.portal-gift-event .main li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/bg.jpg);
    background-size: 100% 100%;
}
.mult-btn-wrap.rw-topblock-wrap .btn-sec-w {

}
.diff-down.inflow .btn-sec-w {
    display: none;
}
.portal-inner-video{
    position: fixed;
    z-index: 9999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    top: 50%;
    background: #000;
}
.mod-topic-list li {
    border: solid #eee;
    border-width: 0 0 1px 0
}

.mod-topic-list li:last-child {
    border-bottom-width: 0
}

.mod-topic-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 10px 15px;
    background-color: #FFF
}

.mod-topic-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-topic-list .img, .mod-topic-list .img-wrap, .mod-topic-list .figures {
    display: block;
    -webkit-box-flex: 0;
    margin-right: 10px
}

.mod-topic-list .img {
    width: 67px;
    height: 67px
}

.mod-topic-list .content {
    -webkit-box-flex: 1;
    line-height: 1.2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: start
}

.mod-topic-list .game-title {
    margin-bottom: 2px;
    width: 100%
}

.mod-topic-list .notes {
    margin: 2px 0;
    line-height: 1.4;
    color: #777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.mod-topic-list .game-info {
    color: #999;
    font-size: 11px
}

.teahouse-list .m-wrap {
    position: relative;
    padding: 0 15px
}

.teahouse-list .img-wrap, .teahouse-list .figures, .teahouse-list .content {
    height: 60px;
    padding: 10px 0
}

.teahouse-list .img-wrap, .teahouse-list .figures {
    position: relative;
    height: 60px
}

.teahouse-list .img-wrap img, .teahouse-list .img-wrap .img, .teahouse-list .figures img, .teahouse-list .figures .img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 2px
}

.teahouse-list .img-wrap .date, .teahouse-list .figures .date {
    display: block;
    position: absolute;
    height: 12px;
    line-height: 14px;
    font-size: 9px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 2px 0 0 2px;
    right: 0;
    bottom: 16px;
    padding: 0 2px
}

.teahouse-list .img-wrap {
    width: 60px
}

.teahouse-list .figures {
    width: 105px
}

.teahouse-list .content {
    position: relative;
    -webkit-box-pack: start
}

.teahouse-list .content .game-title {
    margin: 5px 0 2px 0
}

.teahouse-list .content .aside-info {
    display: block;
    position: absolute;
    right: 0;
    bottom: 13px;
    line-height: 16px;
    color: #F80;
    background: #FFF;
    padding-left: 5px
}

.module-table-list .tr {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 42px;
    line-height: 44px;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFF
}

.module-table-list .tr.press {
    background-color: #f2f2f2
}

.module-table-list .tr:last-child {
    border-bottom-width: 0
}

.module-table-list .tr.thead {
    height: 23px;
    background: #f8f8f8;
    border-bottom-width: 0
}

.module-table-list .tr.thead .item {
    font-size: 12px;
    color: #666;
    line-height: 23px
}

.module-table-list .item {
    -webkit-box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    -webkit-box-sizing: border-box;
    color: #333;
    font-size: 12px
}

.module-table-list .item .num-modify, .module-table-list .item .inner {
    display: block
}

.module-table-list .item .num-modify {
    position: static;
    margin-right: 5px;
    overflow: visible
}

.module-table-list .item .inner {
    height: 42px;
    line-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-flex: 1
}

.module-table-list .label {
    width: 40%;
    text-align: left;
    padding-left: 15px;
    line-height: 1;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    font-size: 14px
}

.module-table-list .title {
    font-size: 14px
}

.module-table-list .date {
    width: 25%
}

.module-table-list .state {
    width: 18%
}

.module-table-list .hot {
    width: 16%
}

.module-table-list .heat {
    -webkit-box-flex: 0;
    width: 18%;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.module-table-list .heat .o-ins-down, .module-table-list .heat .o-ins-up, .module-table-list .heat .o-ins-flat {
    display: block;
    margin: -2px 0 0 2px
}

.module-table-list .down, .module-table-list .code {
    -webkit-box-flex: 0
}

.module-table-list .down {
    width: 54px
}

.module-table-list .code {
    width: 80px;
    padding-right: 15px;
    text-align: right
}

.module-table-list .code .btn {
    margin: 10px 0 0 15px
}

.module-table-list .code .inner {
    font-size: 12px;
    color: #666
}

.module-table-list .news {
    text-align: left;
    padding: 0 15px
}

.module-table-list .detail {
    width: 25%;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.module-table-list .detail .img-wrap {
    display: block;
    margin-right: 5px;
    -webkit-box-flex: 0
}

.module-table-list .detail .game-icon {
    width: 45px;
    height: 45px
}

.module-table-list .detail .content {
    -webkit-box-flex: 1;
    line-height: 20px;
    text-align: left;
    overflow: hidden
}

.module-table-list .detail .content .game-sep-info .item {
    overflow: visible;
    font-size: 12px;
    color: #999
}

.module-table-list .down .btn {
    width: 50px;
    height: 24px;
    line-height: 26px;
    font-size: 12px;
    margin: 10px auto 0 auto
}

.module-table-list .down .ico {
    margin: 10px auto 0 auto
}

.module-table-list .download {
    -webkit-box-flex: 0;
    width: 75px;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.gameheat-rank-list .tr {
    height: 65px
}

.gameheat-rank-list .thead .detail {
    -webkit-box-pack: center
}

.gameheat-rank-list .thead .download {
    text-indent: 20px
}

.gameheat-rank-list .label {
    -webkit-box-flex: 0;
    width: 45px
}

.mod-news-list li {
    border-bottom: 1px solid #e6e6e6
}

.mod-news-list li:last-child {
    border-bottom-width: 0
}

.mod-news-list .m-wrap {
    display: block;
    padding: 10px 15px;
    background-color: #FFF
}

.mod-news-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-news-list .game-title {
    line-height: 25px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.mod-news-list .game-title .inner-text, .mod-news-list .game-title .aside {
    display: block;
    -webkit-box-flex: 1
}

.mod-news-list .game-title .inner-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod-news-list .game-title .aside {
    color: #999;
    -webkit-box-flex: 0;
    width: 50px;
    text-align: right
}

.module-game-list li {
    position: relative;
    border-bottom: 1px solid #e6e6e6
}

.module-game-list li:last-child {
    border-bottom-width: 0
}

.module-game-list li[type="btn"] {
    background-color: #FFF
}

.module-game-list li[type="btn"].press {
    background-color: #f2f2f2
}

.module-game-list li[type="btn"] .m-wrap {
    background: none
}

.module-game-list .m-wrap {
    padding: 10px 80px 10px 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    background-color: #FFF
}

.module-game-list .m-wrap.press {
    background-color: #f2f2f2
}

.module-game-list .m-wrap .label-wrap {
    width: 25px;
    -webkit-box-flex: 0;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center
}

.module-game-list .m-wrap .label-wrap .num-modify {
    position: static
}

.module-game-list .m-wrap .img-wrap {
    display: block;
    -webkit-box-flex: 0;
    margin-right: 10px
}

.module-game-list .m-wrap .content {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: start;
    height: 60px;
    overflow: hidden
}

.module-game-list .m-wrap .content .header {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    -webkit-box-align: center;
    height: 20px;
    line-height: 22px;
    margin: 0 0 3px 0;
    width: 100%
}

.module-game-list .m-wrap .content .header .game-title {
    -webkit-box-flex: 1;
    margin-right: 3px
}

.module-game-list .m-wrap .content .header .ico-gift {
    -webkit-box-flex: 0
}

.module-game-list .m-wrap .content .mult-fix .game-title {
    -webkit-box-flex: 0;
    margin-right: 3px;
    max-width: 110px
}

@media screen and (min-width: 360px) and (max-width: 400px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 155px
    }
}

@media screen and (min-width: 400px) and (max-width: 480px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 190px
    }
}

@media screen and (min-width: 480px) {
    .module-game-list .m-wrap .content .mult-fix .game-title {
        max-width: 270px
    }
}

.module-game-list .m-wrap .content .game-info, .module-game-list .m-wrap .content .game-sep-info, .module-game-list .m-wrap .content .notes, .module-game-list .m-wrap .content .game-widget {
    margin-bottom: 3px;
    line-height: 1.3
}

.module-game-list .m-wrap .content .game-info:last-child, .module-game-list .m-wrap .content .game-sep-info:last-child, .module-game-list .m-wrap .content .notes:last-child, .module-game-list .m-wrap .content .game-widget:last-child {
    margin-bottom: 0
}

.module-game-list .m-wrap .content .game-info, .module-game-list .m-wrap .content .game-sep-info {
    width: 100%;
    color: #999
}

.module-game-list .m-wrap .content .game-widget {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.module-game-list .m-wrap .content .game-widget .game-sep-info {
    -webkit-box-flex: 1;
    width: auto;
    margin: 0;
    line-height: 18px
}

.module-game-list .m-wrap .content .game-widget .star {
    -webkit-box-align: center;
    margin-right: 5px
}

.module-game-list .aside-wrap {
    position: absolute;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    right: 15px;
    padding-left: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.module-game-list .mult .m-wrap {
    padding-right: 80px
}

.gametest-list .flow-label-head {
    background: #f5f5f5;
    height: 23px;
    border-bottom-width: 0
}

.gametest-list .m-header {
    background: #FFF;
    padding: 3px 0
}

.gametest-list li .pure-msg {
    margin-left: 20px;
    font-size: 14px;
    color: #999
}

.gametest-list li .m-wrap .game-info .item {
    margin-right: 5px
}

.gametest-list li .aside-wrap {
    margin-top: -18px
}

.gametest-list li .aside-wrap .btn-sec-exp {
    font-size: 12px
}

.gametest-list li .aside-wrap .notes {
    color: #999
}

.onewords-list li .m-wrap {
    padding-right: 15px
}

.onewords-list li .m-wrap .game-info {
    font-size: 12px
}

.onewords-list li .aside-wrap {
    margin-top: -25px
}

.tagslabel-list li .m-wrap .content .header {
    margin-bottom: 0
}

.tagslabel-list li .m-wrap .content .game-sep-info {
    margin-bottom: 1px
}

.tagslabel-list li .m-wrap .tagslabel-wrap {
    padding: 0
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn {
    margin: 0 5px 0 0;
    width: auto;
    padding: 0 3px;
    max-width: 45px;
    height: 17px;
    line-height: 19px;
    font-size: 10px
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-bluegreen {
    background-color: rgba(38, 191, 191, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-bluegreen.press {
    background-color: rgba(34, 170, 170, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-green {
    background-color: rgba(107, 178, 71, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-green.press {
    background-color: rgba(96, 160, 64, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-org {
    background-color: rgba(255, 121, 76, 0.6)
}

.tagslabel-list li .m-wrap .tagslabel-wrap .btn-sm-org.press {
    background-color: rgba(255, 102, 51, 0.6)
}

.mod-app-list li {
    border-bottom: 1px solid #e6e6e6;
    position: relative;
    padding: 10px 15px
}

.mod-app-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding-right: 70px;
    background-color: #FFF
}

.mod-app-list .m-wrap.press {
    background-color: #f2f2f2
}

.mod-app-list .m-wrap .icon-wrap, .mod-app-list .m-wrap .game-icon {
    -webkit-box-flex: 0;
    margin-right: 10px
}

.mod-app-list .m-wrap .content {
    -webkit-box-flex: 1
}

.mod-app-list .m-wrap .game-title {
    font-size: 16px;
    line-height: 1;
    padding-top: 5px;
    margin-bottom: 5px
}

.mod-app-list .m-wrap .game-info, .mod-app-list .m-wrap .game-sep-info, .mod-app-list .m-wrap .notes {
    line-height: 1;
    margin: 5px 0
}

.mod-app-list .aside-wrap {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -15px
}

.mod-appshow-list {
    *zoom: 1;
    padding: 0 5px
}

.mod-appshow-list:before, .mod-appshow-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-appshow-list:after {
    clear: both
}

.mod-appshow-list li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    padding: 10px 10px 0 10px;
    position: relative
}

.mod-appshow-list li::after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 92px;
    right: 0;
    top: 50%;
    margin-top: -46px;
    background: #f6f6f6
}

.mod-appshow-list li:last-child::after {
    display: none
}

.mod-appshow-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin-bottom: 10px
}

.mod-appshow-list .img-wrap, .mod-appshow-list .game-icon {
    -webkit-box-flex: 0;
    margin-right: 8px
}

.mod-appshow-list .content {
    -webkit-box-flex: 1
}

.mod-appshow-list .game-sep-info .item {
    color: #666
}

.mod-appshow-list .mult-btn-wrap {
    padding: 0;
    margin: 10px 0
}

.mod-appshow-list .mult-btn-wrap .btn {
    width: 60px;
    height: 24px;
    line-height: 26px;
    font-size: 13px
}

.mod-pack-list li {
    position: relative;
    padding: 10px 15px;
    border-bottom: 1px solid #e3e3e3
}

.mod-pack-list li:last-child {
    border-bottom-width: 0
}

.mod-pack-list .m-wrap {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.mod-pack-list .m-wrap .content {
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    padding-right: 70px
}

.mod-pack-list .m-wrap .game-title {
    line-height: 24px
}

.mod-pack-list .m-wrap .game-info {
    color: #999
}

.mod-pack-list .btn {
    position: absolute;
    right: 15px;
    height: 24px;
    top: 50%;
    margin-top: -12px
}

.mod-pack-list .simple .m-wrap .content {
    padding-right: 0
}

.mod-display-list, .mod-cards-list {
    *zoom: 1
}

.mod-display-list:before, .mod-display-list:after, .mod-cards-list:before, .mod-cards-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-display-list:after, .mod-cards-list:after {
    clear: both
}

.mod-display-list li, .mod-cards-list li {
    float: left;
    width: 25%;
    -webkit-box-sizing: border-box
}

.mod-display-list li .game-title, .mod-cards-list li .game-title {
    height: 15px;
    line-height: 17px;
    text-align: center;
    font-size: 14px
}

.mod-display-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0
}

.mod-display-list li .game-title {
    border-right: 1px solid #ddd
}

.mod-display-list li:nth-child(4n) .game-title {
    border-right-width: 0
}

.mod-cards-list {
    border-bottom: 1px solid #e3e3e3
}

.mod-cards-list li {
    position: relative;
    padding: 8px 10px
}

.mod-cards-list li .game-title {
    height: 20px;
    line-height: 22px;
    -webkit-border-radius: 2px
}

.mod-cards-list li::after {
    position: absolute;
    display: block;
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 12px;
    top: 50%;
    margin-top: -6px;
    background: #ddd
}

.mod-cards-list li:nth-child(4n)::after {
    display: none
}

.mod-cards-list .label .game-title {
    background: #ff784f;
    color: #FFF
}

.mod-item-list {
    *zoom: 1;
    margin: 10px
}

.mod-item-list:before, .mod-item-list:after {
    display: table;
    content: "";
    line-height: 0
}

.mod-item-list:after {
    clear: both
}

.mod-item-list li {
    float: left;
    -webkit-box-sizing: border-box;
    width: 25%;
    padding: 5px
}

.mod-item-list .btn {
    width: auto
}

.mod-calendar-list li {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 0 15px;
    border-bottom: 1px solid #eee;
    -webkit-box-sizing: border-box;
    height: 43px
}

.mod-calendar-list li:last-child {
    border-bottom-width: 0
}

.mod-calendar-list .item {
    -webkit-box-flex: 1;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.mod-calendar-list .head {
    background: #fafafa;
    height: 30px
}

.mod-calendar-list .head .item {
    color: #666;
    font-size: 12px
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.loading {
    font-size: 14px;
    color: #666;
    text-align: center;
    -webkit-box-sizing: border-box;
    height: 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    background: #f5f5f5;
    overflow: hidden
}

.loading .item {
    width: 100%;
    color: #666
}

.loading .link {
    color: #0050b4;
    margin: 0 1px
}

.loading .error {
    color: #f00
}

.loading-wrap {
    background: #f5f5f5
}

.loading-text {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.loading-child {
    border: 2px solid #CCC;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    -webkit-animation: load 1.2s infinite linear;
    vertical-align: middle
}

.loading-child:after {
    display: block;
    content: "";
    width: 7.5px;
    height: 7.5px;
    -webkit-border-top-left-radius: 15px;
    border-left: 2px solid #F60;
    border-top: 2px solid #F60;
    margin-left: -2px;
    margin-top: -2px
}

.list_loading {
    display: none
}

.list_loading .item {
    display: none
}

.mod-popup-close {
    position: relative;
    width: 20px;
    height: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 100%;
    -webkit-box-sizing: border-box
}

.mod-popup-close::after {
    display: block;
    content: '';
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    -webkit-mask: url(https://portal.ucgc.ucfly.com/public/images/android_portal/mask/pure_icon.png);
    -webkit-mask-size: 10px auto;
    -webkit-mask-repeat: no-repeat;
    background: #FFF;
    -webkit-mask-position: 0 -22px;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    background-color: #707070
}

.prize-speaker {
    width: 140px;
    height: 40px;
    line-height: 42px;
    background-position: 0 -65px;
    font-size: 23px;
    -webkit-box-sizing: border-box;
    padding-left: 60px;
    margin: 0 auto
}

.mod-popup {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-popup-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.mod-popup-prompt .mod-popup-bg {
    background: rgba(0, 0, 0, 0.8)
}

.mod-popup-prompt .popup-container {
    position: absolute;
    width: 280px;
    top: 30%;
    left: 50%;
    margin-left: -140px;
    -webkit-border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    background: #FFF
}

.mod-popup-prompt .popup-container .header {
    padding: 0 15px;
    height: 32px;
    line-height: 34px;
    color: #333;
    border-bottom: 1px solid #eee;
    background: #f5f5f5
}

.mod-popup-prompt .popup-container .text-content {
    padding: 0 15px;
    margin: 10px 0
}

.mod-popup-prompt .popup-container .text-content .title {
    font-size: 14px;
    text-align: center;
    color: #333;
    margin: 5px 0
}

.mod-popup-prompt .popup-container .text-content .text {
    font-size: 14px
}

.mod-popup-prompt .popup-container .text-content .period {
    text-indent: 2em
}

.mod-popup-prompt .popup-container .text-content .notes {
    font-size: 12px;
    color: #999
}

.mod-popup-prompt .popup-container .mod-btn-wrap, .mod-popup-prompt .popup-container .mod-one-btn-wrap {
    margin: 10px 0 15px 0;
    padding: 0 15px
}

.mod-popup-prompt .popup-container .mod-close, .mod-popup-prompt .popup-container .mod-close-w, .mod-popup-prompt .popup-container .mod-close-g, .mod-popup-prompt .popup-container .mod-close-r {
    width: 20px;
    height: 20px;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 40px;
    position: absolute;
    right: -5px;
    top: -5px
}

.mod-popup-prompt .popup-container .mod-popup-close {
    position: absolute;
    right: -5px;
    top: -5px
}

.mod-popup-prompt .win-popup-box {
    background: #fa6846;
    color: #FFF
}

.mod-popup-prompt .win-popup-box .prize-speaker {
    margin: 10px auto
}

.mod-popup-prompt .win-popup-box .text-content .title {
    color: #FFF
}

.mod-popup-prompt .win-popup-box .text-content .center-notes-l {
    color: #ffc1b2
}

.mod-popup-prompt .win-popup-box .btn {
    color: #fa6846;
    border-color: #FFF
}

.mod-popup-prompt .win-popup-box .close {
    background-position: 0 -38px
}

.mod-popup-prompt .letv-inner-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    height: 200px
}

.mod-popup-tip {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 30
}

.mod-popup-tip .bar {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    color: #FFF;
    width: 80%;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    margin-top: 70px;
    display: none
}

.wechat-arr, .o-wechat-ico-1, .o-wechat-ico-2 {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/o_wechat_sp.png);
    -webkit-background-size: 114px auto;
    background-repeat: no-repeat
}

.wechat-arr {
    position: absolute;
    width: 45px;
    height: 75px;
    top: 16px;
    right: 22px
}

.o-wechat-ico-1, .o-wechat-ico-2 {
    height: 21px
}

.o-wechat-ico-1 {
    width: 21px;
    background-position: 0 -75px
}

.o-wechat-ico-2 {
    width: 114px;
    background-position: 0 -96px
}

.popup-wechat .content {
    position: absolute;
    top: 65px;
    width: 70%;
    left: 50%;
    margin-left: -35%;
    height: 150px;
    border: 2px solid #666;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 100%;
    color: #666;
    font-size: 14px
}

.popup-wechat .content .label {
    padding: 25px 0 5px 0;
    color: #FFF;
    text-align: center
}

.popup-wechat .content .line {
    width: 170px;
    margin: 0 auto 5px auto;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    line-height: 21px
}

.popup-wechat .content .line .num {
    display: block;
    background: #FFF;
    color: #333;
    font-size: 12px;
    line-height: 14px;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 6px;
    margin: 5px 5px 0 5px;
    text-align: center
}

.popup-wechat .content .line .em {
    color: #FFF;
    margin: 0 5px
}

通用弹窗 .btn-css-grey {
    display: block;
    width: 146px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-border-radius: 3px;
    color: #333;
    box-shadow: 0 0px 1px 0px #d1d1d1, inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.2);
    background: gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4));
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f4f4f4))
}

.btn-css-orange {
    display: block;
    width: 146px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-border-radius: 3px;
    color: #fff;
    box-shadow: 0 0px 1px 0px #ff8400, inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0px 1px 0px #ff8400, 0 0px 1px 0px #ff8400, 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0px 1px 0px #ff8400, 0 0px 1px 0px #ff8400, 0 1px 1px rgba(0, 0, 0, 0.2);
    background: gradient(linear, 0 0, 0 100%, from(#ffb621), to(#ffa614));
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffb621), to(#ffa614))
}

.open-test-popup {
    display: none;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 30;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.gift-detail-con .con {
    line-height: 16px;
    padding: 9px 10px 13px 10px
}

.gift-detail-con .con:last-child {
    border-bottom: 1px solid #E4E4E4
}

.open-test-con {
    z-index: 31;
    width: 280px;
    padding: 10px 0;
    position: fixed;
    top: 136px;
    left: 50%;
    margin-left: -140px;
    background: #f5f5f5;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #fff
}

.open-test-con form {
    margin: 0;
    padding: 0
}

.open-test-con .title1 {
    color: #666;
    height: 22px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 22px
}

.open-test-con .title2 {
    color: #333;
    height: 22px;
    font-size: 12px;
    padding-left: 10px;
    line-height: 10px;
    border-bottom: inset 1px #e0e0e0
}

.open-test-con .tips {
    color: #f80;
    height: 12px;
    font-size: 12px;
    padding: 3px 0 0 10px;
    line-height: 12px;
    display: none
}

.open-test-con .tel-num {
    width: 259px;
    height: 32px;
    display: block;
    margin: 5px auto;
    text-indent: 7px;
    background: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 1px #000, inset 0 1px 1px rgba(0, 0, 0, 0.08)
}

.open-test-con .ctrl-con {
    padding: 0 10px 10px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box
}

.open-test-con .ctrl-con .btn {
    width: 124px;
    height: 29px;
    display: block;
    line-height: 29px;
    text-align: center;
    -webkit-border-radius: 2px;
    cursor: pointer;
    margin-right: 10px
}

.open-test-con .ctrl-con .btn:last-child {
    margin-right: 0
}

.open-test-con .text-con {
    text-align: center;
    line-height: 22px;
    padding: 10px
}

.open-test-con .text-con .black {
    color: #333
}

.open-test-con .text-con .orange {
    color: #f80
}

.open-test-con .text-con .grey {
    color: #999
}

.open-test-con .text-con .modi {
    color: #54AEDE;
    margin-left: 5px;
    text-decoration: underline
}

.open-test-con .text-form .ctrl-con {
    padding-top: 10px
}

.open-test-con .text-content .black {
    text-align: left;
    margin-left: 70px
}

.tips-con {
    width: 110px;
    height: 33px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -55px;
    background: rgba(27, 27, 27, 0.85);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #333;
    color: #fff;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    display: none
}

.open-test-con .text-form .text {
    padding: 5px 0 5px 10px;
    font-size: 12px
}

.open-test-con .text-code {
    text-align: left;
    margin: 0 10px
}

.text-code .info-code {
    display: -webkit-box;
    height: 30px;
    margin-bottom: 10px;
    position: relative
}

.text-code .info-code label {
    width: 60px;
    display: inline-block;
    line-height: 30px;
    color: #333;
    font-size: 14px
}

.text-code .info-code .input-code {
    text-align: left;
    -webkit-box-flex: 1;
    display: block;
    line-height: 30px;
    color: #FF8800;
    font-size: 14px;
    padding-left: 9px;
    background: #F8F8F8;
    border: 1px solid #EEE;
    border-radius: 4px;
    position: relative
}

.text-code .info-code label {
    width: 60px;
    display: inline-block
}

.text-code .info-code .btn-copy {
    width: 56px;
    height: 32px;
    background: #F80;
    position: absolute;
    right: -1px;
    top: -1px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    line-height: 32px;
    border-radius: 0 4px 4px 0
}

.text-code .info-code .tips {
    position: absolute;
    left: 60px;
    right: 60px;
    top: 6px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block
}

.open-test-con .text-code .black {
    padding-left: 7px;
    line-height: 16px
}

.open-test-con .row {
    height: 37px;
    position: relative
}

.open-test-con .icon-clear {
    width: 35px;
    height: 31px;
    background-image: url(https://image.game.uc.cn/2013/5/13/9139351.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 23px 18px;
    position: absolute;
    top: 0px;
    right: 8px
}

.open-test-con .icon-down:before {
    content: "";
    background-image: url(https://images.9game.cn/public/images/android_new/login/icon_down.png);
    background-size: 13px 13px;
    display: inline-block;
    height: 13px;
    width: 13px;
    margin: -2px 3px 0 0;
    vertical-align: middle
}

.open-test-con .row .tel-num {
    background: #F8F8F8;
    color: #C0C0C0;
    border: none
}

.tips-con {
    width: 110px;
    height: 33px;
    position: fixed;
    left: 50%;
    top: 100px;
    margin-left: -55px;
    background: rgba(27, 27, 27, 0.85);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #333;
    color: #fff;
    line-height: 33px;
    font-size: 12px;
    text-align: center;
    display: none
}

.popup-up-remind {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 30;
    display: none;
    font-size: 12px
}

.popup-up-remind .key {
    margin-right: 3px
}

.popup-up-remind .bar {
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 15px;
    color: #FFF;
    border-radius: 2px;
    text-align: center;
    margin: 0 auto;
    margin-top: 200px;
    display: table
}

.mod-scroll-img {
    width: 100%;
    position: relative;
    overflow: hidden;
    color: #F80
}

.mod-scroll-img .scrool-img {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch
}

.mod-scroll-img li {
    display: block;
    margin-right: 5px
}

.mod-scroll-img li .m-wrap {
    display: block;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.mod-scroll-img li .img {
    display: block
}

.pic-mask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 40
}

.pic-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pic-wrap .mod-close-w {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 29px;
    height: 29px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 14px
}

.pic-main {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.pic-main .img-private {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.pic-main-index-wrap {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    width: 100%
}

.pic-main-index {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    -webkit-border-radius: 6px
}

.pic-main-index .item {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px
}

.pic-main-index .on {
    background: #F80
}

.portal-nav {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin: 10px 15px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 2px
}

.portal-nav .item {
    display: block;
    -webkit-box-flex: 1;
    width: 25%;
    height: 35px;
    border: solid #e0e0e0;
    border-width: 0 1px 0 0;
    text-align: center;
    text-indent: -10px;
    font-size: 14px;
    color: #333;
    background-color: #FFF
}

.portal-nav .item.press {
    background-color: #f2f2f2
}

.portal-nav .item:last-child {
    border-width: 0
}

.portal-nav .item .inner {
    height: 35px;
    line-height: 37px
}

.portal-nav .unable {
    background: #FFF;
    color: #ccc;
    border-color: #e6e6e6
}

.portal-nav .unable .ico-prefix-zone:before {
    background-position: 0 -232px
}

.portal-nav .unable .ico-prefix-bbs:before {
    background-position: 0 -262px
}

.portal-nav .unable .ico-prefix-pack:before {
    background-position: 0 -292px
}

.portal-nav .unable .ico-prefix-cs:before {
    background-position: 0 -322px
}

.portal-nav .unable .ico-prefix-guild:before {
    background-position: 0 -352px
}

.portal-nav .unable .ico-prefix-eva:before {
    background-position: 0 -470px
}

.portal-nav .unable .ico-prefix-raiders:before {
    background-position: 0 -710px
}

.portal-nav .unable .ico-prefix-access:before {
    background-position: 0 -740px
}

.portal-nav .unable .ico-prefix-guide:before {
    background-position: 0 -770px
}

.spercit-ico-public, .bbs-ico-public, .gift-ico-public, .down-ico-public, .cs-ico-public, .guild-ico-public {
    width: 30px;
    height: 30px;
    display: block;
    margin-left: -8px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat
}

.spercit-ico-public {
    margin-right: -4px;
    background-position: 0 0
}

.bbs-ico-public {
    margin-right: -5px;
    background-position: 0 -30px
}

.gift-ico-public {
    margin-right: -7px;
    background-position: 0 -60px
}

.down-ico-public {
    margin-right: -7px;
    background-position: 0 -90px
}

.guild-ico-public {
    margin-right: -6px;
    background-position: 0 -120px
}

.cs-ico-public {
    background-position: 0 -90px;
    margin-right: -7px
}

.online-mod {
    height: 35px;
    margin-top: 10px;
    display: -webkit-box;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    margin: 10px
}

.online-mod .item {
    height: 33px;
    display: -webkit-box;
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-sizing: border-box;
    border-left: 1px solid #e0e0e0;
    -webkit-tap-highlight-color: #f5f5f5;
    color: #333;
    line-height: 34px
}

.online-mod .item:active {
    background: #F5F5F5;
    color: #333
}

.online-mod .item:first-child {
    border-left: none
}

.score-show {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    margin: 10px 15px;
    padding: 10px 0;
    border: 1px solid #ffdbb2;
    position: relative;
    -webkit-border-radius: 2px
}

.score-goal {
    -webkit-box-flex: 0;
    width: 120px;
    text-align: center;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    max-height: 86px;
    overflow: hidden
}

.score-goal .val {
    font-size: 30px;
    font-weight: 700;
    color: #ff8800;
    margin: 0 5px
}

.score-goal .starry-m {
    width: 90px
}

.averagescroe-val {
    line-height: 1;
    margin-bottom: 5px
}

.scroe-table {
    -webkit-box-flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0 10px
}

.scroe-table .tr {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    width: 100%;
    margin-bottom: 5px
}

.scroe-table .tr .starry-y {
    -webkit-box-flex: 0;
    margin-right: 5px
}

.scroe-table .tr .bar {
    display: block;
    -webkit-box-flex: 1;
    width: 100%;
    height: 10px;
    background: #f7f7f7;
    position: relative
}

.scroe-table .tr .bar .inner {
    display: block;
    background: #ffdbb2;
    height: 100%
}

.scroe-table .tr .bar .num {
    display: block;
    position: absolute;
    font-size: 9px;
    line-height: 10px;
    color: #999;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    right: 3px
}

.scroe-table .tr:last-child {
    margin-bottom: 0
}

.comment-input-wrap {
    margin: 10px 0;
    padding: 0 15px
}

.comment-input-wrap .input-text {
    padding-left: 35px;
    color: #ccc;
    border-color: #e6e6e6
}

.mod-comment-wrap .header {
    background: #f7f7f7;
    font-size: 12px;
    padding: 0 15px;
    height: 23px;
    line-height: 25px;
    color: #333
}

.mod-comment-wrap .header .val {
    color: #999
}

.mod-comment-wrap .more-btn-wrap {
    padding-top: 10px;
    background: #f5f5f5
}

.mod-comment-wrap .input-box-wrap {
    background: #FFF
}

@-webkit-keyframes tipAnimate {
    0% {
        -webkit-transform: scale(1)
    }
    40% {
        -webkit-transform: scale(1.6)
    }
    100% {
        opacity: 1
    }
}

.view-hand {
    position: relative;
    display: block
}

.view-hand .default-up, .view-hand .default-down, .view-hand .view-up, .view-hand .view-down, .view-hand .change-up, .view-hand .change-down, .view-hand .no-up, .view-hand .no-down {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px
}

.view-hand .default-up {
    background-position: 0 -500px
}

.view-hand .default-down {
    background-position: 0 -560px
}

.view-hand .view-up, .view-hand .change-up {
    background-position: 0 -520px
}

.view-hand .view-down, .view-hand .change-down {
    background-position: 0 -580px
}

.view-hand .no-up {
    background-position: 0 -540px
}

.view-hand .no-down {
    background-position: 0 -600px
}

.view-hand .change-up, .view-hand .change-down {
    -webkit-animation: tipAnimate 0.5s ease-out
}

.reply-hand {
    position: relative;
    display: block
}

.reply-hand .default-up {
    display: block;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/prefix_sp.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: 3px -847px
}

.reply-hand .change-up {
    background-position: 3px -822px;
    -webkit-animation: tipAnimate 0.5s ease-out
}

.mod-reply-list li {
    padding: 0 15px;
    border-bottom: 1px solid #e6e6e6
}

.mod-reply-list li:last-child {
    border-bottom-width: 0
}

.mod-reply-list .reply-info {
    color: #ededed;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    line-height: 30px
}

.mod-reply-list .reply-info .author, .mod-reply-list .reply-info .date {
    display: block;
    color: #999
}

.mod-reply-list .reply-info .author {
    display: block;
    color: #666;
    padding-right: 5px;
    line-height: 30px
}

.mod-reply-list .reply-info .author.vip {
    color: #ff2a43;
    padding-right: 18px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/vip_icon.png);
    -webkit-background-size: 11px auto;
    background-repeat: no-repeat;
    background-size: 11px auto;
    background-position: right 0
}

.mod-reply-list .reply-info .author.vip1 {
    background-position: right 9px
}

.mod-reply-list .reply-info .author.vip2 {
    background-position: right -15px
}

.mod-reply-list .reply-info .author.vip3 {
    background-position: right -40px
}

.mod-reply-list .reply-info .author.vip4 {
    background-position: right -65px
}

.mod-reply-list .reply-info .author.vip5 {
    background-position: right -90px
}

.mod-reply-list .reply-info .author.vip6 {
    background-position: right -115px
}

.mod-reply-list .reply-info .date {
    display: block;
    color: #999;
    padding-left: 5px
}

.mod-reply-list .reply-info .gm {
    color: #f80
}

.mod-reply-list .reply-info .name-replay {
    display: block;
    color: #666
}

.mod-reply-list .reply-info .name-replay .name {
    color: #999
}

.mod-reply-list .content {
    color: #333;
    font-size: 14px;
    word-wrap: break-word;
    word-break: break-all
}

.mod-reply-list .reply-view {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    -webkit-box-align: center;
    position: relative
}

.mod-reply-list .reply-view .reply-view-item {
    display: -webkit-box;
    -webkit-box-pack: end;
    -webkit-box-align: stretch;
    -webkit-box-flex: 0;
    width: auto;
    height: 30px;
    -webkit-box-align: center
}

.mod-reply-list .reply-view .view-num {
    font-size: 12px;
    color: #999;
    margin: 0 2px;
    display: block;
    line-height: 20px;
    overflow: hidden
}

.mod-reply-list .reply-view .reply-comment {
    margin-right: 15px
}

.mod-reply-list .reply-view .sub-aside {
    -webkit-box-flex: 1
}

.gm-replay {
    border: 1px solid #ffdbb2;
    margin-bottom: 10px;
    position: relative
}

.gm-replay .gm-replay-line {
    border-bottom: 1px solid #ffdbb2;
    padding: 5px 10px
}

.gm-replay .gm-replay-line:last-child {
    border-bottom-width: 0
}

.gm-replay .gm-replay-line .gm-replay-info {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.gm-replay .gm-replay-line .gm-replay-info .item {
    display: block;
    color: #999
}

.gm-replay .gm-replay-line .gm-content {
    color: #333;
    font-size: 14px
}

.gm-replay .gm-replay-more {
    text-align: center;
    background-color: #fffbf2;
    color: #F80;
    line-height: 30px
}

.gm-replay .gm-replay-more.press {
    background-color: #fff3d9
}

.gm-replay .gm-arrow {
    display: block;
    position: absolute;
    left: 10px;
    top: -10px;
    border: 5px solid transparent;
    border-bottom-color: #ffdbb2;
    width: 0;
    height: 0
}

.gm-replay .gm-arrow::after {
    display: block;
    content: '';
    position: absolute;
    left: -4px;
    top: -3px;
    border: 4px solid transparent;
    border-bottom-color: #FFF;
    width: 0;
    height: 0
}

.fir-comment.open .reply-list-con {
    display: block
}

.reply-list-con {
    background: #f5f5f5;
    position: relative;
    margin: 5px 0 10px;
    display: none
}

.reply-list-con::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 15px;
    top: -6px;
    background: #f5f5f5;
    -webkit-transform: rotate(-45deg)
}

.reply-list-con .reply-input-wrap {
    padding: 10px
}

.reply-list-con .reply-input-wrap .input-text {
    padding-left: 35px;
    color: #ccc;
    border-color: #e6e6e6
}

.reply-list-con .mod-reply-list {
    margin: 0 10px
}

.reply-list-con .mod-reply-list li {
    border-top: 1px solid #e6e6e6;
    border-bottom: 0
}

.reply-list-con .loading {
    height: 30px;
    line-height: 30px;
    margin: 0 10px;
    border-top: 1px solid #e6e6e6
}

.reply-list-con .loading .item {
    color: #1a71de
}

.reply-list-con .loading .o-modify-pull {
    padding: 0
}

.reply-list-con .loading .o-modify-pull::after {
    display: none
}

.popup-comment .popup-container {
    padding: 0 15px;
    -webkit-box-sizing: border-box
}

.popup-comment .popup-container .rate-star {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    margin: 10px 0
}

.popup-comment .popup-container .rate-star .aside {
    font-size: 14px;
    color: #999
}

.popup-comment .popup-container .textarea {
    display: block;
    width: 100%;
    height: 70px;
    padding: 10px;
    color: #333;
    background: #FFF;
    -webkit-border-radius: 2px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    resize: none
}

.popup-comment .popup-container .prompt {
    text-align: right;
    color: #999
}

.popup-comment .popup-container .error-msg {
    text-align: center;
    color: #ff4000;
    height: 20px
}

.popup-comment .popup-container .mod-btn-wrap {
    padding: 0
}

.popup-comment .popup-container .tag-collect {
    *zoom: 1;
    margin: 0 0 10px 0
}

.popup-comment .popup-container .tag-collect:before, .popup-comment .popup-container .tag-collect:after {
    display: table;
    content: "";
    line-height: 0
}

.popup-comment .popup-container .tag-collect:after {
    clear: both
}

.popup-comment .popup-container .tag-collect .item {
    display: block;
    float: left;
    margin: 10px 10px 0 0;
    width: 55px;
    height: 20px;
    line-height: 20px;
    background: #fff9f2;
    text-align: center;
    color: #333
}

.popup-comment .popup-container .tag-collect .item:nth-child(4n) {
    margin-right: 0
}

.popup-comment .popup-container .tag-collect .item:first-child, .popup-comment .popup-container .tag-collect .item:nth-child(2), .popup-comment .popup-container .tag-collect .item:nth-child(3), .popup-comment .popup-container .tag-collect .item:nth-child(4) {
    margin-top: 0
}

.popup-comment .popup-container .tag-collect .on {
    background: #F80;
    color: #FFF
}

.popup-comment .direct-reply-wrap {
    padding: 15px
}

.popup-comment .direct-reply-wrap .mod-btn-wrap {
    margin: 0
}

.popup-comment .direct-reply-wrap .prompt {
    margin: 5px 0
}

.averagescroe-bubble {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 115px;
    background: #FFF;
    border: 1px solid #F80;
    padding: 5px;
    z-index: 1;
    -webkit-border-radius: 2px
}

.averagescroe-bubble .inner {
    font-size: 12px;
    color: #F80
}

.averagescroe-bubble .aside-label {
    position: absolute;
    right: 0;
    top: 0;
    border: 10px solid transparent;
    width: 0;
    height: 0;
    border-top-color: #F80;
    border-right-color: #F80
}

.averagescroe-bubble .aside-label::after {
    display: block;
    content: attr(data-val);
    position: absolute;
    font-size: 10px;
    line-height: 1.2;
    color: #FFF;
    left: 0;
    top: -10px
}

.averagescroe-bubble .arr-point {
    display: block;
    content: '';
    position: absolute;
    left: 50px;
    top: -12px;
    border: 6px solid transparent;
    border-bottom-color: #F80;
    width: 1px;
    height: 0
}

.averagescroe-bubble .arr-point::after {
    display: block;
    content: '';
    position: absolute;
    left: -5px;
    top: -4px;
    border: 5px solid transparent;
    border-bottom-color: #FFF;
    width: 1px;
    height: 0
}

.averagescroe-note {
    font-size: 13px;
    text-align: center;
    color: #176de5;
    margin-top: 5px
}

.notice {
    border: 1px solid #26bfbf
}

.notice .status {
    background: #26bfbf
}

.notice .details .name, .notice .details .count {
    color: #26bfbf
}

.living {
    border: 1px solid #ff794c;
    background: #fffbf7
}

.living .status {
    background: #ff794c
}

.living .details .name, .living .details .count {
    color: #ff794c
}

.living .details .time {
    display: inline-block;
    width: 16px;
    height: 14px;
    line-height: 14px;
    margin: 0 2px;
    color: #fff;
    background: #ff794c;
    border-radius: 2px;
    text-align: center
}

.live-block {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    margin: 0 15px 10px;
    border-radius: 2px
}

.live-block .status {
    display: inline-block;
    width: 55px;
    padding-top: 24px;
    color: #fff;
    text-align: center;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ng_liev_icon.png);
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 25px auto
}

.live-block .details {
    width: 0;
    -webkit-box-flex: 1.0;
    text-align: center
}

.live-block .details .name {
    font-size: 14px;
    height: 24px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-block .details .others {
    color: #999;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-block .details .date {
    margin-right: 5px
}

.live-block .details span {
    color: #666
}

.topblock-wrap {
    padding: 10px 15px;
    color: #FFF
}

.topblock-wrap .btn {
    height: 36px;
    line-height: 36px;
    font-size: 16px
}

.topblock-wrap .available {
    position: relative
}

.topblock-wrap .available:before {
    display: inline-block;
    content: "";
    width: 12px;
    height: 36px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/new_down_btn.png) no-repeat center;
    background-size: 12px auto;
    position: absolute;
    left: 50%;
    margin-left: -50px
}

.topblock-wrap.inflow {
    padding-top: 10px;
    position: fixed;
    left: 0;
    right: 0;
    background: currentcolor;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 11
}

#blockTopHolder {
    display: none
}

#blockBottom {
    width: 100%;
    background: #FFF;
    z-index: 10;
    padding-top: 10px
}

.app-detailshow li .m-wrap {
    padding-right: 15px
}

.app-detailshow li .topblock-wrap {
    padding-top: 10px
}

.app-detailshow .opentest-remind-bar {
    background: #f8f8f8;
    padding: 0 5px;
    margin: 10px 15px 0 15px;
    -webkit-border-radius: 2px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    line-height: 32px
}

.app-detailshow .opentest-remind-bar .inner {
    display: block;
    -webkit-box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-detailshow .opentest-remind-bar .btn {
    position: static;
    margin: 3px 0;
    padding: 0 10px;
    width: auto;
    height: 24px;
    line-height: 26px;
    font-size: 12px
}

.app-introduce {
    margin: 10px 0
}

.app-introduce .more {
    display: none
}

.app-introduce {
    font-size: 14px
}

.app-introduce.f_opened .more .modify {
    -webkit-transform: rotate(180deg)
}

.app-introduce.f_closed .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.longmsg-introduce.f_closed .content {
    -webkit-line-clamp: 4
}

.expand_article .more {
    line-height: 1;
    padding: 0 10px
}

.expand_article .more .modify {
    display: inline-block;
    width: 10px;
    height: 8px;
    background-position: 0 -332px
}

.expand_article .more .up {
    -webkit-transform: rotate(180deg)
}

.roll-list-bar {
    border: solid #e6e6e6;
    border-width: 1px 0
}

.game-schedule-flow {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    padding: 10px 5px 5px 5px;
    background: #f5f5f5;
    position: relative
}

.game-schedule-flow .item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    text-align: center;
    -webkit-box-flex: 1;
    margin: 0 5px
}

.game-schedule-flow .item .pull-arrow-label {
    width: 100%;
    margin-bottom: 5px
}

.game-schedule-flow .item .state {
    display: block;
    width: 16px;
    height: 18px
}

.game-schedule-flow .item .state .o-ins-clock, .game-schedule-flow .item .state .o-ins-clock-h, .game-schedule-flow .item .state .o-ins-clock-m {
    position: absolute;
    z-index: 3
}

.game-schedule-flow .item .date {
    display: block;
    width: 100%;
    min-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-schedule-flow .item.on .pull-arrow-label, .game-schedule-flow .item.more .pull-arrow-label {
    border-color: #F80;
    color: #F80
}

.game-schedule-flow .item.on .pull-arrow-label .o-arrow, .game-schedule-flow .item.more .pull-arrow-label .o-arrow {
    border-top-color: #F80
}

.game-schedule-flow .item.more .inner {
    border: 1px solid #FFF;
    background: #F80;
    -webkit-border-radius: 12px;
    color: #FFF
}

.game-schedule-flow::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 44px;
    width: 100%;
    height: 2px;
    background: #FFF;
    border: solid #ccc;
    border-width: 1px 0;
    z-index: 1
}

.raiders-tag-wrap {
    padding: 5px 10px;
    margin: 0;
    border-top: 1px solid #eee
}

.raiders-tag-wrap li {
    width: 33.33333333333333%
}

.gamecard-list-wrap .gamecard-list {
    padding: 5px 0
}

.gamecard-list-wrap .gamecard-list:nth-child(2) .label .game-title {
    background: #F80
}

.gamecard-list-wrap .gamecard-list:last-child {
    border-bottom-width: 0
}

.gamecard-list-wrap .gamecard-list:last-child .label .game-title {
    background: #ffb300
}

.gametopic-list .img {
    width: 105px;
    height: 60px
}

.bigevent-list .tr {
    position: relative
}

.bigevent-list .thead {
    height: 23px;
    line-height: 25px
}

.bigevent-list .tpast .item {
    color: #999
}

.bigevent-list .date {
    width: 30%;
    text-align: left;
    text-indent: 20px
}

.bigevent-list .state {
    width: 30%
}

.bigevent-list .button {
    width: 20%
}

.bigevent-list .arr-label {
    display: inline-block;
    text-align: center;
    text-indent: 0;
    margin-right: 5px
}

.block-tabtn, .cr-tab-btn {
    margin: 0;
    padding: 5px 10px;
    border-bottom: 1px solid #e6e6e6
}

.block-tabtn .cardlabel-tab, .cr-tab-btn .cardlabel-tab {
    margin: 5px 0
}

.block-tabtn .btn, .cr-tab-btn .btn {
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.access-sec-title {
    text-align: center;
    height: 30px;
    line-height: 32px;
    background: #f7f7f7;
    color: #333;
    font-size: 14px;
    border-top: 1px solid #e6e6e6;
    position: relative
}

.mod-graphic-topic .m-wrap .img-wrap {
    height: 100px;
    position: relative
}

.mod-graphic-topic .m-wrap .img-wrap .img {
    min-height: 100px
}

.mod-graphic-topic .m-wrap .img-wrap .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.relevant-feedback {
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.relevant-feedback .mod-block-info {
    -webkit-box-flex: 1;
    padding-right: 0
}

.relevant-feedback .btn-wrap {
    -webkit-box-flex: 0;
    padding: 10px 15px 5px 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    -webkit-box-orient: vertical
}

.relevant-feedback .btn-wrap .btn {
    margin-bottom: 5px;
    width: 60px
}

.flod-in-wrap {
    border-bottom: 1px solid #e6e6e6
}

.flod-in-wrap .module-header-sec {
    padding: 0 15px;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    height: 30px;
    line-height: 32px
}

.flod-in-wrap .module-header-sec .title {
    display: block;
    padding-left: 5px;
    font-size: 14px;
    color: #333;
    position: relative
}

.flod-in-wrap .module-header-sec .title::after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    width: 2px;
    height: 10px;
    top: 50%;
    margin-top: -5px;
    background: #F80
}

.flod-in-wrap .module-header-sec .more {
    display: block;
    width: 44px;
    height: 100%;
    position: relative
}

.flod-in-wrap .module-header-sec .more .modify {
    position: absolute;
    right: 0;
    width: 10px;
    height: 8px;
    top: 50%;
    margin-top: -4px;
    background-position: 0 -332px
}

.flod-in-wrap .raiders-tag-wrap {
    border-top-width: 0
}

.flod-in-wrap:last-child {
    border-bottom-width: 0
}

.flod-in-wrap .flod-in-container {
    display: none
}

.flod-in-wrap.f_opened .flod-in-container {
    display: block
}

.flod-in-wrap.f_opened .module-header-sec .more .modify {
    -webkit-transform: rotate(180deg)
}

.flod-in-wrap.f_closed .flod-in-container {
    display: none
}

.pack_item {
    max-height: 71px;
    overflow: hidden
}

.pack_item .more {
    display: none
}

.pack_item .more .game-title {
    border-right-width: 0
}

.contraction_in .mult-btn-wrap {
    display: none
}

.contraction_in.activated .activy_main {
    height: auto
}

.contraction_in.activated .activy_switch .modify {
    -webkit-transform: rotate(180deg)
}

.contraction_in.activated .mult-btn-wrap {
    display: -webkit-box
}

.contraction_in.abbreviated .activy_main {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.data-game li {
    padding-top: 0px
}

.data-game li .game-title {
    height: 40px;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.btn .emb-txt {
    font-style: normal;
    color: #ffd200
}

.btn .com-txt {
    color: #999
}

.data-more {
    height: 30px;
    position: absolute;
    top: 0;
    right: 13px;
    display: -webkit-box;
    -webkit-box-align: center
}

.data-more:after {
    content: '';
    width: 10px;
    height: 6px;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/modify_sp.png) no-repeat 0 -333px;
    background-size: 16px auto;
    -webkit-transform: rotate(-90deg)
}

.data-way {
    padding: 5px;
    border-top: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    *zoom: 1
}

.data-way:before, .data-way:after {
    display: table;
    content: "";
    line-height: 0
}

.data-way:after {
    clear: both
}

.data-way li {
    width: 33.33333333333333%;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box
}

.data-way .item {
    height: 30px;
    border: 1px solid #ffb300;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 2px;
    color: #f80;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.data-way .item.press {
    background: #fff7e5
}

.data-img-box {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    position: relative
}

.data-img-box.label-hot {
    position: relative
}

.data-img-box.label-hot:before {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/data/hot.png) no-repeat 0 0;
    background-size: 36px auto
}

.data-img-box .data-hot-info {
    position: absolute;
    top: 5px;
    left: 0;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(-45deg)
}

.gift-box-wrap {
    margin: 10px;
    background-color: #fffceb;
    border: 1px solid #ffe294;
    -webkit-border-radius: 2px;
    position: relative;
    color: #333
}

.gift-box-wrap.press {
    background-color: #fff8d2
}

.gift-box-wrap .title {
    position: absolute;
    left: -5px;
    top: 5px;
    display: block;
    width: 104px;
    height: 23px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_portal/bg/gift_title_bg.png);
    -webkit-background-size: 104px auto;
    background-repeat: no-repeat;
    color: #FFF;
    line-height: 18px;
    text-indent: 5px
}

.gift-box-wrap .m-wrap {
    padding: 25px 0 0 0;
    border-bottom: 1px solid #ffe294;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch;
    overflow: hidden
}

.gift-box-wrap .m-wrap .content {
    -webkit-box-flex: 1;
    padding: 5px
}

.gift-box-wrap .m-wrap .img {
    -webkit-box-flex: 0;
    width: 65px;
    height: 65px
}

.gift-box-wrap .m-wrap .link {
    color: #1a71de
}

.gift-box-wrap .info-bar {
    line-height: 28px;
    padding: 0 5px
}

.downpackage-list li {
    border-width: 0
}

.downpackage-list .flow-label-head {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    background: #f5f5f5;
    padding: 5px 10px
}

.downpackage-list .flow-label-head .arr-label {
    margin: 0 5px 0 10px
}

.downpackage-list .flow-label-head .add-info {
    display: block;
    line-height: 15px;
    font-size: 14px;
    color: #333
}

.downpackage-list .btns-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    padding: 5px 0
}

.downpackage-list .btns-wrap .btn {
    width: 100%
}

.downpackage-list .descriptions-wrap {
    font-size: 14px;
    color: #666;
    padding: 5px 0 0 0;
    word-wrap: break-word;
    word-break: break-all
}

.downpackage-list .descriptions-wrap .label {
    color: #333
}

.graphic-wrap {
    display: block;
    position: relative;
    overflow: hidden
}

.graphic-wrap .img, .graphic-wrap .info {
    display: block
}

.graphic-wrap .img {
    width: 100%;
    min-height: 105px
}

.graphic-wrap .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 22px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.5);
    color: #FFF;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.graphic-wrap .o-ins-autoplay {
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -20px
}

.graphic-banner {
    padding: 0 5px;
    margin: 10px 0;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.graphic-banner .item {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-box-sizing: border-box;
    padding: 0 5px
}

.graphic-banner .graphic-wrap {
    width: 100%;
    height: 105px
}

.data-item .new-data {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 3px;
    right: 1px;
    display: -webkit-box;
    background: rgba(255, 64, 0, 0.1);
    border-radius: 20px;
    -webkit-box-sizing: border-box
}

.data-item .new-data:after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    margin: 2px 0 0 2px;
    border-radius: 20px;
    background: #ff4000
}

.btn.btn-sm-org {
    background-color: #ffb300
}

.btn.btn-sm-org.press {
    background-color: #e6a100
}

input {
    font-family: "Droid Sans Fallback" "Rounded MT Bold", tahoma, Arial, "宋体", sans-serif
}

.mod-scroll-img {
    width: auto;
    margin: 10px 15px
}

.mod-scroll-img .scrool-img {
    width: 100%
}

.mod-scroll-img .scrool-img li {
    width: 30%;
    max-height: 248px
}

.mod-scroll-img .scrool-img .img {
    width: 100%;
    height: 100%;
    max-height: 248px
}

.slide-bar {
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: 8;
    height: 2px;
    border-bottom: 2px solid #f80;
    pointer-events: none
}

.tags-wrap {
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
    padding: 0 10px;
    margin: 10px 0
}

.tags-wrap .title {
    -webkit-box-flex: 0;
    display: block;
    color: #f80;
    line-height: 26px
}

.tags-wrap .tags-btns {
    -webkit-box-flex: 1;
    *zoom: 1;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.tags-wrap .tags-btns:before, .tags-wrap .tags-btns:after {
    display: table;
    content: "";
    line-height: 0
}

.tags-wrap .tags-btns:after {
    clear: both
}

.tags-wrap .tags-btns .item {
    display: block;
    -webkit-box-flex: 1;
    width: 0;
    -webkit-box-sizing: border-box;
    margin-right: 5px
}

.tags-wrap .tags-btns .item .btn {
    color: #f80;
    border-color: #f80;
    width: 100%
}

.tags-wrap .tags-btns .item:last-child {
    margin-right: 0
}

.game-big-news {
    display: -webkit-box;
    padding-left: 15px
}

.game-big-news .item {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-flex: 1.0;
    width: 0
}

.game-big-news .item .name, .game-big-news .item .date {
    display: block;
    text-align: center
}

.game-big-news .item .name {
    position: relative;
    height: 20px;
    line-height: 20px;
    margin: 0 15px 15px 0;
    color: #fff;
    border-radius: 2px;
    background: #f80
}

.game-big-news .item .name:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 6px;
    height: 6px;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -2px;
    background: #f80;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.game-big-news .item .date {
    position: relative;
    line-height: 30px;
    padding: 0 15px 0 0;
    border-top: 1px dashed #ccc
}

.game-big-news .item .date:before {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -11px;
    top: -4px;
    content: "";
    width: 7px;
    height: 7px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/big_event.png) no-repeat 0 0;
    background-size: 7px auto
}

.game-big-news .item.end .name {
    background: #dbdbdb
}

.game-big-news .item.end .name:after {
    background: #dbdbdb
}

.game-big-news .item.end .date::before {
    background-position: 0 -25.5px
}

.game-big-news .item.more {
    -webkit-box-flex: 0;
    width: 50px
}

.game-big-news .item.more .name {
    position: relative;
    display: inline-block;
    width: 34px;
    margin: 0 0 13px 0;
    border: 1px solid #f80;
    color: #f80;
    background: #fff
}

.game-big-news .item.more .name:after {
    width: 4px;
    height: 4px;
    bottom: -3px;
    border: 1px solid;
    border-color: #fff #f80 #f80 #fff;
    background: #fff
}

.game-big-news .item.more .date:before {
    width: 4px;
    height: 6px;
    margin-left: -9px;
    top: -3px;
    background-position: 0 -51.5px
}

.game-big-news .item:first-child .date {
    margin-left: -15px;
    padding-left: 15px
}

.game-big-news .item:first-child .date:before {
    margin-left: -3px
}

.mod-block-info {
    display: -webkit-box
}

.mod-block-info .base-info {
    -webkit-box-flex: 1.0;
    width: 0;
    margin-right: 10px
}

.mod-block-info .fast-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    width: 60px
}

.mod-block-info .fast-link .btn {
    -webkit-box-flex: 1.0;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.mod-block-info .fast-link .btn:first-child {
    margin-bottom: 5px
}

.mod-news-list .inner-text i {
    margin-left: 2px;
    display: inline-block;
    vertical-align: sub
}

.mod-news-list .inner-text .o-ins-txt {
    display: inline;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    background: #60AFE7;
    border-radius: 1px
}

.title-right {
    color: #999
}

.gift-module .app-detailshow .content {
    margin-right: 80px
}

.gift-module .app-detailshow .game-title {
    line-height: 36px
}

.gift-module .app-detailshow .btn {
    width: 70px;
    top: 25px
}

.gift-module .search-wrap .search-text {
    color: #666;
    font-size: 12px
}

.gift-module .mod-pack-list .btn {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px
}

.gift-module .mod-pack-list .btn.btn-sm-org {
    background-color: #ffb300
}

.gift-module .mod-pack-list .btn.btn-sm-org.press {
    background-color: #e6a100
}

.gift-module .mod-pack-list.small-btn .content {
    padding-right: 35px
}

.gift-module .mod-pack-list.small-btn .btn {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 25px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 11px
}

.gift-module .mod-pack-list.small-btn li:after {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 15px;
    content: "";
    display: inline-block;
    width: 5px;
    height: 9px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ico_sp.png?new) no-repeat -16px -296px;
    background-size: 33px auto
}

.gift-module .mod-pack-list .new-sub {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    display: block;
    width: 26px;
    height: 26px;
    color: #fff
}

.gift-module .mod-pack-list .new-sub:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 13px solid;
    border-color: #f80 transparent transparent #f80
}

.gift-module .add-tip {
    padding: 10px 15px;
    display: -webkit-box
}

.gift-module .add-tip .txt {
    -webkit-box-flex: 1.0;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.gift-module .opentest-tip {
    margin: 0 15px;
    line-height: 40px;
    border-top: 1px solid #e8e8e8;
    text-align: center
}

.gift-module .less-than-5 .m-wrap {
    position: relative;
    margin-bottom: 8px;
    min-height: 30px
}

.gift-module .less-than-5 .game-tit {
    margin-right: 70px;
    display: -webkit-box;
    -webkit-box-flex: 1.0;
    line-height: 24px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    font-size: 14px;
    color: #333
}

.gift-module .less-than-5 .btn {
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0
}

.gift-module .less-than-5 .pack-info {
    display: -webkit-box;
    -webkit-box-flex: 1.0;
    line-height: 20px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #999
}

.gift-module .mult-btn-wrap {
    padding: 10px 15px
}

.gift-module .mult-btn-wrap .available {
    text-indent: 10px
}

.gift-module .mult-btn-wrap .available:before {
    margin-left: -70px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/ico_sp.png?new) no-repeat -11px -315px;
    background-size: 33px auto
}

.gift-module .download-tip {
    position: relative;
    margin: 0 15px 10px;
    line-height: 30px;
    border-radius: 2px;
    background: #f5f5f5;
    color: #999;
    text-align: center
}

.gift-module .download-tip:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    top: -8px;
    width: 0;
    height: 0;
    border-width: 4px 3px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5 transparent
}

.module-tab-nav .unable {
    color: #ccc
}

.pay-remind-bubble {
    display: none;
    text-align: center;
    color: #FFF;
    width: 106px;
    height: 65px;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    position: absolute;
    right: 30px;
    top: -38px;
    z-index: 12
}

#popFans .popup-container {
    display: none
}

.mod-popup-video {
    position: absolute;
    overflow: hidden
}

.mod-popup-video .mod-popup-bg {
    background: rgba(0, 0, 0, 0.6)
}

.mod-popup-video .the-video-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20
}

.mod-popup-video .the-video-wrap .inner-iframe {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    overflow: hidden;
    background: #f2f2f2
}

.show-info {
    padding: 0 15px;
    position: relative
}

.show-info .prompt {
    position: absolute;
    top: 10px;
    right: 15px
}

.file-box {
    width: 57px;
    height: 34px;
    position: relative;
    display: -webkit-box;
    color: #7e7e7e;
    font-size: 14px;
    line-height: 37px
}

.file-box:before {
    content: '';
    width: 20px;
    height: 16px;
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/read.png) no-repeat -10px 0;
    background-size: 35px auto
}

.file-box #file-img {
    width: 28px;
    height: 20px;
    padding: 0;
    position: relative;
    top: 1px;
    opacity: 0
}

.up-file-box {
    width: 100%;
    min-height: 50px;
    margin-top: 9px;
    background: #f5f5f5;
    position: relative;
    padding: 10px 0px 0;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    border-top: 1px #d5d5d5 solid;
    border-bottom: 1px #d5d5d5 solid;
    z-index: 1;
    display: none
}

.up-file-box .triangle-cel {
    width: 10px;
    height: 10px;
    position: absolute;
    top: -6px;
    left: 36px;
    background: #f5f5f5;
    -webkit-transform: rotate(45deg);
    border-top: 1px #d5d5d5 solid;
    border-left: 1px #d5d5d5 solid;
    display: block
}

.up-file-box .imgUpload-box {
    display: -webkit-box
}

.imgUpload-box ul {
    width: 100%;
    display: -webkit-box
}

.imgUpload-box li {
    width: 65px;
    height: 65px;
    margin: 0 12px 10px 15px;
    position: relative;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-flex: 0
}

.imgUpload-box li.load-items {
    background: #f5f5f5;
    border: 2px #d8d8d9 solid
}

.imgUpload-box .close-img {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -5px;
    right: -23px
}

.imgUpload-box .img-box {
    width: 65px;
    height: 65px;
    position: relative;
    overflow: hidden
}

.imgUpload-box img {
    position: absolute
}

.imgUpload-box li.load-items:before, .imgUpload-box li.load-items:after {
    content: '';
    width: 4px;
    height: 38px;
    background: #d8d8d9;
    position: absolute
}

.imgUpload-box li.load-items:before {
    top: 12px;
    left: 28px
}

.imgUpload-box li.load-items:after {
    top: 11px;
    left: 28px;
    -webkit-transform: rotate(90deg)
}

.imgUpload-box li.load-items input[type="file"] {
    width: 60px;
    height: 61px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.imgUpload-box li.load-items input[type="file"] input {
    padding: 0 !important;
    margin: 0 !important
}

.imgUpload-box li.loads {
    background: none
}

.imgUpload-box li.loads:before {
    content: '';
    width: 33px;
    height: 28px;
    position: absolute;
    top: 20px;
    left: 17px;
    z-index: 1;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/read.png) no-repeat -1px -24px;
    background-size: 35px auto
}

.imgUpload-box li.loads:after {
    content: '';
    width: 65px;
    height: 65px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.close-img .symbol {
    position: relative;
    -webkit-transform: rotate(45deg)
}

.close-img .symbol {
    width: 24px;
    height: 24px;
    background: #4c4c4c;
    border-radius: 50px;
    display: block
}

.close-img .symbol:after, .close-img .symbol:before {
    content: '';
    width: 2px;
    height: 16px;
    background: #fff;
    position: absolute;
    top: 4px;
    left: 11px
}

.close-img .symbol:after {
    -webkit-transform: rotate(90deg)
}

.mod-popup-prompt .popup-container.upload-img {
    padding: 0
}

.mod-popup-prompt .popup-container.upload-img .rate-star {
    padding: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .textarea {
    width: 250px;
    margin: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .tag-collect {
    padding: 0 15px
}

.mod-popup-prompt .popup-container.upload-img .mod-btn-wrap {
    padding: 0 15px
}

#imgCanvas {
    display: none
}

.upload-states {
    padding: 0 15px;
    color: #7e7e7e;
    font-size: 12px;
    text-align: center
}

.upload-states .error {
    color: #f80
}

.img-list-up {
    display: -webkit-box
}

.img-list-up .img-items {
    width: 65px;
    height: 65px;
    margin-right: 10px;
    display: -webkit-box;
    position: relative;
    -webkit-box-flex: 0;
    overflow: hidden
}

.img-items img {
    position: absolute
}

.m-load2 {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 3
}

.m-load2 .line {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 23px;
    left: 23px
}

.m-load2 .line div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 2px solid #fff;
    border-bottom-color: transparent;
    height: 15px;
    width: 15px;
    background: transparent !important;
    display: inline-block;
    -webkit-animation: rotate 0.75s 0s linear infinite
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.see-bigPic {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 40
}

.see-bigPic .big-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.see-bigPic .big-main {
    height: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: justify;
    -webkit-box-align: stretch
}

.see-bigPic .img-private {
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.see-bigPic .dot-list {
    position: absolute;
    left: 0;
    bottom: 10px;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    width: 100%
}

.see-bigPic .dot-wrap {
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
    background: rgba(0, 0, 0, 0.5);
    padding: 2px;
    -webkit-border-radius: 6px
}

.dot-wrap .item {
    display: block;
    width: 5px;
    height: 5px;
    -webkit-border-radius: 50px;
    background: rgba(255, 255, 255, 0.6);
    margin: 0 2px
}

.dot-wrap .item.on {
    background: #f80
}

.pert-text {
    width: 65px;
    height: 65px;
    display: block;
    line-height: 65px;
    position: relative;
    z-index: 3;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.progress {
    width: 65px;
    height: 4px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4
}

.progress .pgstate {
    width: 10%;
    height: 4px;
    display: block;
    background: #f80;
    border-radius: 0 5px 5px 0
}

[class^="m-badge-"], [class*=" m-badge-"] {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    margin: -2px 2px 0 0
}

.m-badge-lv1 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv1.png)
}

.m-badge-lv2 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv2.png)
}

.m-badge-lv3 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv3.png)
}

.m-badge-lv4 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv4.png)
}

.m-badge-lv5 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv5.png)
}

.m-badge-lv6 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv6.png)
}

.m-badge-lv7 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv7.png)
}

.m-badge-lv8 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv8.png)
}

.m-badge-lv9 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv9.png)
}

.m-badge-lv10 {
    content: url(https://portal.ucgc.ucfly.com/public/images/android_portal/link/badge/guild_icon_lv10.png)
}

.guilds-module .normal-promopt {
    height: 30px;
    line-height: 32px;
    font-size: 14px
}

.guilds-module .normal-promopt.has {
    text-align: left
}

.guilds-module .module-header {
    border-color: #e6e6e6
}

.guilds-module .search-wrap {
    background: #FFF
}

.guilds-module .search-wrap .ico-claer {
    display: none
}

.insteadpay-bar {
    background-color: #fff9f5;
    border: 1px solid #ffd8bc;
    border-left-width: 0;
    margin: 10px 15px;
    -webkit-border-radius: 2px;
    display: -webkit-box;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    position: relative;
    padding: 0 8px 0 65px;
    height: 41px
}

.insteadpay-bar.press {
    background-color: #ffeadc
}

.insteadpay-bar .content {
    -webkit-box-flex: 1;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

.insteadpay-bar .btn {
    -webkit-box-flex: 0;
    background-color: #ff6000;
    font-size: 12px
}

.insteadpay-bar .btn.press {
    background-color: #e65600
}

.insteadpay-bar .label {
    display: block;
    position: absolute;
    width: 59px;
    height: 43px;
    left: -1px;
    top: -1px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAABWBAMAAADoJX8UAAAAKlBMVEUAAAD/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awj/awiUfGzTAAAADXRSTlMADNdTJWi7kI4458BFMtH+iAAAAOJJREFUWMPt1z0KwkAQhuE3GBALIagXSKegoAcQcgFbO0tLwTN4AvEeOYKNZSr/YiO5i0Uk/X4jmIWd/iGbnZmFj6KSi9xgKw/tcCbK+wIGok2BjmjnQCTaxGj1M1vuytIjL2fyX/Yg0zFsRFoCXdHugVi0GYBoMX5X/1/LPVv66+U8+2jjtSi3GXCR6BSA6CzQdwKIr3tKXT3BHvnWzpm+aiitUtnYlbN9NrbvbK8Ge/vJmZfO9oG5R/ps6DNp3oVTpdQEGOm77+Vb56MNeSHkhbbNZMgLIS+EvOCvzQ220O0H3f9RG4hFeUkAAAAASUVORK5CYII=');
    -webkit-background-size: 59px auto;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 11px;
    text-align: center;
    line-height: 1.4
}

.insteadpay-bar .label .b {
    display: block;
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px
}

#games_portal {
    display: none
}

.advertising-banner {
    display: block;
    margin: 0 auto 10px auto;
    max-width: 640px;
    overflow: hidden;
    min-height: 73px;
    padding: 0 15px
}

.advertising-banner .img {
    display: block;
    width: 100%
}

.cr-tab-btn {
    border-bottom: none
}

.cr-tab-btn .btn {
    color: #333;
    background-color: #FFF;
    border: 1px solid #d5d5d5
}

.cr-tab-btn .btn.current {
    background: #FFF8E8;
    border: 1px solid #FFDAA5;
    color: #FF8800
}

.cr-tab-btn.cr-tab-5 li {
    width: 20%
}

.cr-tab-btn + .mod-topic-list .m-wrap:first-child {
    padding-top: 0
}

.cr-group-list, .cr-video-list {
    padding: 0 15px 1px;
    font-size: 0
}

.cr-group-list .cr-item, .cr-video-list .cr-item {
    display: inline-block;
    width: 50%;
    margin-left: -1px;
    margin-bottom: 10px;
    vertical-align: top
}

.cr-group-list .cr-item:nth-child(odd) .wrapper, .cr-video-list .cr-item:nth-child(odd) .wrapper {
    padding-left: 1px;
    padding-right: 5px
}

.cr-group-list .cr-item:nth-child(even) .wrapper, .cr-video-list .cr-item:nth-child(even) .wrapper {
    padding-left: 6px
}

.cr-group-list .cr-item .wrapper, .cr-video-list .cr-item .wrapper {
    max-width: 315px;
    margin: 0 auto;
    overflow-x: hidden
}

.cr-group-list .cr-item .img-wrap, .cr-video-list .cr-item .img-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 105px;
    overflow: hidden
}

.cr-group-list .cr-item .img-wrap img, .cr-video-list .cr-item .img-wrap img {
    width: 100%;
    height: auto;
    border-radius: 2px 2px 0 0
}

.cr-group-list .cr-item .info-wrap, .cr-video-list .cr-item .info-wrap {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    height: 28px;
    padding: 5px 4px;
    border: solid #e6e6e6;
    border-width: 0 1px 1px 1px;
    border-radius: 0 0 2px 2px
}

.cr-group-list .cr-item .info, .cr-video-list .cr-item .info {
    display: -webkit-box;
    line-height: 14px;
    color: #333;
    font-size: 10px;
    text-align: center;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.cr-card-list {
    display: -webkit-box;
    padding: 0 0 10px
}

.cr-card-list .cr-card-item {
    display: block;
    -webkit-box-flex: 1.0;
    width: 0;
    text-align: center;
    vertical-align: top
}

.cr-card-list .cr-card-item .img-wrap {
    display: block
}

.cr-card-list .cr-card-item .img-wrap img {
    margin: 0 auto
}

.cr-card-list .cr-card-item .name {
    display: block;
    line-height: 16px;
    margin-top: 5px;
    padding: 0 5px;
    color: #333;
    font-size: 12px
}

.cr-video-list .cr-item .img-wrap {
    height: 100px
}

.cr-video-list .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.rank-aside {
    position: relative
}

.rank-aside:after {
    display: inline-block;
    content: '';
    width: 9px;
    height: 15px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/sprite/modify_sp.png) no-repeat 0 -518px;
    background-size: 20px auto;
    vertical-align: middle;
    margin-left: 3px
}

.cr-rank-list {
    display: -webkit-box;
    padding: 18px 0 10px
}

.cr-rank-list .cr-rank-item {
    position: relative;
    display: block;
    -webkit-box-flex: 1.0;
    width: 0;
    text-align: center
}

.cr-rank-list .cr-rank-item.current:after {
    content: '';
    position: absolute;
    z-index: 1;
    margin: auto;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid;
    border-color: #fffcf2 transparent transparent transparent
}

.cr-rank-list .face {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.cr-rank-list .face img {
    width: 60px;
    height: 60px;
    border-radius: 100%
}

.cr-rank-list .face:before {
    content: '';
    position: absolute;
    z-index: 1;
    left: -8px;
    top: -8px;
    width: 20px;
    height: 20px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/zone/cr/rank_icon.png) no-repeat center center;
    background-size: 100%
}

.cr-rank-list .face:after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 56px;
    height: 56px;
    border: 2px solid #ffb300;
    border-radius: 100%
}

.cr-rank-list .name {
    padding: 5px 5px 0;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rank-block {
    background: #fffcf2
}

.rank-block .info-wrapper {
    padding: 5px 15px;
    line-height: 22px;
    background: #8289d9;
    color: #fff
}

.rank-block .info-wrapper .label {
    color: #d1d5ff
}

.rank-news-list .m-wrap {
    position: relative
}

.rank-news-list .m-wrap .img-wrap {
    position: relative;
    width: 102px;
    background: #f5f5f5
}

.rank-news-list .m-wrap .img {
    max-width: 102px;
    width: auto;
    height: 77px;
    margin: 0 auto
}

.rank-news-list .m-wrap .date {
    width: 100%;
    color: #999;
    text-align: right
}

.rank-news-list .game-title {
    display: -webkit-box;
    height: 36px;
    line-height: 18px;
    white-space: normal;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.rank-news-list .game-title .link {
    display: block
}

.rank-news-list .notes {
    -webkit-line-clamp: 1;
    color: #999;
    margin-bottom: 5px
}

.app-detailshow.game-cooperation {
    position: relative;
}

.app-detailshow.game-cooperation::after {
    content: '';
    width: 27px;
    height: 30px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_portal/zone/sprite/icon_cooperation.png);
    -webkit-background-size: 27px auto;
    background-size: 27px auto;
    position: absolute;
    top: 0;
    right: 15px;
}

.app-detailshow.game-cooperation li .btn {
    top: 40px;
}
.appointment-gift {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/app_bg.png);
    margin: 10px 10px;
    border-radius: 5px;
    font-size: 0;
    background-size: 100% 100%;
    position: relative;
    background-repeat: no-repeat
}

.appointment-gift ul {
    font-size: 0;
    width: 71%;
    display: inline-block
}

.appointment-gift li {
    display: inline-block;
    font-size: 12px;
    width: 27.33%;
    text-align: center;
    color: #333
}

.appointment-gift li:first-child:nth-last-child(1) {
    margin: 5px 36% 1px;
}

.appointment-gift li:first-child:nth-last-child(2),
.appointment-gift li:first-child:nth-last-child(2) ~ li {
    margin: 5px 11.25% 1px;
}

.appointment-gift li:first-child:nth-last-child(3),
.appointment-gift li:first-child:nth-last-child(3) ~ li {
    margin: 5px 3% 1px;
}

.appointment-gift li span {
    text-align: center;
    white-space: nowrap
}

.appointment-gift li div {
    background: #fff;
    border-radius: 50%;
    width: 70%;
    margin: 0  auto 2.5px;
}

.appointment-gift li div img{
    width: 84%;
    display: block;
    padding: 8%;
}

.appointment-gift-button {
    width: 25%;
    display: inline-block;
    font-size: 12px;
    vertical-align: top;
    color: #fff;
    overflow: hidden
}

.appointment-gift-button-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    font-style: italic;
    width: 29%;
    text-align: center
}

.appointment-gift-button-p1 {
    font-weight: bold;
    font-size: 16px;
}

.appointment-gift-button-p2 {
    opacity: 0.6;
    font-size: 11px;
    width: 55px;
    margin: 0 auto;
    line-height: 14px;
}

.btn-color-update {
    background: #f67b29
}

.mod-popup-prompt .rw-popup-container {
    width: 320px;
    margin-left: -160px
}

.mod-popup-prompt .rw-popup-container .rw-popup_close {
    left: 50%;
    top: 110%;
    transform: translateX(-50%);
    background: transparent;
    width: 35px;
    height: 35px;
    border: 1px solid #fff
}

.rw-mod-one-btn-wrap .btn {
    background: #f67b29;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px
}

.rw-popup-container .text-content {
    font-size: 12px;
    color: #7d7d7d
}

.text-content .key {
    color: #f57b28 !important
}

.rw-popup-app {
    padding: 0 15px;
    font-size: 0;
    margin-bottom: 15px
}

.rw-popup-app img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    height: 80px
}

.rw-popup-app-text {
    font-size: 16px;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    color: #333
}

.rw-popup-app-text-title {
    font-weight: bold
}

.rw-popup-app-text ul {
    line-height: 20px;
    font-size: 10px
}

.rw-popup_close::after {
    height: 16px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    left: 50%;
    margin-left: -8px;
    background-position: 0 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/app_close.png)
}

.opentest-new-tips {
    position: relative;
    width: 100%;
    line-height: 36px;
    margin: 15px 0
}

.opentest-new-button {
    width: 160px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #ff8a03;
    border-radius: 3px
}

.opentest-new-mask {
    position: absolute;
    top: 45px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/opentest_mask.png);
    background-size: 100% 100%;
    color: #ffef66;
    font-size: 13px;
    padding: 0 12px;
    z-index: 19;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    height: 40px;
    line-height: 44px
}

.rw-pay-remind-bubble {
    top: 71px;
    right: 15px;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/ssjj/top_appmask.png);
    background-size: 100% 100%;
    color: #ffef66;
    line-height: 24px;
    font-size: 13px
}

.rw-topblock-wrap{
    padding-top: 0 !important;
    margin: 10px 15px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.rw-topblock-wrap.inflow{
    padding: 10px 15px;
    margin: 0;
    padding-top: 10px !important;
}

.portal-bottom-fixed {
    text-align: center;
    font-size: 16px;
    display: none;
}
.portal-bottom-fixed .fixed-block {
    position: relative;
    height: 56px;
}
.portal-bottom-fixed .fixed-main {
    position: fixed;
    display: -webkit-box;
    bottom: 0;
    width: 100%;
    padding: 12px 0;
    background: #fff;
    -webkit-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
    z-index: 11;
}
.portal-bottom-fixed .download {
    -webkit-box-flex: 1;
    width: 0;
    border: 1px solid #f67b29;
    color: #f67b29;
    line-height: 30px;
    border-radius: 3px;
    margin: 0 15px;
}
.portal-bottom-fixed .high-download {
    color: #fff;
    border-radius: 3px;
    background: #f67b29;
}

.portal-new-nav {
    display: -webkit-box;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    color: #666;
}
.portal-new-nav div {
    -webkit-box-flex: 1;
    flex: 1;
    width: 0;
    text-align: center;
    line-height: 46px;
}
.portal-new-nav div.select {
    color: #f67b29;
    font-weight: bold;
    position: relative;
}
.portal-new-nav div.select::after {
    content: '';
    width: 35px;
    height: 2px;
    background: #f67b29;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -17.5px;
}
.portal-new-nav a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.portal-new-nav.portal-top-fixed {
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
    z-index: 11;
    margin-top: 0;
}
.portal-new-nav.portal-top-fixed a {
    color: inherit;
}

.portal-new {
    background: #f6f6f6;
}
.portal-new a {
    color: inherit;
}
.portal-new .portal-header {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/portal_header_bg.jpg) center top #fff no-repeat;
    position: relative;
    padding-top: 48px;
    text-align: center;
    padding-bottom: 20px;
}
.portal-new .portal-header img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-header .back {
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/back.png);
    position: absolute;
    width: 12px;
    background-size: 100%;
    height: 22.5px;
    top: 12px;
    left: 15px;
}
.portal-new .portal-header .subscribe {
    position: absolute;
    right: 15px;
    top: 12px;
    color: #fff;
    font-size: 14px;
}
.portal-new .portal-header .subscribe::after {
    content: "";
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/subscribe.png);
    position: absolute;
    top: 0;
    left: -25px;
    width: 20px;
    height: 23.5px;
    background-size: cover;
}
.portal-new .portal-header .logo {
    width: 66px;
    height: 66px;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 15px;
}
.portal-new .portal-header .name {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}
.portal-new .portal-header .desc-block {
    position: relative;
    font-size: 14px;
    color: #666666;
}
.portal-new .portal-header .desc-block:before, .portal-new .portal-header .desc-block:after {
    content: '';
    position: absolute;
    width: 17.5px;
    height: 11px;
    background-size: cover;
    top: 2.5px;
}
.portal-new .portal-header .desc-block:after {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/desc_left.png);
    left: 0;
    margin-left: -27.5px;
}
.portal-new .portal-header .desc-block:before {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/desc_right.png);
    right: 0;
    margin-right: -27.5px;
}
.portal-new .portal-header .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    color: #666666;
    font-size: 12px;
    width: 66%;
    margin: 0 auto 2px;
    position: relative;
}
.portal-new .portal-header .info {
    color: #999;
    font-size: 0;
}
.portal-new .portal-header .info .decorate {
    margin: 0 6px 0 5px;
    font-size: 12px;
}
.portal-new .portal-header .info .decorate:not(:last-child) {
    position: relative;
}
.portal-new .portal-header .info .decorate:not(:last-child):before {
    content: '';
    width: 1px;
    height: 12px;
    background: #dddddd;
    position: absolute;
    right: -5px;
    top: 1px;
}
.portal-new .portal-header .info .num {
    color: #fb7217;
}
.portal-new .portal-header .mark .stars {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.portal-new .portal-header .mark .stars span {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_full.png);
    background-size: 100%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 2px;
}
.portal-new .portal-header .mark .stars .half {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_half.png);
}
.portal-new .portal-header .mark .stars .zero {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/star_empty.png);
}
.portal-new .portal-header .mark .point {
    font-size: 12px;
}
.portal-new .portal-header .mark .point .num {
    color: #f67b29;
}
.portal-new .portal-header .portal-header-btn {
    margin-top: 15px;
    font-size: 16px;
}
.portal-new .portal-header .portal-header-btn .download {
    color: #f67b29;
    border: 1px solid #f67b29;
    padding: 7px 20px;
    border-radius: 3px;
    background: #fff;
}
.portal-new .portal-header .portal-header-btn .high-download {
    color: #fff;
    background: #f67b29;
    margin-left: 15px;
}
.portal-new .portal-new-roll-list {
    background: #fff;
    border: 0;
    margin-bottom: 10px;
}
.portal-new .portal-new-roll-list .label {
    margin-top: -14.5px;
    top: 50%;
    height: 31px;
}
.portal-new .portal-new-nav.fixed {
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
}
.portal-new .portal-label {
    font-size: 0;
    color: #fff;
    background: #fff;
    padding: 15px 15px 15px 0;
}
.portal-new .portal-label span {
    padding: 5px 10px;
    border-radius: 15px;
    font-size: 12px;
    margin-left: 10px;
}
.portal-new .portal-label span:first-child {
    margin-left: 15px;
}
.portal-new .portal-label span:nth-child(1) {
    background: #f67b29;
}
.portal-new .portal-label span:nth-child(2) {
    background: #ebb100;
}
.portal-new .portal-label span:nth-child(3) {
    background: #0bc8a6;
}
.portal-new .portal-label span:nth-child(4) {
    background: #4197f6;
}
.portal-new .portal-label span:nth-child(5) {
    background: #875df2;
}
.portal-new .portal-label span:nth-child(6) {
    background: #f74163;
}
.portal-new .portal-label span:nth-child(7) {
    background: #f34d48;
}
.portal-new .portal-label span:nth-child(7) {
    background: #ad7645;
}
.portal-new .portal-gameInfo {
    background: #fff;
}
.portal-new .portal-gameInfo .modify {
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/up.png);
    width: 14px;
    background-position: 0 0;
    background-size: 100%;
    height: 7px;
}
.portal-new .portal-gameInfo .app-introduce {
    margin: 10px 0 0 0;
}
.portal-new .portal-gameInfo .mod-scroll-img {
    margin: 0 15px;
}
.portal-new .portal-article {
    margin-top: 10px;
    padding: 15px 15px 0;
    background: #fff;
}
.portal-new .portal-article .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 10px;
}
.portal-new .portal-article .title .more {
    color: #999;
    font-size: 12px;
    position: relative;
    float: right;
    line-height: 25px;
    margin-right: 12px;
}
.portal-new .portal-article .title .more::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -13px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-new .portal-article .tap {
    color: #f67b29;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
}
.portal-new .portal-article .tap a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid;
    margin-right: 10px;
    border-radius: 3px;
    margin-bottom: 15px;
    padding: 3px 0;
}
.portal-new .portal-article .tap a:last-child {
    margin-right: 0;
}
.portal-new .portal-article .more {
    border-top: 1px solid #ebebeb;
    text-align: center;
    line-height: 40px;
    margin: 0 -15px;
    color: #f67b29;
    font-size: 13px;
}
.portal-new .portal-article .video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.portal-new .portal-article .video span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 90px;
}
.portal-new .portal-article .video span:first-child {
    margin-right: 10px;
}
.portal-new .portal-article .video span:only-child {
    margin-right: 0;
    height: 170px;
}
.portal-new .portal-article .video .o-ins-autoplay {
    position: absolute;
    left: 50%;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.portal-new .portal-article .news .news-list {
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
    position: relative;
}
.portal-new .portal-article .news .news-list .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.portal-new .portal-article .news .news-list .main .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.portal-new .portal-article .news .news-list .main .text {
    font-size: 16px;
    color: #333;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
}
.portal-new .portal-article .news .news-list .main .img {
    width: 130px;
    height: 90px;
    margin-left: 24px;
}
.portal-new .portal-article .news .news-list .main div:only-child .text {
    height: auto;
    margin-bottom: 5px;
}
.portal-new .portal-article .news .news-list .origin {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 23px;
}
.portal-new .portal-article .news .news-list .read {
    font-size: 10px;
    color: #999;
    background: #f3f3f3;
    padding: 2px 10px;
    border-radius: 5px;
    float: right;
}
.portal-new .portal-article img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-recommendGame {
    background: #fff;
    margin-top: 10px;
    padding: 0 10px 10px 10px;
}
.portal-new .portal-recommendGame .img {
    width: 60px;
    margin: 0 auto;
}
.portal-new .portal-recommendGame .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-recommendGame .title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
    padding-top: 10px;
}
.portal-new .portal-recommendGame .game {
    display: -webkit-box;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    text-align: center;
    font-size: 12px;
}
.portal-new .portal-recommendGame .game .game-li {
    -webkit-box-flex: 1;
    width: 0;
}
.portal-new .portal-recommendGame .game .game-li .name {
    font-size: 14px;
    color: #333;
    line-height: 18px;
    margin-top: 5px;
}
.portal-new .portal-recommendGame .game .game-li .info {
    color: #999;
    font-size: 10px;
    line-height: 16px;
}
.portal-new .portal-recommendGame .game .game-li .download {
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
    width: 60px;
    margin: 5px auto 0;
    line-height: 25px;
}
.portal-new .portal-comment {
    background: #fff;
    margin-top: 10px;
    padding: 0 15px;
}
.portal-new .portal-comment .mark {
    line-height: 40px;
}
.portal-new .portal-comment .mark .left {
    font-size: 16px;
    color: #333;
}
.portal-new .portal-comment .mark .left .num {
    color: #f67b29;
    font-style: italic;
    margin-left: 5px;
    font-weight: bold;
}
.portal-new .portal-comment .mark .review {
    font-size: 12px;
    color: #999;
    float: right;
    position: relative;
    margin-right: 15px;
}
.portal-new .portal-comment .mark .review::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100% 100%;
    margin-top: -7px;
}
.portal-new .portal-comment .comment .comment-li {
    border-top: 1px solid #e1e1e1;
    padding: 10px 0;
    position: relative;
}
.portal-new .portal-comment .comment .comment-li .name {
    font-size: 14px;
    color: #666;
}
.portal-new .portal-comment .comment .comment-li .like {
    color: #595959;
    float: right;
    font-size: 12px;
    position: relative;
}
.portal-new .portal-comment .comment .comment-li .like::before {
    content: '';
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/like.png);
    -webkit-background-size: 30px auto;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
    /* background-position: 0 -500px; */
    left: -25px;
    top: 50%;
    margin-top: -7px;
    background-size: 100%;
}
.portal-new .portal-comment .comment .comment-li .text {
    font-size: 14px;
    color: #333;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item {
    position: absolute;
    right: 1px;
    top: 10px;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand {
    display: inline-block;
    vertical-align: middle;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand .default-up {
    background-position: 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/like.png);
    background-size: 100%;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-hand .change-up {
    background-position: 0;
    background-image: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/like_active.png);
    background-size: 100%;
}
.portal-new .portal-comment .comment .comment-li .reply-view-item .view-num {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}
.portal-new .portal-game-develop {
    background: #fff;
    margin-top: 10px;
    position: relative;
    padding: 10px 15px;
    font-size: 14px;
    color: #666;
}
.portal-new .portal-game-develop .company {
    color: #333;
}
.portal-new .portal-game-develop .other {
    position: absolute;
    right: 30px;
    top: 50%;
    color: #999;
    margin-top: -11px;
}
.portal-new .portal-game-develop .other::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -14px;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100% 100%;
    margin-top: -7px;
}
.portal-new .portal-game-info {
    background: #fff;
    margin-top: 10px;
    color: #333;
    font-size: 14px;
    padding: 0 15px 15px 15px;
    margin-bottom: 10px;
    position: relative;
}
.portal-new .portal-game-info .title {
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    line-height: 44px;
}
.portal-new .portal-game-info .title .game {
    color: #5ea8fa;
    position: absolute;
    font-size: 12px;
    right: 15px;
}
.portal-new .portal-game-info .title .game::before {
    content: "";
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/9game.png);
    position: absolute;
    top: 50%;
    left: -13px;
    width: 10px;
    height: 12px;
    background-size: 100%;
    margin-top: -5.5px;
}
.portal-new .portal-game-info .version {
    margin-top: 10px;
    line-height: 40px;
}
.portal-new .portal-game-info .date {
    line-height: 30px;
}
.portal-new .portal-game-info .button {
    font-size: 13px;
    position: absolute;
    right: 15px;
    top: 60px;
}
.portal-new .portal-game-info .button .question {
    padding: 5px 10px;
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
}
.portal-new .portal-game-info .button .advise {
    padding: 5px 10px;
    color: #f67b29;
    border: 1px solid #fb7217;
    border-radius: 4px;
    margin-top: 8px;
}
.portal-new .portal-bigEvent {
    background: #fff;
    padding: 0 10px 15px;
    color: #333;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg {
    padding: 10px 5px 5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header .event_img {
    width: 63px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header .text {
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header::after {
    content: '';
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/up.png);
    width: 14px;
    height: 7px;
    background-size: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3.5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-header.active::after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main {
    display: none;
    margin-left: 73px;
    line-height: 30px;
    margin-top: 8px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .first, .portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next {
    position: relative;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .first::before {
    content: '';
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/time.png);
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    left: -20px;
    margin-left: -7.5px;
    top: 50%;
    margin-top: -7.5px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next::before {
    content: '';
    background: #c1c1c1;
    width: 4px;
    height: 4px;
    background-size: 100%;
    position: absolute;
    left: -20px;
    margin-left: -2px;
    top: 50%;
    margin-top: -2px;
    border-radius: 50%;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next::after {
    content: '';
    background: #ddd;
    width: 1px;
    height: 20px;
    background-size: 100%;
    position: absolute;
    left: -20px;
    margin-left: -0.5px;
    bottom: 20px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg .portal-bigEvent-main .next.secondary::after {
    height: 14px;
}
.portal-new .portal-bigEvent .portal-bigEvent-bg.active {
    background: #f6f6f6;
}

.display_more {
    text-align: center;
    color: #f67b29;
    font-size: 13px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.display_more::before {
    content: '显示更多';
}

.f_opened .display_more::before {
    content: '收起更多';
}

.portal-article-main {
    background: #fff;
    position: relative;
    padding-top: 44px;
}
.portal-article-main .tap-list {
    display: flex;
    text-align: center;
    line-height: 43px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 14px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 12;
    background: #fff;
}
.portal-article-main .tap-list div {
    flex: 1;
    color: #666;
    position: relative;
}
.portal-article-main .tap-list .select {
    color: #f67b29;
    font-weight: bold;
}
.portal-article-main .select::before {
    content: '';
    width: 35px;
    height: 2px;
    background: #f67b29;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -17.5px;
}
.portal-article-main .page_more {
    color: #f67b29;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #e1e1e1;
    font-size: 14px;
}
.portal-article-main .tap-main {
    padding: 0 15px;
}
.portal-article-main .tap-main .topic-main {
    margin-top: 10px;
}
.portal-article-main .tap-main .topic-main .topic-list {
    position: relative;
    padding-bottom: 10px;
}
.portal-article-main .tap-main .topic-main .topic-list .img {
    height: 140px;
    width: 100%;
}
.portal-article-main .tap-main .topic-main .topic-list .img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 3px;
}
.portal-article-main .tap-main .topic-main .topic-list .text {
    position: absolute;
    bottom: 18px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
}
.portal-article-main .tap-main .video-main {
    font-size: 0;
    margin-top: 10px;
}
.portal-article-main .tap-main .video-main .video-list {
    display: inline-block;
    width: 48.5%;
    position: relative;
}
.portal-article-main .tap-main .video-main .video-list .img {
    height: 80px;
}
.portal-article-main .tap-main .video-main .video-list .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-article-main .tap-main .video-main .video-list .o-ins-autoplay {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.portal-article-main .tap-main .video-main .video-list:nth-child(2n-1) {
    margin-right: 3%;
    margin-bottom: 10px;
}
.portal-article-main .tap-main .video-main .text {
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    color: #333;
    line-height: 25px;
    text-align: center;
}
.portal-article-main .tap-main .news-list {
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
    position: relative;
}
.portal-article-main .tap-main .news-list .main {
    display: flex;
}
.portal-article-main .tap-main .news-list .main .left {
    flex: 1;
}
.portal-article-main .tap-main .news-list .main .text {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    margin-bottom: 15px;
}
.portal-article-main .tap-main .news-list .main .img {
    width: 130px;
    height: 90px;
    margin-left: 24px;
}
.portal-article-main .tap-main .news-list .main .img img {
    width: 100%;
    height: 100%;
    display: block;
}
.portal-article-main .tap-main .news-list .main div:only-child .text {
    height: auto;
    margin-bottom: 5px;
}
.portal-article-main .tap-main .news-list .origin {
    font-size: 12px;
    color: #999;
    float: left;
    line-height: 23px;
}
.portal-article-main .tap-main .news-list .read {
    font-size: 10px;
    color: #999;
    background: #f3f3f3;
    padding: 2px 10px;
    border-radius: 5px;
    float: right;
}
.portal-article-main .tap-main .news-list:first-child {
    border-top: 0;
}

.portal-newFooter .client-wrap {
    background-color: #fff;
    margin-bottom: 10px;
    color: #333;
    font-size: 14px;
    margin-top: 10px;
}
.portal-newFooter .client-wrap a.cf {
    display: block;
}
.portal-newFooter .client-wrap .icon-client-wrap {
    padding: 5px 0 5px 15px;
    float: left;
    line-height: 30px;
}
.portal-newFooter .client-wrap .icon-client {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    float: left;
}
.portal-newFooter .client-wrap i {
    color: #ff8800;
}
.portal-newFooter .client-wrap .down-client-wrap {
    width: 58px;
    height: 40px;
    border-left: 1px solid #ebebeb;
    float: right;
    line-height: 40px;
    text-align: center;
}
.portal-newFooter .client-wrap .down-client {
    width: 14px;
    height: 19px;
    vertical-align: middle;
}
.portal-newFooter .bottom-category {
    background-color: #fff;
    padding: 12.5px;
    text-align: center;
}
.portal-newFooter .bottom-category .category-in {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 7px;
    display: flex;
}
.portal-newFooter .bottom-category .category-in a {
    width: 40px;
    flex: 1;
    margin-left: 7%;
    margin-right: 7%;
    font-size: 14px;
}
.portal-newFooter .bottom-category .category-in a div {
    padding-left: 10%;
    padding-right: 10%;
    padding-bottom: 5px;
}
.portal-newFooter .bottom-category .category-in a img {
    max-width: 100%;
}
.portal-newFooter .bottom-category .login .txt {
    font-size: 14px;
    color: #666;
    padding-top: 12.5px;
    padding-bottom: 10px;
}
.portal-newFooter .bottom-category .login a {
    width: 60px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    border: 1px solid #f67b29;
    color: #f67b29;
    display: inline-block;
    border-radius: 2px;
    font-size: 14px;
}
.portal-newFooter .bottom-category .login .btn {
    width: auto;
    background: inherit;
}
.portal-newFooter .bottom-category .login-in {
    padding-top: 12.5px;
    font-size: 14px;
    color: #666;
}
.portal-newFooter .bottom-category .login-in i {
    color: #4197f6;
}
.portal-newFooter .bottom-category .login-in .name {
    margin-right: 5px;
}
.portal-newFooter .footer {
    padding: 25px 15px 25px;
    text-align: center;
}
.portal-newFooter .footer .link {
    padding-bottom: 25px;
}
.portal-newFooter .footer .link a {
    line-height: 13px;
    border-left: 1px solid #ddd;
    padding-left: 7.5px;
    margin-left: 7.5px;
    font-size: 14px;
    color: #333;
}
.portal-newFooter .footer .link a:first-child {
    border: none;
}
.portal-newFooter .footer .txt {
    font-size: 12px;
    color: #999;
}
.portal-newFooter .footer .txt a {
    border-left: 1px solid #ddd;
    padding-left: 7.5px;
    margin-left: 7.5px;
    color: #999;
}

.portal-gift {
    margin-top: 44px;
    position: relative;
}
.portal-gift .portal-new-nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 11;
}

.portal-gift-event {
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px;
}
.portal-gift-event .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}
.portal-gift-event .more{
    float: right;
    color: #f67b29;
    font-size: 14px;
    margin-right: 15px;
}
.portal-code .more{
    float: right;
    color: #f67b29;
    font-size: 14px;
    margin-right: 15px;
}
.portal-gift-event .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-gift-event .main {
    color: #fff;
    position: relative;
}
.portal-gift-event .main .name {
    font-size: 16px;
}
.portal-gift-event .main .date {
    font-size: 10px;
}
.portal-gift-event .main .detail {
    font-size: 13px;
    position: absolute;
    border: 1px solid #fff;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    padding: 2px 6px;
    border-radius: 3px;
}

.portal-code {
    background: #fff;
    margin-top: 10px;
    padding: 10px 15px 0;
}
.portal-code .title {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
    position: relative;
}
.portal-code .more::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/more.png);
    width: 7.5px;
    height: 13.5px;
    background-size: 100%;
    margin-top: -9px;
}
.portal-code .list-li {
    border-top: 1px solid #e1e1e1;
    position: relative;
}
.portal-code .list-li .text {
    font-size: 14px;
    color: #333;
    line-height: 45px;
}
.portal-code .list-li .button {
    font-size: 13px;
    background: #fb7217;
    color: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    padding: 1px 15px;
    border-radius: 3px;
    margin-top: -13px;
}
.portal-unable {
    color: #ccc;
}

.portal-gift-event .main {
    color: #fff;
    position: relative;
    overflow: hidden;
}
.portal-gift-event .main .name {
    font-size: 16px;
    margin-left: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 70px;
}
.portal-gift-event .main .date {
    font-size: 10px;
    margin-left: 14px;
}
.portal-gift-event .main .detail {
    font-size: 13px;
    position: absolute;
    border: 1px solid #fff;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    padding: 2px 6px;
    border-radius: 3px;
}
.portal-gift-event .main ul {
    font-size: 0;
}
.portal-gift-event .main li {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 20px 0;
    background: url(https://portal.ucgc.ucfly.com/public/images/android_new/portal_new/bg.jpg);
    background-size: 100% 100%;
}
.mult-btn-wrap.rw-topblock-wrap .btn-sec-w {

}
.diff-down.inflow .btn-sec-w {
    display: none;
}
.portal-inner-video{
    position: fixed;
    z-index: 9999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    top: 50%;
    background: #000;
}
.game-list-item {
    display: -webkit-box;
    -webkit-box-align: center;
    color: #999;
    font-size: 12px;
    margin: 0 15px;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
}
.game-list-item:last-child {
    border-bottom: 0;
}
.game-list-item .game-img {
    width: 60px;
    height: 60px;
}
.game-list-item .game-main {
    margin-left: 10px;
    -webkit-box-flex: 1;
    line-height: 16px;
    font-size: 0;
}
.game-list-item .game-name {
    color: #535353;
    font-size: 14px;
    margin-bottom: 5px;
}
.game-list-item .game-type {
    position: relative;
    font-size: 12px;
}
.game-list-item .game-type:before {
    content: '';
    width: 1px;
    height: 12px;
    background: #d9d9d9;
    position: absolute;
    right: -5px;
    top: 1px;
}
.game-list-item .game-size {
    margin-left: 10px;
    font-size: 12px;
}
.game-list-item .game-download {
    width: 55px;
    line-height: 27.5px;
    text-align: center;
    color: #fb7217;
    border: 1px solid #fb7217;
    border-radius: 4px;
}
.game-list-item .game-tic {
    padding: 1px 5px;
    color: #fff;
    border-radius: 2.5px;
    margin-left: 5px;
    margin-top: 2px;
    font-size: 12px;
}
.game-list-item .game-tic-red {
    background: #f24d47;
}
.game-list-item .game-tic-blue {
    background: #4097f6;
}
.game-list-item .game-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 12px;
}

.game-recommend.planA {
    background: #f5f5f5;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    margin-top: -1px;
}
.game-recommend .game-recommend-title {
    margin-left: 27.5px;
}
.game-recommend .game-recommend-title:before {
    content: '';
    width: 2.5px;
    height: 14px;
    background: #f67b29;
    position: absolute;
    left: -12.5px;
    top: 15px;
}
.game-recommend.special {
    background: #FFFFFF;
    border: 0;
    margin-top: 0;
    margin-bottom: 10px;
}
.game-recommend.special:before {
    display: none;
}
.game-recommend.special:after {
    display: none;
}
.game-recommend .game-recommend-main {
    position: relative;
}
.game-recommend .game-recommend-title {
    color: #666666;
    font-size: 14px;
    line-height: 45px;
    position: relative;
}
.game-recommend .game-recommend-title .game-info {
    color: #f67b29;
    margin: 0 4px;
}

.arr-label-third{
  background: #f9c938;
}

.arr-label-third::before{
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-right: 6px solid #f9c938;
  border-bottom: 7.5px solid transparent;
  background-image: none;
}

.arr-label-third-text{
  color: #666666;
  font-size: 12px;
  text-align: center;
}