.tui-popbox div,.tui-popbox dl,.tui-popbox dt,.tui-popbox h1,.tui-popbox h2,.tui-popbox h3,.tui-popbox h4,.tui-popbox h5,.tui-popbox h6,.tui-popbox li,.tui-popbox ol,.tui-popbox p,.tui-popbox section,.tui-popbox ul {
    margin: 0;
    padding: 0;
    cursor: default
}

.tui-popbox * {
    box-sizing: border-box
}

.tui-popbox h1,.tui-popbox h2,.tui-popbox h3,.tui-popbox h4,.tui-popbox h5,.tui-popbox h6 {
    font-size: 100%;
    font-weight: 400
}

.tui-popbox address,.tui-popbox b,.tui-popbox em,.tui-popbox i {
    font-style: normal
}

.tui-popbox b {
    font-weight: 400
}

.tui-popbox a,.tui-popbox a:active,.tui-popbox a:hover,.tui-popbox a:visited {
    text-decoration: none
}

.tui-popbox li,.tui-popbox ol,.tui-popbox ul {
    list-style: none
}

.tui-popbox img {
    border: 0;
    -webkit-user-select: none;
    vertical-align: middle
}

.tui-popbox a,.tui-popbox button,.tui-popbox input,.tui-popbox select,.tui-popbox textarea {
    outline: none;
    -webkit-appearance: none;
    appearance: none
}

.tui-popbox table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%
}

.tui-popbox a,.tui-popbox img {
    -webkit-user-drag: none
}

.tui-popbox button {
    background: none;
    border: 0;
    font-size: 12px;
    line-height: 1.5;
    cursor: pointer
}

body .tui-popbox {
    word-wrap: break-word;
    font: 12px/1.5 Microsoft Yahei,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif
}

.tui-popbox ::-webkit-placeholder,.tui-popbox button,.tui-popbox input,.tui-popbox select,.tui-popbox textarea,body .tui-popbox {
    font-family: Microsoft Yahei,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif
}

.tui-mask {
    z-index: 200;
    overflow-x: hidden;
    overflow-y: auto
}

.tui-mask,.tui-mask:before {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.tui-mask:before {
    content: "";
    display: block;
    background: rgba(0,0,0,.5);
    z-index: 1
}

.tui-popbox {
    width: 680px;
    border-radius: 6px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: 200
}

.tui-popbox .popbox-hd .title {
    position: relative;
    height: 39px;
    line-height: 38px;
    text-indent: 37px;
    font-size: 14px;
    color: #fff;
    font-weight: 400
}

.tui-popbox .popbox-hd .btn-close {
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    color: #e6e6e6;
    cursor: pointer;
    font-weight: 100;
    opacity: .8;
    text-align: center
}

.tui-popbox .popbox-hd .btn-close:hover {
    opacity: 1
}

.tui-popbox {
    color: #333
}

.tui-popbox a,.tui-popbox a:hover {
    color: #efa608
}

.tui-popbox img {
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block
}

.tui-popbox a {
    color: #f69c00;
    cursor: pointer
}

.tui-popbox a:hover {
    color: #fa9b0e
}

.tui-popbox .popbox-bd {
    line-height: 1.5;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #f9f9f9
}

.tui-popbox .message {
    width: 100%;
    height: 140px;
    padding: 20px 40px;
    color: #858585;
    font-size: 0;
    white-space: nowrap;
    word-wrap: normal
}

.tui-popbox .message:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.tui-popbox {
    border: 1px solid transparent;
    box-shadow: 0 8px 16px -2px rgba(0,0,0,.1),0 8px 16px -8px rgba(0,0,0,.2)
}

.tui-popbox .popbox-hd .title {
    background: #fff;
    color: #333;
    text-indent: 10px;
    font-weight: 700;
    border-bottom: 1px solid rgba(60,60,60,.08)
}

.tui-popbox .popbox-hd .btn-close {
    color: rgba(0,0,0,.8)
}

.tui-popbox .popbox-bd {
    background: #fff
}

.tui-popbox.popbox--native {
    border: 1px solid #353335;
    box-shadow: none
}

.tui-popbox.popbox--native .popbox-hd .title {
    position: relative;
    height: 39px;
    line-height: 38px;
    text-indent: 37px;
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    background: #353335 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAG0lEQVQImWN0cXL5//r1awam169fMzAwMDAAAE8bB0+9SSb0AAAAAElFTkSuQmCC)
}

.tui-popbox.popbox--native .popbox-hd .title:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    top: 0;
    left: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAABlklEQVRYhe3Vv0vWURTH8dcjmTwVNVQq6NDk0BQNIkVQBBJCGkRBu+Af4NyioqvUXNCQFP3YamtwMYOmkFoaakgjEBMrofDHcC+GD4/Dcx4Qh/uGy73f+z33ng/nfL/nUCgUCoXCgaASObQ1v+vxMO5iGFt4gHH83XHSt//CjuAVLteYvMEg/kSFtUSEZSqYyaJ+4Qke4Ruu4mETdzvUxNkRDOF9nhfz/mnM4SZa8S9yeTSVVXzBOs7hZ41JJ7ol0aFURiN2G+24U0cUfM/jDFax0qiD6Dd2HWt4UbPf7X8WqniHexEHUWHn8QHH0ZH3BvBVEnsUE1JUeyMOoqnsxEcsYwpLGMNLXMj7bdm2K+KgmXJRzfN9KYKjuIVr+C2VkIXo5dG/8jNOSJHbqGPSnsdTtFb69DTqIxqxTziF/j3e/8Amzkopb5iosMd5nsaxOu8rmMzrmYiDqLBnmEUP3uKGVCq6cEXqlUPZ5nnEQTNN/CRe27sczEslZGW/m/gyLko9c04quGt5PYJLAhW/UCgUCoUDxjYg9k7Sdo1LiwAAAABJRU5ErkJggg==)
}

