dd,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    font-size: 62.5%;
    height: 100%;
}

body {
    height: 100%;
}

*:focus {
    outline: none;
}

.container-fluid {
    position: relative;
    max-width: 500px;
    min-width: 320px;
    padding: 0
}

    .container-fluid .row {
        margin: 0
    }

a:hover {
    text-decoration: none
}

a {
    color: #666
}

.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 666;
    padding: 0
}

    .fixed-bottom img {
        width: 100%;
        border-radius: 5px
    }

.gg-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

    .gg-header .container-fluid {
        padding: 5px 0;
        background: #fff
    }

    .gg-header .logo-1 {
        height: 30px
    }

    .gg-header .row {
        margin: 0 auto;
        padding: 0 10px
    }

        .gg-header .row .col-xs-6 {
            padding: 0
        }

    .gg-header .btn {
        padding: 4px 10px
    }

    .gg-header .btn-primary {
        margin-right: 8px
    }

    .gg-header .show-user {
        display: inline-block;
        width: 94px;
        padding: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.gg-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    margin-top: 5px;
    text-align: center;
    border-top: 1px solid #ddd;
    background: #eee
}

    .gg-footer .container-fluid {
        background: #eee
    }

    .gg-footer .col-xs-3 {
        padding: 0 1px
    }

    .gg-footer .tab-item {
        display: inline-block;
        width: 100%;
        padding: 10px 0;
        color: #000
    }

        .gg-footer .tab-item.active {
            background: #f60;
            color: #fff;
            border-radius: 5px
        }

            .gg-footer .tab-item.active .icon-home {
                background-position: -25px -43px
            }

            .gg-footer .tab-item.active .icon-hall {
                background-position: -76px -43px
            }

            .gg-footer .tab-item.active .icon-app {
                background-position: -125px -43px
            }

            .gg-footer .tab-item.active .icon-mine {
                background-position: -168px -43px
            }

    .gg-footer .self-icon {
        padding: 3px 12px;
        margin-right: 2px;
        background: url(../img/public/bg-icons.png) no-repeat
    }

        .gg-footer .self-icon.icon-home {
            background-position: 0 -43px
        }

        .gg-footer .self-icon.icon-hall {
            background-position: -51px -43px
        }

        .gg-footer .self-icon.icon-app {
            background-position: -100px -43px
        }

        .gg-footer .self-icon.icon-mine {
            background-position: -146px -43px
        }

.color-theme {
    color: #f60
}

.color-white {
    color: #fff
}

.color-hot {
    color: #ff4e4e
}

.color-gray {
    color: #999
}

.color-green {
    color: #71a53b
}

.color-qing {
    color: #4a85fc
}

.color-phong {
    color: #e30039
}

.color-c-blue {
    color: #316cad
}

.color-gold {
    color: #ebb159
}

.color-orange {
    color: #f60
}

.bg-white {
    background: #fff
}

.bg-gray {
    background: #eee
}

.btn-qing {
    padding: 2px 16px;
    color: #fff;
    background-color: #4a85fc;
    border-color: #4a85fc
}

    .btn-qing:hover {
        color: #fff;
        background-color: #3174fc
    }

.btn-phong {
    padding: 2px 16px;
    color: #fff;
    background-color: #e30039;
    border-color: #e30039
}

    .btn-phong:hover {
        color: #fff;
        background-color: #ca0033
    }

.bg-hot {
    background: #ff4e4e
}

.gg-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.gg-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pei {
    padding: 2px;
    margin: 0 4px 0 0;
    color: #fff;
    background-color: #e30039;
    border-radius: 3px
}

.border-btm {
    border-bottom: 1px solid #ddd
}

.foot-pad {
    padding-bottom: 42px;
    background-color: #f5f5f5;
}

.btn-theme {
    background: #f60;
    border-color: #f60;
    color: #fff
}

.btn-gg-red {
    background: #ff4e4e;
    border-color: #ff4e4e;
    color: #fff
}

.page-title {
    /* line-height: 44px; */
    height: 44px;
    line-height: 44px;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    background: #f60
}

    .page-title .go_out {
        float: right;
        padding: 0;
    }

    .page-title a {
        float: left;
        color: #fff;
        padding: 0 10px
    }

    .page-title [class^=col] {
        padding: 0 10px
    }

.foot-btn {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    height: 50px;
    width: 100%;
    max-width: 500px;
    background: #fff;
    text-align: center
}

    .foot-btn .col-xs-6 {
        line-height: 50px;
        padding: 0
    }

    .foot-btn .my-btn {
        display: block;
        width: 100%;
        background: #f60;
        color: #fff;
        border-radius: 5px
    }