.tui-popbox.popbox--native .popbox-hd .btn-close {
    color: #e6e6e6
}

.tui-popbox.popbox--native .popbox-bd {
    background-color: #f9f9f9
}

.tui-popbox.popbox--native-cont {
    border: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: none
}

.tui-popbox.popbox--native-cont .popbox-hd {
    display: none
}

.tui-popbox .popbox-ft {
    position: relative;
    min-height: 50px;
    padding: 11px;
    border: none;
    border-top: 1px solid #e8e8e8;
    background-color: #f9f9f9
}

.tui-popbox .popbox-ft .operate {
    display: block;
    text-align: right;
    width: 100%;
    font-size: 0;
    -webkit-text-size-adjust: none
}

.tui-popbox .popbox-ft .tips {
    float: left;
    font-size: 12px;
    color: #858585;
    margin-top: 4px
}

.tui-popbox .popbox-ft .tips label {
    padding-right: 16px
}

.tui-popbox .popbox-ft .btn {
    min-width: 100px;
    font-weight: 700
}

.tui-popbox .popbox-ft .btn+.btn {
    margin-left: 10px
}

.tui-popbox .tui-form .form-row-col.fix-colwidth .form-col {
    width: 134px
}

.tui-mask.has-animate {
    display: none
}

.tui-mask.show {
    display: block
}

.mask-layer.show,.tui-mask.show:before {
    animation: fade-in .2s linear .1s both
}

.tui-mask.off:before {
    animation: fade-out .2s linear .1s both;
    display: none\9
}

.mask-layer.off {
    display: none\9
}

.mask-layer.off,.tui-mask.off {
    animation: fadeOut .2s linear .1s both
}

.tui-mask.has-animate.show {
    display: block;
    pointer-events: auto
}

.tui-mask.has-animate.off {
    display: block;
    pointer-events: none
}

.tui-mask.show .tui-popbox,.tui-popbox.show {
    animation: fadeup-in .2s linear .1s both;
    display: block
}

.tui-mask.off .tui-popbox,.tui-popbox.off {
    animation: fadeup-out .2s linear 0s both
}

.tui-mask .animate-outer {
    z-index: 200;
    opacity: 0;
    opacity: 1\9;
    position: relative
}

.animate-outer.show,.tui-mask.show .animate-outer {
    animation: fadeup-in .2s linear forwards;
    -ms-animation: fadeup-in .2s linear forwards
}

.off.animate-outer,.tui-mask.off .animate-outer {
    animation: fadeup-out .2s linear both;
    display: none\9
}

.tui-mask.center-v.show .animate-outer {
    top: 50%;
    top: 70px\9;
    animation: center-fadeup-in .2s linear forwards;
    -ms-animation: center-fadeup-in .2s linear forwards;
    position: absolute
}

.tui-mask.center-v.off .animate-outer {
    top: 50%;
    top: 70px\9;
    animation: center-fadeup-out .2s linear forwards;
    -ms-animation: center-fadeup-out .2s linear forwards;
    position: absolute
}

.tui-mask.center-v .tui-popbox {
    position: relative
}

.tui-mask.video-fullscreen {
    display: block
}

.tui-mask.video-fullscreen .animate-outer {
    opacity: 1
}

@keyframes center-fadeup-in {
    0% {
        transform: translateY(-70%);
        opacity: 0
    }

    to {
        transform: translateY(-50%);
        opacity: 1
    }
}

@keyframes center-fadeup-out {
    0% {
        transform: translateY(-50%);
        opacity: 1
    }

    to {
        transform: translateY(-50%);
        opacity: 0
    }
}

/* @font-face {
    font-family: impact;
    src: url(//wegame.gtimg.com/tgp_act/release/wegame/midautumn20180921/images/impact.cd67a826.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing:antialiased} */

.tui-popbox .coupon-box-select {
    position: absolute;
    left: 40px;
    top: 50%;
    margin-top: -16px;
    min-width: 180px;
    text-align: left
}

.coupon-box-select .coupon-btn,.coupon-box-select .coupon-btn div,.coupon-box-select .coupon-btn div:after{
    background-image: url("data:image/png;base64,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")
}

 .coupon-box-select .coupon-btn {
    font-size: 14px;
    color: #333;
    background-repeat: no-repeat;
    background-position: 100% -79px;
    height: 33px;
    cursor: pointer;
    display: block;
    padding-right: 10px
}

.coupon-box-select .coupon-btn div {
    height: 33px;
    line-height: 33px;
    background-repeat: no-repeat;
    background-position: 0 -79px;
    padding: 0 5px 0 20px;
    position: relative;
    cursor: pointer;
    color: #333;
    margin-left: -10px
}

.coupon-box-select .coupon-btn div:after {
    content: "";
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: 2px -165px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 0 0
}

div.coupon-card {
    background-position: 100% -596px;
    display: inline-block;
    padding-right: 20px;
    margin-left: 10px
}

div.coupon-card,div.coupon-card-inner {
    background-repeat: no-repeat;
    height: 104px
}

div.coupon-card-inner {
    background-position: 0 -596px;
    margin-left: -10px;
    padding: 17px 0 0 15px;
    width: 150px;
    text-align: center;
    font-size: 12px
}

.coupon-box-select .coupon-btn div .txt-num {
    color: #ff9600;
    font-weight: 700;
    padding: 0 4px
}

.coupon-box-select .coupon-btn:hover {
    background-position: 100% -128px
}

.coupon-box-select .coupon-btn:hover div {
    background-position: 0 -128px
}

.coupon-box-select .coupon-btn.cur div:after {
    transform: rotate(180deg)
}

.coupon-dialog {
    border: 1px solid #d9d9d9;
    width: 365px;
    height: 320px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.2);
    position: absolute;
    bottom: 38px;
    left: -10px;
    z-index: 100;
    background-color: #fff;
    border-radius: 4px;
    overflow: auto;
    display: none
}

.coupon-dialog.show {
    display: block
}

.coupon-dialog.hide {
    display: none
}

.coupon-dialog * {
    text-align: left
}

.coupon-dialog .coupon-group-tit {
    color: #858585;
    font-size: 14px;
    margin-bottom: 10px
}

.coupon-exc-time {
    color: #cb4444
}

div.coupon-dialog-cont {
    padding: 20px
}

.coupon-dialog-cont .null-data-txt {
    text-align: center;
    font-size: 14px;
    color: #333
}

.coupon-dialog-cont .tui-nodata-inner,.coupon-dialog-cont .tui-nodata:before {
    width: auto
}

.coupon-dialog .coupon-dialog-cont div.tui-nodata-inner .btn {
    min-width: 80px;
    width: 80px;
    height: 26px;
    line-height: 24px;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    text-align: center;
    display: block;
    margin: 8px auto 0
}