.index-carousel {
    padding: 0;
    margin: 0 auto 0;
    position: relative;
}

    .index-carousel .searchBox {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
    }

        .index-carousel .searchBox .logo {
            padding: 0 8px;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

            .index-carousel .searchBox .logo img {
                height: 32px;
            }

        .index-carousel .searchBox .searchInput {
            flex: 1;
            /* border: none; */
            margin-top: 5px;
            position: relative;
        }

            .index-carousel .searchBox .searchInput .icon {
                width: 36px;
                height: 32px;
                position: absolute;
                top: 0;
                left: 0;
                background: url(./../img/index/icon_2.png) no-repeat 10px 6px;
                background-size: 20px;
            }

            .index-carousel .searchBox .searchInput input {
                width: 100%;
                height: 32px;
                line-height: 32px;
                border-radius: 16px;
                border: none;
                padding-left: 32px;
            }

        .index-carousel .searchBox .service {
            padding: 0 8px;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }

            .index-carousel .searchBox .service img {
                width: 32px;
                height: 32px;
            }

    .index-carousel ul {
        margin: 0
    }

    .index-carousel img {
        margin: 0 auto
    }

.navBox {
    /* margin: -32px 15px 0 15px; */
    /* padding: 15px; */
    position: relative;
    /* background-color: #fff; */
    padding: 0 15px;
}

    .navBox .nav_bar {
        margin-top: -16px;
        border-radius: 6px;
        background: #fff;
        color: #666;
    }

        .navBox .nav_bar .col-xs-3 {
            padding: 10px;
            text-align: center;
        }

.index-nav {
    margin-top: 10px;
    background-color: #fff
}

    .index-nav .col-self-2 {
        float: left;
        width: 20%;
        padding: 4px;
        text-align: center
    }

        .index-nav .col-self-2 img {
            width: 80%
        }

        .index-nav .col-self-2 p {
            padding: 4px 0
        }

@media screen and (max-width:370px) {
    .index-nav .col-self-2 {
        font-size: 1.2rem
    }
}

.index-lists {
    margin-top: 5px;
    padding-bottom: 10px;
    background: #fff
}

    .index-lists .list-title {
        margin-top: 8px;
        padding: 5px 0;
        text-align: center
    }

    .index-lists .col-xs-4 {
        padding: 0;
        position: relative;
        text-align: center;
        border: 1px solid #fff;
        border-top: 0;
        background: #ececec
    }

        .index-lists .col-xs-4 > a {
            display: block;
            padding: 10px 0
        }

        .index-lists .col-xs-4.bd-btm:before {
            content: '';
            position: absolute;
            display: none;
            height: 1px;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: #ddd
        }

        .index-lists .col-xs-4.bd-rt:after {
            content: '';
            position: absolute;
            display: none;
            width: 1px;
            height: 100%;
            top: 0;
            right: 0;
            background-color: #ddd
        }

    .index-lists img {
        width: 24px;
        height: 24px
    }

@media screen and (max-width:370px) {
    .index-lists [class^=col] {
        font-size: 13px
    }
}

.index-category {
    margin-top: 15px;
    background-color: #fff
}

    .index-category .nav-tabs {
        /* border-bottom: 1px solid #f60 */
        border-bottom: 1px solid #ddd;
    }

        .index-category .nav-tabs li {
            width: 33.3%;
            text-align: center
        }

        .index-category .nav-tabs .more {
            float: right;
            line-height: 40px;
            margin-right: 15px;
            color: #a9a9a9;
        }

        .index-category .nav-tabs li.active a {
            border: none;
            /* background-color: #f60;
  color: #fff */
            color: #f60;
            border-bottom: 2px solid #f60;
        }

    .index-category .col-xs-3 {
        padding: 6px 15px
    }

    .index-category img {
        width: 100%;
        
        border-radius: 5px
    }

    .index-category p {
        padding: 2px 0;
        text-align: center
    }

.index-modal .modal-dialog {
    max-width: 500px;
    top: 40%
}

.index-modal .modal-content {
    background: rgba(0, 0, 0, .4);
    top: 40%
}

.index-modal .modal-header {
    border-bottom: 0;
    text-align: center
}

    .index-modal .modal-header .modal-title {
        color: #fff
    }

.index-modal .modal-body {
    padding: 10px 15px;
    text-align: center
}

    .index-modal .modal-body .btn {
        width: 42%;
        height: 50px;
        line-height: 50px;
        margin: 0 6px 10px;
        padding: 0;
        border-radius: 50px;
        font-size: 16px;
        background: #f60;
        color: #fff
    }

.index-modal .modal-footer {
    border-top: 0;
    text-align: center
}

    .index-modal .modal-footer .c-close {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 20px;
        border-radius: 50%
    }

.filter-box {
    position: relative;
    height: 45px;
    line-height: 45px;
    margin-top: 5px;
    border-top: 1px solid #ccc;
    background: #f3f3f3
}

    .filter-box .tab-item {
        float: left;
        position: relative;
        width: 33.3%;
        text-align: center;
        padding-right: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .filter-box .tab-item img {
            position: absolute;
            top: 17px;
            right: 2px;
        }

        .filter-box .tab-item:nth-child(2):before {
            content: '';
            float: left;
            width: 1px;
            height: 20px;
            margin-top: 12px;
            background: #ccc
        }

        .filter-box .tab-item:nth-child(2):after {
            content: '';
            float: right;
            width: 1px;
            height: 20px;
            margin-top: 12px;
            background: #ccc
        }

    .filter-box .tab-content {
        position: absolute;
        display: none;
        top: 44px;
        height: 100%;
        width: 100%;
        overflow-y: auto;
        line-height: 40px;
        background: #efefef;
        text-align: center;
    }

        .filter-box .tab-content.active {
            display: block;
            z-index: 999;
        }

        .filter-box .tab-content.game > li {
            float: left;
            width: 50%;
            padding: 5px 0;
            text-align: center
        }

            .filter-box .tab-content.game > li:first-child {
                border-top: 0
            }

        .filter-box .tab-content > li {
            padding: 10px;
            border-bottom: 1px solid #ddd
        }

            .filter-box .tab-content > li:first-child {
                border-top: 1px solid #ddd
            }

            .filter-box .tab-content > li.active {
                color: #f60
            }

.game-lists {
    margin-top: 86px
}

    .game-lists .list-item {
        padding: 5px 8px;
        border-bottom: 1px solid #ddd
    }

        .game-lists .list-item:nth-child(even) {
            background: #f3f3f3
        }

    .game-lists .item-content .cont-title {
        line-height: 20px;
        font-size: 15px;
        color: #333
    }

    .game-lists .item-content .no-btn {
        line-height: 26px
    }

    .game-lists .item-content .has-btn {
        line-height: 30px;
        overflow: hidden
    }

        .game-lists .item-content .has-btn > span {
            margin-right: 5px;
            color: #666
        }

    .game-lists .item-content .btn {
        padding: 4px 12px
    }

    .game-lists .item-content .suit-sys {
        padding: 4px 15px;
        border: 1px solid #f60;
        border-radius: 30px;
        color: #f60
    }

.detail-area-two {
    padding: 10px 10px 0
}

    .detail-area-two .area-two-content {
        margin: 5px 0;
        padding-bottom: 10px;
        font-size: 1.6rem;
        color: #555;
        border-bottom: 1px solid #ddd
    }

    .detail-area-two .area-two-req li {
        line-height: 21px
    }

    .detail-area-two .area-two-req b {
        color: #f60
    }

    .detail-area-two .area-two-pei {
        margin: 5px 0;
        border: 1px solid #f21f1f;
        padding: 5px 10px;
        border-radius: 8px;
        color: #f21f1f
    }

.detail-area-three {
    margin-top: 5px
}

    .detail-area-three .sub-content p {
        margin-top: 8px
    }

    .detail-area-three .sub-content img {
        width: 100%;
        padding:0 10px;
    }

.sub-title {
    line-height: 36px;
    color: #f60;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.des-text {
    line-height: 24px
}

.foot-btn .zu-btn {
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    background: #ff4e4e;
    color: #fff
}

.order-pay-cont1 {
    background: #fff;
    padding: 20px 15px 0 15px;
    margin-bottom: 15px;
}

    .order-pay-cont1 .a-detail {
        font-size: 1.8rem
    }

    .order-pay-cont1 .c-detail {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
        color: #666;
    }

    .order-pay-cont1 .img-left {
        width: 100%;
        height: 100px;
        border-radius: 5px
    }

    .order-pay-cont1 .h50 {
        line-height: 20px;
        margin: 6px 0
    }

    .order-pay-cont1 .h25 {
        padding: 10px 0;
        line-height: 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    .order-pay-cont1 .glyphicon {
        border: 1px solid #ddd;
        padding: 3px
    }

.container-fluid.cont_list {
    background: #fff;
    padding: 0 15px;
}

.order_foot-btn .total {
    padding: 0 15px;
    height: 50px;
}

    .order_foot-btn .total .left_box {
        font-size: 16px;
        color: #666;
        height: 50px;
        line-height: 50px;
    }

    .order_foot-btn .total .right_box {
        font-size: 16px;
        width: 80px;
        height: 32px;
        line-height: 32px;
        background: #f60;
        margin-top: 9px;
        border-radius: 20px;
        color: #fff;
    }


.cont_list .list_item {
    color: #666;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

    .cont_list .list_item:last-child {
        border-bottom: none;
    }

    .cont_list .list_item .col-xs-4,
    .cont_list .list_item .col-xs-6,
    .cont_list .list_item .col-xs-8 {
        padding-left: 0;
        padding-right: 0;
    }

.order-pay-cont1 .min-time .add-minus {
    float: right;
    margin-top: 1px
}

.order-pay-cont1 .min-time .count {
    padding: 0 10px
}

.order-pay-cont2 {
    background: #fff;
    padding: 0 15px;
    margin-bottom: 15px;
}

    .order-pay-cont2 .packageList {
        padding: 10px 0;
    }

        .order-pay-cont2 .packageList .duration {
            padding: 5px;
            background: #fff;
            text-align: center;
        }

            .order-pay-cont2 .packageList .duration .price_box {
                padding: 5px;
                border-radius: 5px;
                overflow: hidden;
                border: 1px solid #eee;
            }

.duration .price_box .price {
    color: #EB565C;
    border-bottom: 1px dashed #eee;
}

.duration .price_box .timer {
    color: #666;
}

.duration .price_box.active .timer {
    color: #fff;
}

.duration .price_box.active .price {
    color: #fff;
    border-bottom: 1px dashed #fff;
}

.duration .price_box.active {
    background: url(../img/public/select.png) no-repeat;
    background-size: 20px;
    background-position: bottom right;
    background-color: #EB565C;
    color: #fff;
}

.order-pay-cont2 .title_price {
    border-bottom: 1px solid #eee;
}

    .order-pay-cont2 .title_price .h3 {
        margin: 0;
        width: 110px;
        font-size: 18px;
        padding: 10px 0;
        display: block;
        border-bottom: 2px solid #f60;
    }

.order-pay-cont2 .cont2-top {
    padding: 4px 0
}

    .order-pay-cont2 .cont2-top .c-left {
        line-height: 34px
    }

.order-pay-cont2 .cont2-mid {
    text-align: center;
    padding-bottom: 10px
}

    .order-pay-cont2 .cont2-mid .col-xs-12 {
        margin: 16px 0 5px;
        padding: 5px 0;
        font-size: 1.8rem;
        color: #f60
    }

    .order-pay-cont2 .cont2-mid .col-xs-7 {
        margin-bottom: 8px;
        float: none;
        display: inline-block;
        width: 80%
    }

        .order-pay-cont2 .cont2-mid .col-xs-7 > span {
            display: inline-block;
            width: 100%;
            padding: 8px 15px;
            border: 1px solid #ccc;
            border-radius: 30px;
            font-size: 1.6rem
        }

            .order-pay-cont2 .cont2-mid .col-xs-7 > span.active {
                background: #f60;
                color: #fff;
                border-color: #f60
            }

.my-modal {
    background: rgba(0, 0, 0, .5);
    text-align: center
}

    .my-modal.active {
        display: block
    }

    .my-modal .modal-dialog {
        top: 40%
    }

    .my-modal .modal-footer {
        text-align: center
    }

        .my-modal .modal-footer .btn {
            padding: 6px 24px
        }

.pay-way {
    font-size: 1.6rem
}

    .pay-way .line1 {
        padding: 18px 15px;
        margin-bottom: 10px;
        line-height: 28px;
        border-bottom: 1px solid #ddd
    }

    .pay-way .line2 {
        line-height: 30px;
        padding: 3px 0
    }

    .pay-way .badge {
        float: right;
        padding: 8px 24px;
        background: #f60;
        color: #fff
    }

.c-body {
    top: 38px;
    padding: 0 30px
}

    .c-body .form-control {
        height: 45px
    }

        .c-body .form-control ~ .form-control-feedback {
            top: 30px
        }

    .c-body .charge-tips {
        padding: 5px 0;
        font-size: 16px;
        color: #000
    }

    .c-body .charge-def-money {
        margin-bottom: 8px
    }

        .c-body .charge-def-money .col-xs-3 {
            padding: 4px 8px
        }

        .c-body .charge-def-money .btn {
            display: inline-block;
            width: 100%;
            border: 1px solid #aaa;
            border-radius: 50px;
            font-size: 16px;
            outline: 0
        }

            .c-body .charge-def-money .btn.active {
                background: #f60;
                color: #fff;
                border-color: transparent
            }

    .c-body .payway-list {
        margin-bottom: 10px
    }

        .c-body .payway-list > label {
            position: relative;
            padding: 5px;
            width: 49%;
            border: 2px solid #ddd
        }

            .c-body .payway-list > label.active {
                border-color: #f60
            }

                .c-body .payway-list > label.active .pay-check {
                    display: block
                }

            .c-body .payway-list > label .pay-check {
                display: none;
                position: absolute;
                right: 0;
                bottom: 0;
                width: 20px;
                height: 20px;
                background: url(../img/public/bg-icons.png) no-repeat -43px -34px;
                background-size: 105px auto
            }

.pay-state {
    padding: 0 10px
}

    .pay-state .pay-state-info {
        text-align: center;
        margin: 20px 0 10px;
        font-size: 15px
    }

        .pay-state .pay-state-info > dd {
            line-height: 32px
        }

    .pay-state .game-type {
        text-align: left
    }

        .pay-state .game-type .btn-sm {
            padding: 1px 10px;
            margin-top: 3px
        }

@media screen and (max-width:321px) {
    .pay-state .game-type {
        font-size: 12px
    }
}

.order-center .cc-title {
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fd5656;
    background: #ddd
}

    .order-center .cc-title .txt {
        display: inline-block
    }

    .order-center .cc-title .icon {
        display: inline-block;
        position: relative;
        top: 3px;
        width: 20px;
        height: 20px;
        background: url(../img/public/bg-icons.png) no-repeat -66px -35px;
        background-size: 105px auto
    }

.order-center .odr-title {
    margin-top: 5px;
    padding: 2px 6px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: red
}

.order-center .tabs {
    margin: 5px 0
}

.order-center .contents {
    padding-top: 5px
}

.order-center .item {
    margin-bottom: 5px;
    padding: 5px
}

    .order-center .item:nth-child(even) {
        background: #f3f3f3
    }

    .order-center .item p {
        line-height: 21px;
        overflow: hidden
    }

        .order-center .item p .w50 {
            float: left;
            display: inline-block;
            width: 50%
        }

        .order-center .item p .w80 {
            float: left;
            display: inline-block;
            width: 82%;
            padding-left: 4px;
            line-height: 38px
        }

        .order-center .item p .btn-set {
            float: right;
            padding: 0 12px
        }

    .order-center .item .mg-left {
        margin-left: 10px
    }

.order-center .no-order {
    margin: 30px 0;
    text-align: center
}

.order-center .line-btn {
    margin: 0 0 4px;
    line-height: 32px;
    border: 1px solid #5cb85c;
    color: #5cb85c
}

    .order-center .line-btn .btn {
        float: right;
        padding: 8px 12px;
        border-radius: 0
    }

    .order-center .line-btn .gg-ellipsis {
        display: inline-block;
        width: 80%
    }

.user-center .my-infos {
    padding: 0 15px;
    /* border-bottom: 1px solid #ddd; */
    text-align: center;
}

.my-infos .info-box {
    /* padding: 15px 0 0 0; */
    position: relative;
    /* margin-top: 15px; */
    /* overflow: hidden; */
}

    .my-infos .info-box .head_box {
        /* width: 100%;
  position: absolute;
  top: 0;
  left: 0; */
        height: 60px;
        background: #fff;
        border-radius: 8px 8px 0 0;
        position: relative;
    }

    .my-infos .info-box .pic {
        width: 60px;
        height: 60px;
        display: inline-block;
        line-height: 60px;
        text-align: center;
        position: absolute;
        top: -15px;
        left: 15px;
        z-index: 9999;
    }

        .my-infos .info-box .pic img {
            width: 64px;
            height: 64px;
            border: 4px solid rgba(0, 0, 0, .2);
            border-radius: 32px;
        }

    .my-infos .info-box .name {
        padding-top: 10px;
        margin-left: 50px;
        color: #666;
    }

.user-center .my-infos .account-box {
    /* margin-top: -16px; */
    background: #fff;
    border-radius: 0 0 8px 8px;
    background: #fff;
    color: #666;
    border-top: 1px dashed #ebebeb;
}

.user-center .my-infos p {
    padding-left: 40px;
    text-align: left
}


.account-box .account {
    padding: 8px 0;
}

    .account-box .account p {
        padding: 0;
        text-align: center;
    }

    .account-box .account .balance {
        font-size: 18px;
        color: #E7353E;
    }

.account-box .top-up {
    padding: 8px 0;
}

    .account-box .top-up a {
        width: 104px;
        height: 32px;
        line-height: 32px;
        margin: 6px auto;
        border-radius: 52px;
        display: block;
        background: #F2714D;
        color: #fff;
    }

        .account-box .top-up a img {
            width: 18px;
            height: 18px;
        }

.user-center .my-infos .col-xs-6:first-child {
    /* border-right: 1px solid #ddd */
}

.user-center .my-infos .cont-box {
    display: inline-block
}

.user-center .info-icon {
    float: left;
    width: 36px
}

.user-center .btn-block {
    margin-top: 15px
}

.log-pst {
    top: 38px;
    padding: 0 30px
}

    .log-pst .form-group {
        position: relative
    }

        .log-pst .form-group .bg {
            position: absolute;
            width: 22px;
            height: 22px;
            top: 11px;
            left: 7px
        }

    .log-pst input,
    .reg-pst input {
        height: 44px;
        line-height: 44px;
        width: 100%;
        border: none;
        border-bottom: 1px solid #ddd;
        color: #666;
        padding-left: 40px;
    }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    -webkit-text-fill-color: #666;
}

.log-pst .form-group .bg-person {
    background: url(../img/public/icon_a1.png) no-repeat;
    background-size: 22px 22px;
}

.log-pst .form-group .bg-pwd {
    background: url(../img/public/icon_a2.png) no-repeat;
    background-size: 22px 22px;
}

.log-pst .form-group .bg-safety {
    background: url(../img/public/icon_a3.png) no-repeat;
    background-size: 22px 22px;
}

.log-pst .form-group .safetybox {
    position: relative;
}

.log-reg .form-group .safetybox {
    position: relative;
}

.log-pst .form-group .form-control {
    padding: 0 36px 0;
    height: 45px
}

    .log-pst .form-group .form-control.va-code {
        display: inline-block;
        width: 50%;
        padding: 0 5px 0
    }

.log-pst .cdc,
.reg-pst .cdc {
    color: #ff4e4e;
    text-decoration: underline;
}

.contentBox {
    height: 100%;
}

.agreement {
    text-align: center;
    font-size: 16px;
    margin-top: 80px;
    color: #666;
}

.weui-loadmore_line {
    border-top: 1px solid #E5E5E5;
    margin-top: 2.4em;
    position: absolute;
    bottom: 0;
    left: 5%;
}

.weui-loadmore {
    width: 90%;
    margin: 1.5em auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
}

.weui-loadmore_line .qq_login {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: block;
}

    .weui-loadmore_line .qq_login img {
        width: 32px;
    }

.weui-loadmore_line .weui-loadmore__tips {
    position: relative;
    top: -0.9em;
    padding: 0 .55em;
    background-color: #FFFFFF;
    color: #808080;
}

.has-feedback .form-control-feedback {
    top: 6px
}

.reg-pst {
    top: 38px;
    padding: 0 30px
}

    .reg-pst .form-group {
        position: relative
    }

        .reg-pst .form-group .bg {
            position: absolute;
            width: 22px;
            height: 22px;
            top: 11px;
            left: 7px
        }

        .reg-pst .form-group .bg-person {
            background: url(../img/public/icon_a1.png) no-repeat;
            background-size: 22px 22px;
        }

        .reg-pst .form-group .bg-pwd {
            background: url(../img/public/icon_a2.png) no-repeat;
            background-size: 22px 22px;
        }

        .reg-pst .form-group .bg-safety {
            background: url(../img/public/icon_a3.png) no-repeat;
            background-size: 22px 22px;
        }

        .reg-pst .form-group .form-control {
            padding: 0 36px 0;
            height: 45px
        }

    .reg-pst .two-in {
        overflow: hidden;
        margin-bottom: 15px
    }

        .reg-pst .two-in > input {
            float: left;
            height: 45px;
            width: 52%
        }

        .reg-pst .two-in .my-btn {
            float: right;
            margin-bottom: 5px;
            padding: 6px 20px;
            width: 45%;
            background: #888;
            color: #fff
        }

    .reg-pst .form-group-lg {
        margin-bottom: 15px
    }

    .reg-pst .modify .glyphicon {
        top: 38px
    }

.gg-footer .self-icon.icon-zuhao {
    background-position: -100px 0;
}

.gg-footer .tab-item.active .icon-zuhao {
    background-position: -122px 0;
}

.all {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    max-width: 500px;
    margin: 0 auto;
    display: none;
}

.add-minus .minus {
    float: left;
    width: 36px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 31px;
}

.add-minus .plus {
    float: left;
    width: 36px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 25px;
    margin-right: 5px;
}

.count {
    float: left;
    position: relative;
}

.order-pay-cont2 .cont2-mid .col-xs-7 {
    width: 90%;
}

.foot-btn .total {
    border-top: 1px solid #ddd;
}

.foot-btn .my-btn {
    border-radius: 0;
    background: #FF4C4D;
}

.index-modal .modal-dialog {
    top: 50%;
    margin-top: -70px;
}

.index-modal .modal-content {
    margin-top: 170px;
}

.m-all {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
}

.m-content {
    position: absolute;
    padding: 20px 0;
    width: 96%;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 8px;
    background: rgba(0, 0, 0, .5);
    margin-top: -70px;
    max-width: 500px;
}

.m-title {
    color: #ccc;
    font-size: 20px;
    padding: 12px 0;
    margin-bottom: 15px;
}

.m-header,
.m-body {
    width: 100%;
    text-align: center;
}

.m-content .btn {
    background: #f60;
    color: #fff;
    padding: 15px 30px;
    margin-right: 10px;
}

.m-close {
    float: right;
    width: 32px;
    height: 32px;
    margin-top: -10px;
    margin-right: 10px;
    line-height: 32px;
    border-radius: 50%;
    border: 1px solid #f60;
    color: #f60;
}

.c-box {
    margin-top: 8px;
    border-top: 1px dashed #ddd;
    padding: 8px 0;
}

.game-search {
    padding: 10px 0;
    text-align: center;
}

    .game-search .pls {
        display: inline-block;
        width: 75%;
        line-height: 30px;
        border: 1px solid #ddd;
        padding: 0 32px 0 8px;
        border-radius: 100px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAqFJREFUeNqc1F1oUmEYB/DXY/MrQ1FTIueF6FDwIhzCjGAR9rFQpDaJiF2tm64KGkR1FUR10VUUzNblihrtwk1FotGqbYm7MyKztbwYm59zIX7Mj+x/xjHiTJ3thR8qyP887/u8z+G43W7SZB2By2AHMSxubW2N22w2r9ForJM2i2L9PgwP4R1chN+wCRYej/cyGAxOz8zMWBDeUSBd1RxchykYhjNwClwcDud+qVQ6GovF5r1e7wi+tw08BC9ADQPMdv0QhRWYr9frd6VSKV1paHV19dns7OxAu8AbYAQnBJr9sVwuE6vVumKxWM6j2u/xeHxsbW1N0izQBCMwDm/aHXilUiFmszllMBjuZDIZTTQavVCr1XYEXoMqTJJdFra9/YnAKZlMlgmHwycRTLEDz0EGfpAOl0ajKUkkki/4qsX2xexAEf1wqJH/W0XgAZcd+B72g6rTpEgkQjY2NvQ4gjjk2IGPQQknOg3MZrPWfD6vVSgUC3w+v8oO9DOTMcpMSsuFO0gKhQIXl/smRVGbJpNpAme5o8v0eN0CGTxvtXUEkHQ6vc/n8z1IpVIOuVz+RKvVLre62EtwBfqZM73ENOvv6urq6g+FQpOJRGIU2yS5XM4ZCAT6isViy1l+CkNM5yYgBh/gLfzE9ZhDA06rVKpHIpHoG5fLNWFapjHXx/59WbDfNvRLoZep9iMcYBq2XK1W7+l0uj6Xy3VVr9cP4yzjqPQgQl97PB5Lo1KqWRNhDAbhOHMMZzF2t3t6ej7Tf0AzltRq9RAqSwkEAlUymfTRldLzTu1yQ34xD6hgy9uzTC+xWEzsdvsCtu9EaBzd367U7/f3UmSPSygUEofD8UmpVA42Kl1fX3+158BGqNPpXOzu7nbgjL+iUcI/AgwAPwcKLZj/CAsAAAAASUVORK5CYII=") no-repeat 98% center;
    }

    .game-search .pls-aa {
        width: 100%;
        border: 0;
        outline: 0;
        border-radius: 20px;
        font-size: 14px;
        padding-left: 8px;
    }

    .game-search .sch {
        position: relative;
        display: inline-block;
        width: 33px;
        height: 34px;
        top: -7px;
        left: -33px;
        z-index: 66;
        background: 0 0;
    }

.order-center .line-btn.red {
    color: #FF4343;
    border-color: #FF4343;
}

.cc-cont {
    padding: 20px 10px;
}

.cc-row {
    position: relative;
    margin-bottom: 15px;
}

    .cc-row > label {
        display: inline-block;
        padding-right: 5px;
    }

    .cc-row .c-select {
        height: 32px;
        outline: 0;
    }

    .cc-row .c-textarea {
        width: 75%;
        height: 150px;
        padding: 4px;
        vertical-align: top;
        resize: none;
        outline: 0;
    }

.btn-fw-2 {
    width: 200px;
}

.s-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
    display: none;
}

    .s-modal.active {
        display: block;
    }

    .s-modal .s-con {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        width: 80%;
        max-width: 400px;
        margin: 0 auto;
        transform: translateY(-50%);
        background: #fff;
        border-radius: 10px;
    }

    .s-modal .s-1 {
        padding: 15px 0;
        font-size: 18px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

    .s-modal .s-2 {
        padding: 15px;
        font-size: 16px;
        color: #E82121;
    }

    .s-modal .s-3 {
        padding: 14px 0;
        text-align: center;
        background: #f60;
        color: #fff;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        font-size: 16px;
    }

.content-btns:after {
    content: '';
    display: block;
    clear: both;
}

.content-btns .cont-title {
    margin-top: 15px;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    font-size: 14px;
}

    .content-btns .cont-title img {
        width: 22px;
        height: 22px;
        vertical-align: top;
    }

.content-btns .cont-state {
    padding: 10px 0;
    background: #fff;
}

    .content-btns .cont-state img {
        width: 42px;
        height: 42px;
    }

    .content-btns .cont-state > a > dl > dd {
        font-size: 14px;
    }

    .content-btns .cont-state:after {
        content: '';
        display: block;
        clear: both;
    }

    .content-btns .cont-state .item {
        float: left;
        width: 25%;
        text-align: center;
        font-size: 16px;
        /* border-left: 1px solid #ddd; */
    }

/* .content-btns .cont-state .item:first-child {
  border-left: 0;
} */

.content-btns .cont-list {
    margin-top: 15px;
    background: #fff;
}

    .content-btns .cont-list li {
        padding: 10px 0;
        border-bottom: 1px solid #ddd;
    }

        .content-btns .cont-list li img {
            margin-right: 8px;
        }

        .content-btns .cont-list li .item {
            display: block;
            padding-left: 10px;
            width: 100%;
            position: relative;
        }

            .content-btns .cont-list li .item:after {
                content: '';
                position: absolute;
                top: 8px;
                right: 8px;
                width: 30px;
                height: 30px;
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAACKElEQVR42uyZTShEURTHZ3wslMQsFSVbGeYlspkmZmNBssFGskA2ZCEbHyuaDcpnSZPNbCSxkI+koWTyhCIL2bAQwsLCRxr/W2fq9Daa92bGmZpbv+47t3kz/7lz3zn/e8ceDodtydTSbEnWUoJTgg0tI9obdF0fQ9cGApqm9SO2JADvEdXr7dFmCQjkNwRAayIFm1kSA+y6BeyIXsOYER+6LjZUC0IgW+xDB9EL6JrYUAU4AwViswREr6Jzgy8aKibRpWLTGkQH0bnAKw05wCnwSM7Dl8AJbilOB3ugUXLhuCPRR2xMLZkeyZXuHVSDDTY2DUall+Z64GfxEJiT7iXawSSLVd5ekW5++sAgi1Xe3rb6mfF2a+Ogg8VecAJyJdvLJdDA4nJwDook++F1yiDfFBdSVXRJNvAqR+dTJVQtBwSl7zjewA+LsyQLLgFP5OxsJNwjVbCblkIkO7zQ+hW5JFT+3QeZFN+Q77iQmCW6DRXumNLavcQ8PAxmWbwLqsgkiat0E2DEsLv2SvUSy6CXxVNWjwIsHaT88eW3aBfNjwR8sZyNWAl20LbIabCY/lj/fLEQrHzBoWGLr/Zza/F4OCwJ1nW9jGY2j4Y+6eE6ELdrhtga1TGxj1S94ibWtGCIbaa8Grn/mtbvVbzLZpoJsZ2UVyMtRNXrIRGmxMwMz7PrTVAJPhJl+cwIngHPYFHTtLoE++noD7T/u6X+lEkJTnbBvwIMAPALckVDPwsEAAAAAElFTkSuQmCC");
                background-size: contain;
            }

.my-infos {
    /* background: #fff; */
    /* background: #f60; */
    /* background-color: #f60; */
    background: url(../img/public/account_bg.png);
    background-size: 100% 100%;
}

.line-see {
    height: 15px;
    text-align: center;
    position: relative;
}

    .line-see:after {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        z-index: -1;
        width: 100%;
        border-bottom: 1px dashed #ddd;
    }

    .line-see .see-dt {
        position: relative;
        top: -4px;
        padding: 6px 37px;
        border: 1px solid #ddd;
        border-radius: 100px;
        background: #00CD2D;
        color: #fff;
    }

        .line-see .see-dt:before {
            content: '';
            position: absolute;
            top: 9px;
            left: 10px;
            width: 20px;
            height: 10px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNqU0DEKwkAUBNA1m/RpBNOoYKlnUcRGED2KhzG9rY2VmgMoGA9gJyoEknqdjxOQhazJwiuyM/8HVhljYnjACnxQDfick/lYLkLYQsYgqLkoYD/jfFgGbdhBDkvQfxZp9nLOybz6LUSwhwIWjoWaecF+VGZ2sQNH/nEOLSv3eC+LDuyrqmWiBye+xdTKZryXvGvPVr1JHxJ4w5iPPeF3wlzVXSYGcIEnrOEFZ96rpsvECK7me1IYuvqecp8UYrjDBm6u8keAAQCP7CesTkR/dgAAAABJRU5ErkJggg==");
        }

        .line-see .see-dt:after {
            content: '';
            position: absolute;
            top: 9px;
            right: 10px;
            width: 20px;
            height: 10px;
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNqU0DEKwkAUBNA1m/RpBNOoYKlnUcRGED2KhzG9rY2VmgMoGA9gJyoEknqdjxOQhazJwiuyM/8HVhljYnjACnxQDfick/lYLkLYQsYgqLkoYD/jfFgGbdhBDkvQfxZp9nLOybz6LUSwhwIWjoWaecF+VGZ2sQNH/nEOLSv3eC+LDuyrqmWiBye+xdTKZryXvGvPVr1JHxJ4w5iPPeF3wlzVXSYGcIEnrOEFZ96rpsvECK7me1IYuvqecp8UYrjDBm6u8keAAQCP7CesTkR/dgAAAABJRU5ErkJggg==");
        }

.c-box {
    border-top: 0;
}

ds-bxx {
    margin-top: 5px;
}

.ds-bxx .item {
    display: inline-block;
    padding: 1px 8px;
    color: #fff;
}

.back-green {
    background: #04E24F;
}

.back-orange {
    background: #f60;
}

/*2018-05-09*/
.game-lists {
    margin-top: 100px;
}

    .game-lists .list-item {
        padding: 5px 8px;
        border-bottom: 1px solid #ddd;
    }

        .game-lists .list-item:nth-child(even) {
            background: #fff;
        }

    .game-lists .item-content {
        position: relative;
        padding-left: 56px;
    }

        .game-lists .item-content .list-img {
            position: absolute;
            top: 10px;
            left: -3px;
            text-align: center;
        }

        .game-lists .item-content .m-round {
            width: 50px;
            height: 50px;
            border-radius: 50%;
        }

        .game-lists .item-content .m-type {
            display: inline-block;
            margin-top: 9px;
            padding: 0 10px;
            font-size: 12px;
            border-radius: 50px;
            background: #5E9FD7;
            color: #eee;
        }

        .game-lists .item-content .cont-title {
            line-height: 20px;
            font-size: 15px;
            color: #333;
        }

        .game-lists .item-content .no-btn {
            line-height: 26px;
            font-size: 12px;
        }

        .game-lists .item-content .has-btn {
            font-size: 12px;
            line-height: 22px;
            overflow: hidden;
        }

            .game-lists .item-content .has-btn > span {
                margin-right: 5px;
            }

        .game-lists .item-content .btn {
            padding: 4px 12px;
        }

        .game-lists .item-content .suit-sys {
            padding: 4px 15px;
            border: 1px solid #f60;
            border-radius: 30px;
            color: #f60;
        }

        .game-lists .item-content .ds-bxx {
            margin-top: 5px;
        }

            .game-lists .item-content .ds-bxx .item {
                display: inline-block;
                padding: 1px 8px;
                color: #fff;
                border-radius: 55px;
                margin-bottom: 4px;
                font-size: 12px;
            }

.download-app {
    position: fixed;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    height: 45px;
    line-height: 42px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 99999;
    color: #fff;
    padding: 0 .5rem;
    font-size: .5rem;
    overflow: hidden;
}

    .download-app img {
        width: 35px;
        margin-right: 15px;
        vertical-align: middle;
    }

    .download-app .closeApan {
        color: #fff;
        font-size: 24px;
        float: right;
        vertical-align: middle;
        padding-top: 2px;
        padding-right: 3%;
    }

.close_mut {
    font-size: 14px;
}

.paddinger {
    height: 45px;
}

.close_axia {
    float: right;
    height: 25px;
    line-height: 26px;
    padding: 0 6px;
    background: #39b0fb;
    color: #fff;
    border-radius: 4px;
    font-size: 12px;
    margin-top: 9px;
    margin-right: 6%;
}

/* 重置弹窗样式 */
.layui-m-layerbtn span[yes] {
    color: #fff !important;
    background: #FF6600;
}

.layui-m-layerbtn,
.layui-m-layerbtn span {
    border-radius: 0 0 5px 0 !important;
}

.layui-m-layerchild {
    font-size: 16px !important;
    color: #666 !important;
}

.layui-m-layercont {
    /*padding: 30px !important;*/
}

.layui-m-layer .layui-m-layer-msg {
    bottom: 0 !important;
}

.s-input input {
    height: 44px;
    line-height: 44px;
    width: 94%;
    border: none;
    border-bottom: 1px solid #ddd;
    color: #666;
    padding-left: 40px;
}

.s-input {
    color: #666;
}

    .s-input .bg {
        position: absolute;
        width: 22px;
        height: 22px;
        top: 11px;
        left: 7px
    }

    .s-input .bg-dol {
        background: url(../img/public/icon_dol.png) no-repeat;
        background-size: 22px 22px;
    }

    .s-input .selfMoney {
        margin-top: 10px;
    }

.payway-item {
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
}

    .payway-item img {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .payway-item .icon_arrow {
        width: 10px;
        height: 16px;
        margin-top: 12px;
        background: url(../img/public/icon_you.png) no-repeat;
        background-size: 10px 16px;
    }

.protocal {
    margin-top: 30px;
    line-height: 24px;
    font-size: 12px;
    color: #999;
}

    .protocal .form-group {
        height: 42px;
        line-height: 42px;
        font-size: 14px;
        color: #666;
    }

    .protocal .checkbox {
        margin: 0;
        line-height: 42px;
    }

.checkbox input[type=checkbox] {
    margin: 15px 0 0 -20px;
}

.protocal .form-group a {
    font-size: 14px;
    color: #f60;
    text-decoration: underline;
}

.c-blue {
    color: #00AAEF;
}