div.coupon-dialog-group {
    padding-bottom: 10px
}

.coupon-list {
    clear: both;
    position: relative;
    z-index: 100;
    margin: 20px;
    background-color: #fff;
    padding: 40px;
    border-radius: 10px
}

.coupon-item {
    height: 104px;
    transition: all .15s ease-out;
    border: 1px solid #e3e3e3;
    margin: 0 0 10px;
    border-radius: 6px;
    background-color: #f7f7f7
}

.coupon-item-inner {
    position: relative
}

.coupon-item-hd {
    position: absolute;
    left: -1px;
    top: -1px
}

.coupon-item-bd {
    padding: 14px 0 0 185px
}

.coupon-item-tit {
    margin-bottom: 10px
}

.coupon-item-tit h3 {
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    max-width: 90%
}

.coupon-item-meta {
    color: #858585;
    margin-bottom: 5px;
    overflow: hidden;
    font-size: 0
}

.coupon-item-meta.coupon-meta--tips {
    overflow: visible
}

.coupon-item-meta.coupon-meta--tips span {
    line-height: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    float: left
}

.coupon-item-meta.coupon-meta--time span {
    color: #333;
    font-size: 12px
}

.coupon-item.coupon-item--mini .coupon-item-meta.coupon-meta--time span,.coupon-item.coupon-item--mini.disabled .coupon-item-meta.coupon-meta--tips span {
    color: #858585
}

.coupon-item-meta .tui-tipsbox {
    float: left;
    margin-top: -1px
}

.coupon-item-gamename,.coupon-item-meta .tui-tipsbox {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle
}

.coupon-item-gamename {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    line-height: 19px;
    height: 19px;
    color: #858585
}

.coupon-item-gamename:hover {
    color: #858585
}

.coupon-item.coupon-item--mini {
    height: 56px;
    padding: 7px 12px 0;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    margin: 0 0 10px;
    cursor: pointer
}

.coupon-item.coupon-item--mini span {
    line-height: 20px;
    height: 20px;
    font-size: 12px
}

.coupon-item.coupon-item--mini * {
    cursor: pointer
}

.coupon-item.coupon-item--mini:hover {
    background-color: #efefef;
    border-color: #cacaca
}

.coupon-item.coupon-item--mini.cur,.coupon-item.coupon-item--mini.cur:hover {
    background-color: #fff7e1;
    border-color: #faab00
}

.coupon-item.coupon-item--mini .coupon-item-hd {
    padding-top: 3px
}

.coupon-item.coupon-item--mini .coupon-item-bd {
    padding: 0 0 0 70px
}

.coupon-item.coupon-item--mini .coupon-item-tit {
    display: none
}

.coupon-item.coupon-item--mini .coupon-item-meta {
    margin-bottom: 0
}

.coupon-item.coupon-item--mini .coupon-meta--tips,.coupon-item.coupon-item--mini .coupon-meta--tips p,.coupon-item.coupon-item--mini .coupon-meta--tips p span {
    color: #333
}

.coupon-item.coupon-item--mini .coupon-item-meta p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px
}

.coupon-item.coupon-item--mini .coupon-item-meta.coupon-meta--time span {
    display: inline
}

.coupon-item.coupon-item--mini.disabled {
    background-color: #f6f6f6;
    border-color: #eee;
    cursor: default
}

.coupon-item.coupon-item--mini.disabled * {
    cursor: default
}

.coupon-minit {
    font-family: impact;
    margin: 0 0 -3px;
    overflow: hidden;
    font-size: 24px;
    position: relative;
    color: #8c4312
}

.coupon-minit,.coupon-price {
    display: inline-block;
    vertical-align: bottom
}

.coupon-price {
    font-size: 0
}

.price-num {
    overflow: hidden;
    display: inline-block;
    font-family: impact;
    font-size: 48px;
    height: 48px;
    line-height: 48px;
    color: #8c4312
}

.coupon-card-price-meta {
    position: relative;
    padding: 5px 0 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #8c4312;
    font-size: 13px
}

.coupon-card-price-meta .txt-num {
    padding: 0 3px;
    display: inline-block
}

.coupon-card.disabled {
    background-position: 100% -91px
}

.coupon-card.disabled .coupon-card-inner {
    background-position: 0 -91px
}

.coupon-item.disabled .coupon-card {
    background-position: 100% -710px
}

.coupon-item.disabled .coupon-card .coupon-card-inner {
    background-position: 0 -710px
}

.coupon-item.disabled .coupon-card .coupon-card-price-meta,.coupon-item.disabled .coupon-card .coupon-minit,.coupon-item.disabled .coupon-card .price-num {
    color: #919191
}

.coupon-item.disabled .coupon-item-tit h3 {
    color: #858585
}

.coupon-item.disabled .coupon-item-meta,.coupon-item.disabled .coupon-item-meta .coupon-item-gamename,.coupon-item.disabled .coupon-item-meta p,.coupon-item.disabled .coupon-item-meta p span {
    color: #a9a9a9
}

.coupon-card.disabled .coupon-card-price-meta,.coupon-card.disabled .coupon-minit,.coupon-card.disabled .price-num {
    color: #919191
}

.coupon-card.coupon-card--mini {
    height: 30px;
    background-position: 100% 0;
    padding-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
    font-size: 12px
}

.coupon-card.coupon-card--mini .coupon-card-inner {
    height: 30px;
    width: 54px;
    margin-left: -5px;
    padding: 0;
    background-position: 0 0;
    padding: 6px 0 0 3px
}

.coupon-card.coupon-card--mini .coupon-minit {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin: 0 -2px -2px 2px
}

.coupon-card.coupon-card--mini .coupon-price {
    margin: 0;
    height: 20px;
    font-size: 0
}

.coupon-card.coupon-card--mini .price-num {
    font-size: 18px;
    height: 20px;
    line-height: 20px
}

.coupon-card.coupon-card--mini .coupon-card-price-meta {
    display: none
}

.coupon-card.coupon-card--mini.disabled {
    background-position: 100% -40px
}

.coupon-card.coupon-card--mini.disabled .coupon-card-inner {
    background-position: 0 -40px
}

.coupon-item.coupon-item--mini.disabled .coupon-card {
    background-position: 100% -222px
}

.coupon-item.coupon-item--mini.disabled .coupon-card .coupon-card-inner {
    background-position: 0 -222px
}

.coupon-item.coupon-item--mini.disabled .coupon-card-inner * {
    color: #919191
}

div.coupon-no-use {
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    padding-left: 12px;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

.coupon-no-use:hover {
    background-color: #efefef;
    border-color: #cacaca
}

div.gamecard-item {
    margin-bottom: 10px;
    position: relative;
    padding-left: 180px;
    background-color: #fff;
    z-index: 30;
    transition: all .2s linear;
    border-radius: 4px;
    cursor: pointer
}

.gamecard-item:hover {
    z-index: 31;
    background-color: #f7f7f7
}

.gamecard-item .figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 102px;
    background-size: 50px 36px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden
}

.gamecard-item .figure-info {
    position: relative;
    height: 102px;
    width: 500px;
    display: table;
    table-layout: fixed
}

.gamecard-item .tui-table-box .table-cell {
    height: 102px
}

.gamecard-item .tui-table-box .table-cell:last-child {
    text-align: right;
    width: 200px
}

.gamecard-item .tui-table-box .table-cell:first-child {
    width: 300px
}

.gamecard-item .tui-table-box .table-cell:nth-child(2) {
    width: auto
}

.gamecard-item .gamecard-desc {
    padding-left: 20px
}

.gamecard-item .gamecard-tit,.gamecard-item .gamecard-tit a {
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: -3px;
    color: #333;
    font-weight: 700
}

.gamecard-item .gamecard-subtit {
    color: #333;
    cursor: pointer;
    font-size: 12px
}

.gamecard-item .tui-label {
    margin-top: 7px;
    overflow: hidden;
    width: 280px;
    max-height: 18px
}

.gamecard-item .tui-label a,.gamecard-item .tui-label span {
    height: 18px;
    line-height: 16px;
    color: #858585
}

.gamecard-item .tui-label .label-em {
    cursor: default;
    background-color: transparent;
    border: 1px solid #d8d8d8;
    color: #858585;
    line-height: 16px
}

.gamecard-item .tui-label .label-em span {
    padding-left: 4px;
    line-height: 16px;
    color: #858585
}

.gamecard-item .user-praise {
    font-size: 12px;
    cursor: pointer;
    color: #333
}

.gamecard-item .gamecard-tit {
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 4px
}

.gamecard-item .tx-em {
    font-size: 12px
}

.gamecard-item .figure {
    width: 180px
}

.gamecard-other .tui-tipsbox {
    margin-top: 5px;
    padding-right: 4px
}

.gamecard-other p {
    font-size: 13px
}

.widget-gamecard-list {
    position: relative
}

.widget-gamecard-list .gamecard-item * {
    cursor: pointer
}

.widget-gamecard-list .gamecard-item .figure img {
    object-position: 50% 50%
}

.widget-gamecard-list .gamecard-item .gamecard-tit {
    font-weight: 700;
    position: relative;
    overflow: hidden
}

.widget-gamecard-list .gamecard-item .gamecard-tit a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 190px;
    display: block;
    float: left
}

.gamecard-item .gamecard-subtit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px
}

.widget-gamecard-list .gamecard-item .price-tips>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 170px;
    display: inline-block;
    line-height: 18px
}

.widget-gamecard-list .gamecard-item .tui-tips {
    width: 0;
    min-width: 200px
}

.widget-gamecard-list .gamecard-item .tui-tipsbox .tui-tips.up.right {
    bottom: 30px
}

.gamecard-item--buy .tui-table-box .table-cell:last-child {
    text-align: right;
    width: 330px
}

.gamecard-item--buy .tui-table-box .table-cell:first-child {
    width: 500px
}

.gamecard-item--buy .tui-table-box .table-cell:nth-child(2) {
    width: 330px
}

.gamecard-item .txt-num {
    padding: 0 3px 0 0
}

.align-justify:after,.cf:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    clear: both
}

.show {
    display: block
}

.hide {
    display: none!important
}

.hidden {
    overflow: hidden
}

.tui-table-box {
    display: table
}

.table-row {
    display: table-row
}

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

a.tui-btn-buy {
    padding: 0 15px;
    border-radius: 26px;
    min-width: 160px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 36px;
    height: 36px;
    background-color: #ff8d13;
    border: none;
    font-size: 14px;
    color: #fff;
    margin: 6px 0 0
}

a.tui-btn-buy:hover {
    background-color: #e67e10;
    color: #fff
}

.popbox--pay-confirm .tui-price {
    height: 25px;
    display: inline-block;
    line-height: 25px;
    font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif
}

.popbox--pay-confirm .tui-price span.price-new:only-child {
    font-weight: 400;
    color: #858585;
    font-size: 14px
}

.popbox--pay-confirm .price-old {
    color: #858585;
    text-align: left;
    font-size: 14px
}

.popbox--pay-confirm .price-new,.popbox--pay-confirm .price-old {
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    line-height: 23px
}

.popbox--pay-confirm .price-new {
    color: #ff6732;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.5px;
    padding: 0 4px
}

.popbox--pay-confirm .price-tag {
    font-weight: 700;
    color: #fff;
    background-color: #ff6732;
    border-radius: 2px;
    display: inline-block;
    margin-right: 4px;
    min-width: 50px;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    text-align: center;
    padding: 0 6px
}

.popbox--pay-confirm .price-tag i {
    font-size: 14px
}

.popbox--pay-confirm .price-new>i,.price-old>i {
    display: inline-block;
    padding-right: 2px
}

.popbox--pay-confirm .price-new>i {
    font-size: 14px;
    font-weight: 400
}

.popbox--pay-confirm .popbox-bd {
    height: 350px;
    overflow: auto;
    display: block;
    padding: 20px 30px
}

.popbox--pay-confirm .popbox-bd h3,.popbox--pay-confirm .popbox-bd p {
    margin: 0
}

.popbox--pay-confirm.tui-popbox .popbox-bd h3.gamecard-tit {
    font-weight: 400
}

.popbox--pay-confirm.tui-popbox .popbox-bd p.gamecard-subtit {
    font-size: 13px;
    text-align: justify;
    color: #858585
}

.popbox--pay-confirm.tui-popbox .popbox-ft {
    height: 77px;
    padding: 13px 30px 0
}

.popbox--pay-confirm.tui-popbox .popbox-ft .operate {
    overflow: hidden
}

.popbox--pay-confirm.tui-popbox .popbox-ft .tips {
    text-align: left
}

.txt-game {
    font-size: 15px;
    padding-top: 4px
}

.popbox--pay-confirm.tui-popbox .popbox-ft .btn {
    margin-top: 7px;
    height: 36px;
    line-height: 36px;
    width: 136px
}

.popbox--pay-confirm h4.popbox-subtit {
    font-size: 16px;
    padding-bottom: 16px;
    color: #858585
}

.popbox--pay-confirm .gamecard-item {
    background-color: #fff;
    padding-left: 140px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    overflow: hidden
}

.popbox--pay-confirm .gamecard-item * {
    cursor: pointer
}

.popbox--pay-confirm .gamecard-item:hover {
    z-index: 2;
    border-color: #cacaca;
    background-color: #efefef
}

.popbox--pay-confirm .gamecard-item .figure {
    background: #e0e0e0;
    width: 110px;
    height: 60px;
    border-radius: 2px;
    top: 50%;
    margin-top: -30px;
    left: 10px
}

.popbox--pay-confirm .gamecard-item .figure-info {
    height: 80px
}

.popbox--pay-confirm .gamecard-item .gamecard-desc {
    padding-left: 0
}

.popbox--pay-confirm .gamecard-item .tui-table-box .table-cell:first-child {
    width: auto;
    padding: 10px 0
}

.popbox--pay-confirm .gamecard-item .tui-table-box .table-cell:nth-child(2) {
    width: 210px
}

.popbox--pay-confirm .gamecard-item--nofigure {
    padding-left: 20px
}

.popbox--pay-confirm .tui-price span.price-new:only-child {
    color: #ff5400;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.5px;
    padding-left: 4px
}

.widget-gamecard-list li.cur .gamecard-item {
    border: 1px solid #faab00;
    background-color: #fff7e1;
    box-shadow: none
}

.pay-select-tips {
    font-size: 14px;
    line-height: 24px;
    color: hsla(0,0%,100%,.2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px
}

.btn-confirm-pay {
    width: 180px;
    height: 44px;
    background: #da6e32;
    border: 1px solid #e2792b;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 15px;
    cursor: pointer
}

.btn-confirm-pay:hover {
    background: #f07e3e
}

.btn-confirm-pay.disabled,.btn-confirm-pay:active {
    background: #da6e32;
    border: 1px solid #e2792b;
    color: hsla(0,0%,100%,.2)
}

.popbox--pay-confirm .gamecard-item .table-cell {
    height: 80px
}

.popbox--pay-confirm .gamecard-item .figure-info {
    display: table;
    padding-right: 30px;
    width: 600px;
    width: 480px
}

.popbox--pay-confirm .gamecard-item.gamecard-item--nofigure .figure-info {
    width: 600px
}

.order-count-box {
    font-size: 14px
}

.tui-popbox .order-count-box-price {
    display: inline-block;
    padding-right: 20px;
    color: #858585
}

.order-count-price {
    font-weight: 400;
    font-size: 16px;
    font-weight: 700;
    color: #ff6732
}

.order-count-price i {
    font-size: 14px;
    font-weight: 400
}

.box-center-flex {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center
}

div.tui-nodata {
    padding: 60px;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;
    background: #fff
}

.tui-nodata-inner,.tui-nodata:before {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    margin: 0 auto
}

.tui-nodata:before {
    content: "";
    width: 0;
    height: 100%
}

p.tui-nodata-figure {
    display: block;
    width: 92px;
    height: 38px;
    margin: 0 auto;
    margin-bottom: 20px;
    position: relative;
    margin-top: 10px;
    background: url(//wegame.gtimg.com/tgp_act/release/wegame/midautumn20180921/images/xTcy8GWKD8QF958NHz1EUfYwrYuyq4ywMPoqeVgEePdRLAT6NJnGKby7ShfgW1lZ1HRIxnvoAAAAASUVORK5CYII=) 0 0 no-repeat
}

.tui-nodata h6 {
    font-size: 18px;
    color: #333
}

.tui-nodata p {
    color: #858585;
    font-size: 14px;
    margin-top: 4px;
    text-align: center
}