.dfw-container {
    width: 100%;
    margin: auto;
    background: url(/images/application/pc/com/Monopoly20256/pcbbg.jpg) no-repeat center top rgb(93, 192, 128);
    background-size: 100% auto;
    min-height: 1080px;
    padding: 30px 0 20px;
}

.dfw-title {
    width: 581px;
    height: 89px;
    margin: 0px auto 166px;
    /* background: url(/images/application/pc/com/Monopoly20256/dfw_title.png) no-repeat center top; */
    background-size: 100% auto;
}

.dfw-part1 {
    width: 1200px;
    height: 640px;
    margin: 0 auto 30px;
    background: url(/images/application/pc/com/Monopoly20256/bg_dfw.png) no-repeat center top;
    background-size: 100% auto;
}

.dfw-left {
    float: left;
    /* background: #ff00003d; */
    margin: 42px 0 0 186px;
    position: relative;
    height: 574px;
}

.dfw-right {
    float: right;
    width: 642px;
    height: 610px;
    /* background: #ff00003b; */
    margin-top: 22px;
    position: relative;
}

.dfw-li {
    position: relative;
    width: 343px;
    /* background: #ff00004d; */
    margin: 0 0 51px;
}

.dfw-li .title {
    font-size: 16px;
    font-weight: bold;
    text-indent: 3px;
    color: #80aaa2;
    height: 58px;
    line-height: 66px;
    margin-bottom: 0;
    /* font-size: 0; */
}

.dfw-li .gift-img {

    height: 51px;

    overflow: hidden;

    /* background: #0080004f; */
}

.dfw-li .gift-img .img {

    width: 45px;

    height: auto;

    float: left;

    margin: 5px 11px 0 2px;
}

.dfw-li .open-btn {
    width: 140px;
    height: 56px;
    margin: 0 auto 2px;
    background: url(/images/application/pc/com/Monopoly20256/button_open_treasure_grey.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.dfw-li.can-get .open-btn {
    background-image: url(/images/application/pc/com/Monopoly20256/button_open_treasure_orange.png);
    cursor: pointer;
}
.dfw-left .process-con{
    width:538px;
    clear:both;
    position: absolute;
    left: -166px;
    bottom: -1px;
}
.dfw-left .process-o{
    width:538px;
    height: 47px;
    background: url(/images/application/pc/com/Monopoly20256/Progress_bar_empty.png) no-repeat center top;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: 2px 9px;
    position: absolute;
    left: 0;
}
.dfw-left .process-in{
    width:0%;
    height: 28px;
    background: url(/images/application/pc/com/Monopoly20256/Progress_bar_orange.png) no-repeat left center;
    background-size: auto 100%; 
    float:left;
}
.dfw-left .process-ul {
    width: 520px;
    height: 70px;
    position: relative;
    margin: 0 auto;
}
.dfw-left .process-li {
    width: 55px;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    overflow: hidden;
}
.dfw-left .process-li .ico{
    width: 36px;
    height:39px;
    margin:0 auto;
    background: url(/images/application/pc/com/Monopoly20256/pic_key_grey.png) no-repeat center center;
    background-size: auto 100%;
}
.dfw-left .li1{
    left:25px;
}
.dfw-left .li2{
    left: 180px;
}
.dfw-left .li3{
    left: 475px;
}
.dfw-left .process-li.active .ico{
    background-image:url(/images/application/pc/com/Monopoly20256/pic_key_get.png)
}
.dfw-left .process-li .text{
    width: 100%;
    height: 15px;
    background: none no-repeat center center;
    background-size: auto 100%;
}
.dfw-left .li1 .text{
    background-image:url(/images/application/pc/com/Monopoly20256/grey_100.png)
}
.dfw-left .li2 .text{
    background-image:url(/images/application/pc/com/Monopoly20256/grey_400.png)
}
.dfw-left .li3 .text{
    background-image:url(/images/application/pc/com/Monopoly20256/grey_1000.png)
}
.dfw-left .li1.active .text{
    background-image:url(/images/application/pc/com/Monopoly20256/green_100.png)
}
.dfw-left .li2.active .text{
    background-image:url(/images/application/pc/com/Monopoly20256/green_400.png)
}
.dfw-left .li3.active .text{
    background-image:url(/images/application/pc/com/Monopoly20256/green_1000.png)
}
.dfw-left .process-text{
    width: 520px;
    height: 42px;
    /* background-image: linear-gradient(180deg, 
		#e4fcdd 0%, 
		#d6f2ec 100%); */
    border-radius: 16px;
    line-height: 42px;
    text-align: left;
    font-size: 16px;
    color: #458677;
    text-indent: 27px;
}
.dfw-left .process-text span{
	color: #ec993c;
}
.dfw-left .key-num {
    font-size: 24px;
    font-weight: bold;
    line-height: 39px;
    color: #fff7f2;
    /* margin-left: 52px; */
    width: 100px;
    /* background: #ff000047; */
    text-align: left;
    position: absolute;
    /* top: 0; */
    bottom: 0;
    right: -53px;
    color: #248767;
    text-align: left;
}
.dfw-left .key-num::before{
    content:"x";
}
.dfw-li2 .title {
    /* color: #9e63c0; */
}

.dfw-li3 .title {
    /* color: #fe671d; */
}

@keyframes jump {
    0% {
        transform: translate3d(var(--startX), var(--startY), 0);
    }
    25% {
        transform: translate3d(
                calc(var(--startX) * 0.75 + var(--endX) * 0.25),
                calc(var(--startY) * 0.75 + var(--endY) * 0.25 - 30px),
                20px
        );
    }
    50% {
        transform: translate3d(
                calc(var(--startX) * 0.5 + var(--endX) * 0.5),
                calc(var(--startY) * 0.5 + var(--endY) * 0.5 - 50px),
                30px
        );
    }
    75% {
        transform: translate3d(
                calc(var(--startX) * 0.25 + var(--endX) * 0.75),
                calc(var(--startY) * 0.25 + var(--endY) * 0.75 - 30px),
                20px
        );
    }
    100% {
        transform: translate3d(var(--endX), var(--endY), 0);
    }
}

.jumping {
    animation: jump 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.jump-container {
    position: relative;
    width: 494px;
    height: 496px;
    margin: 0 auto 39px;
}

.jump-container .box {
    position: absolute;
    width: 80px;
    height: 80px;
    /* border-radius: 19%; */
    /* border: solid 1px gray; */
    /* background-color: #9e4444c2; */
    top: 0;
    /* position: relative; */
}

.jump-container .box .gift {
    position: absolute;
    left: 0;
}

.jump-container .box15 {
    left: 84px;
}

.jump-container .box14 {
    left: 166px;
}

.jump-container .box13 {
    left: 248px;
}

.jump-container .box12 {
    left: 330px;
}

.jump-container .box17 {
    left: 1px;
    top: 83px;
}

.jump-container .box16 {
    left: 84px;
    top: 83px;
}

.jump-container .box11 {
    left: 330px;
    top: 83px;
}

.jump-container .box10 {
    left: 412px;
    top: 83px;
}

.jump-container .box18 {
    left: 1px;
    top: 166px;
}

.jump-container .box9 {
    left: 412px;
    top: 166px;
}

.jump-container .box19 {
    left: 1px;
    top: 248px;
}

.jump-container .box8 {
    left: 412px;
    top: 248px;
}

.jump-container .box20 {
    left: 1px;
    top: 330px;
}

.jump-container .box1 {
    left: 84px;
    top: 330px;
}

.jump-container .box6 {
    left: 330px;
    top: 330px;
}

.jump-container .box7 {
    left: 412px;
    top: 330px;
}

.jump-container .box2 {
    left: 84px;
    top: 412px;
}

.jump-container .box3 {
    left: 166px;
    top: 412px;
}

.jump-container .box4 {
    left: 248px;
    top: 412px;
}

.jump-container .box5 {
    left: 330px;
    top: 412px;
}


.jump-container #myImage {
    position: absolute;
    width: 68px;
    height: 138px;
    background-size: 100%;
    transform: translateX(7px) translateY(260px);
    transition: none;
}

.dfw-right .to-gift {
    width: 122px;
    height: 31px;
    background: url(/images/application/pc/com/Monopoly20256/button_mine.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    top: -9px;
    right: 14px;
    z-index: 3;
    cursor: pointer;
    line-height: 97px;
    font-size: 16px;
    color: red;
}

.dfw-right .to-mission {
    width: 104px;
    height: 104px;
    background: url(/images/application/pc/com/Monopoly20256/button_quest.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    left: 22px;
    bottom: 56px;
    cursor: pointer;
    z-index: 2;
}

.dfw-right .to-roll {
    width: 104px;
    height: 104px;
    background: url(/images/application/pc/com/Monopoly20256/button_start.png) no-repeat center top;
    background-size: 100% auto;
    position: absolute;
    right: 27px;
    bottom: 55px;
    cursor: pointer;
    z-index: 2;
}

.dfw-right .roll-num {
    width: 72px;
    height: 46px;
    cursor: pointer;
    margin-left: 321px;
    line-height: 43px;
    text-align: center;
    color: #ffe56e;
    font-size: 39px;
    font-weight: bold;
}

.dfw-right .roll-con {
    width: 228px;
    height: 380px;
    position: absolute;
    left: 207px;
    top: -42px;
}


.dfw-right .dice {
    width: 228px;
    height: 348px;
    position: absolute;
    left: 0;
    top: 0;
}

.dfw-right #diceCanvas {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    margin-bottom: 20px;
    width: 228px;
    height: 348px;
    display: none;
}

.dfw-right .dice-num {
    width: 160px;
    height: 32px;
    background: url(/images/application/pc/com/Monopoly20256/bg_result.png) no-repeat 0 0;
    position: absolute;
    bottom: 14px;
    z-index: 2;
    left: 0;
    right: 0;
    font-size: 39px;
    font-weight: bold;
    line-height: 21px;
    text-indent: 94px;
    color: #ffb448;
    margin: auto;
    display: none;
}


.moving-element {
    position: absolute;
    width: 58px;
    height: 71px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 100ms ease-in-out;
}

#start-element {
    width: 64px;
    height: 78px;
    position: absolute;
    left: -20px;
    top: -40px;
}

#end-element {
    width: 51px;
    height: 61px;
    position: absolute;
    left: 252px;
    bottom: -12px;
}


.dfw-part2 {
    width: 1200px;
    height: 360px;
    margin: 0 auto 30px;
    background: url(/images/application/pc/com/Monopoly20256/bg_quest_list.png) no-repeat center top;
    background-size: 100% auto;
}

.dfw-part2 .title {
    height: 101px;
    line-height: 110px;
    text-indent: 322px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #458677;
}

.dfw-part2 .mission-ul {
    overflow: hidden;
}

.dfw-part2 .mission-li {
    width: 380px;
    height: 60px;
    background: rgba(53,139,107,0.2);
    float: left;
    margin: 0 0 16px 15px;
    border-radius: 12px;
}

.mission-li .ico {
    width: 46px;
    height: 46px;
    float: left;
    margin: 7px 12px 0 12px;
}

.mission-li .ico img {
    float: left;
    width: 100%;
    height: 100%;
}

.mission-li .text {
    float: left;
    line-height: 60px;
    height: 60px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #458677;
}

.mission-li .btn {
    float: right;
    margin: 4px 9px 0 0;
    background: url(/images/application/pc/com/Monopoly20256/button_go.png) no-repeat center;
    background-size: 100%;
    width: 130px;
    height: 51px;
    cursor: pointer;
}

.mission-li .btn.sign {
    background-image: url(/images/application/pc/com/Monopoly20256/button_check.png);
}

.mission-li .btn.exchange {
    background-image: url(/images/application/pc/com/Monopoly20256/button_change.png);
}

.mission-li .btn.get {
    background-image: url(/images/application/pc/com/Monopoly20256/button_get.png);
}

.mission-li .btn.has-finish {
    background-image: url(/images/application/pc/com/Monopoly20256/button_useless_grey.png);
}

.dfw-part3 {
    width: 1200px;
    height: 400px;
    margin: 0 auto 30px;
    background: url(/images/application/pc/com/Monopoly20256/quest_rule_bg.png) no-repeat center top;
    background-size: 100% auto;
    overflow: hidden;
    box-sizing: border-box;
}

.dfw-part3 .rule-con-bg {
    width: 1150px;
    margin: 98px 0 0 30px;
    height: 270px;
    overflow: auto;
    box-sizing: border-box;
    padding: 0 0 0 5px;
}

.dfw-part3 .rule-con p {
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1px;
    color: #5d9989;
    width: 98%;
}


.alert-window {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, 0.75);
    display: none;
}

.alert-win {

    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    display: none;
}

.alert-win1 {
    height: 419px;
    width: 450px;
    background: url(/images/application/pc/com/Monopoly20256/light_bg.png) no-repeat center;
    background-size: 342px 341px;

}

.alert-win1 .close {
    width: 25px;
    height: 25px;
    background: url(/images/application/pc/com/Monopoly20256/white_esc.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.alert-win1 .title {
    font-size: 20px;
    line-height: 33px;
    color: #fef7e8;
    text-align: center;
    margin: 0 auto 12px;
    font-weight: bold;
    height: 45px;
}

.alert-win1 .ytitle {
    width: 344px;
    height: 44px;
    background: url(/images/application/pc/com/Monopoly20256/word_gx_large.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto 48px;
}

.alert-win1 .w-gift-ul {
    display: block;
    text-align: center;

}

.alert-win1 .w-gift-li {
    display: inline-block;
    vertical-align: top;
}

.alert-win1 .gift-ico img {
    height: 118px;
    margin-top: 2px;
}

.alert-win1 .avatar-con .gift-ico img {
    height: 120px;
    margin-top: 0;
}

.alert-win1 .w-gift-li p {
    font-size: 26px;
    font-weight: bold;
    line-height: 45px;
    letter-spacing: 1px;
    color: #ffffff;
}

.alert-win1 .w-gift-li .yp {
    font-size: 26px;
    font-weight: bold;
    line-height: 0px;
    letter-spacing: 1px;
    color: #ffd69b;
    text-align: center;
}

.alert-win1 .w-gift-li .yp-title {
    font-size: 26px;
    font-weight: bold;
    line-height: 0px;
    letter-spacing: 1px;
    color: #ffd69b;
}

.alert-win1 .avatar-con {
    display: inline-block;
    vertical-align: middle;
}

.alert-win1 .plus {
    display: inline-block;
    vertical-align: top;
    font-size: 48px;
    font-weight: bold;
    color: #ffe9bd;
    margin: 22px 5px 0;
}

.alert-win1.has-avatar .avatar-con {
    display: inline-block;
}

.alert-win1.has-avatar .w-gift-ul {
    position: relative;
    left: 11px;
}

.jt-roll .gift-ico img {
    height: 197px;
    margin-top: -42px;
}

.alert-win1 .to-check {
    width: 243px;
    height: 102px;
    background: url(/images/application/pc/com/Monopoly20256/button_use_it1.png) no-repeat center;
    background-size: 100%;
    display: block;
    margin: 25px auto 0;
}

.pb-roll .gift-ico img {
    height: 114px;
    margin-top: 0;
}

.pb-roll .w-gift-li .yp {
    line-height: 58px;
}

.pb-roll .to-check {
    margin-top: 10px;
}


.smsr-roll .gift-ico img {
    height: 133px;
    margin-top: -10px;
}

.smsr-roll .w-gift-li .yp-title {
    line-height: 58px;
}

.smsr-roll .to-check {
    margin-top: 10px;
}


.sgsd-roll .gift-ico img {
    height: 74px;
    margin-top: 29px;
}

.alert-win1 .warning {
    margin-top: 10px;
    background: none;
    color: #fff0c7;
    font-size: 24px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 88px;
    width: 100%;
    display: block;
}


.ohjl-roll .gift-ico img {
    height: 108px;
    margin-top: 3px;
}

.blank-roll {
    background-position: center -58px;
}

.blank-roll .gift-ico img {
    height: 108px;
    margin-top: 16px;
}

.blank-roll .warning {
    font-size: 20px;
}


.gift-roll .to-check {
    background-image: url(/images/application/pc/com/Monopoly20256/button_order_detail1.png);
}

.gift-roll .gift-con {
    width: 420px;
    height: 80px;
    background-color: #ebfff1;
    border-radius: 12px;
    position: relative;
    left: 11px;
}

.gift-con .img {
    float: left;
    height: 80px;
    width: 125px;
    border-radius: 12px 0 0 12px;
    margin-right: 12px;
}

.gift-con .right {
    width: 272px;
    float: left;
    margin-top: 9px;
}

.gift-con .right .name {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    margin-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #29896a;
}

.gift-con .right .price-platform {
    height: 24px;
}

.gift-con .price-platform .price {
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #1f6f48;
    line-height: 24px;
}

.gift-con .price b {
    font-size: 23px;
}


/*不带文字*/
.fhyxIndexPlat {
    float: right;
    margin: 2px 0 0 3px;
    background-image: url(//static.fhyx.com/images/application/pc/common/fhyx_plat_logo.png?r=10);
}

.fhyxIndexPlat.hk_microsoft {
    width: 24px;
    height: 24px;
    background-position: -114px -9px;
}

.fhyxIndexPlat.hk_alipan {
    width: 18px;
    height: 19px;
    background-position: -266px -51px;
}

.fhyxIndexPlat.hk_EAPLAY {
    width: 18px;
    height: 20px;
    background-position: -272px -338px;
}

.fhyxIndexPlat.hk_steam {
    width: 21px;
    height: 21px;
    background-position: -268px -130px;
}

.fhyxIndexPlat.hk_uplay {
    width: 21px;
    height: 21px;
    background-position: -268px -169px;
}

.fhyxIndexPlat.hk_Rockstar {
    width: 26px;
    height: 22px;
    background-position: -289px -206px;
}

.fhyxIndexPlat.hk_battle {
    width: 30px;
    height: 30px;
    background-position: -660px -48px;
}

.fhyxIndexPlat.hk_epic {
    width: 28px;
    height: 32px;
    background-position: -662px -82px;
}

.fhyxIndexPlat.hk_GOG {
    width: 29px;
    height: 29px;
    background-position: -661px -121px;
}

.fhyxIndexPlat.hk_ps4 {
    width: 31px;
    height: 24px;
    background-position: -658px -164px;
}

.fhyxIndexPlat.hk_xbox {
    width: 25px;
    height: 25px;
    background-position: -661px -204px;
}

.fhyxIndexPlat.hk_SWITCH {
    width: 17px;
    height: 15px;
    background-position: -639px -248px;
}

.fhyxIndexPlat.hk_fhyxbox {
    width: 20px;
    height: 20px;
    background-position: -638px -286px;
}

.fhyxIndexPlat.hk_MOJANG {
    width: 75px;
    height: 12px;
    background-position: -637px -330px;
}

.fhyxIndexPlat.hk_pcgame {
    width: 66px;
    height: 16px;
    background-position: -642px -368px;
}

.fhyxIndexPlat.hk_Bethesda {
    width: 72px;
    height: 12px;
    background-position: -639px -410px;
}

.fhyxIndexPlat.hk_Battlestate {
    width: 57px;
    height: 30px;
    background-position: -647px -441px;
}

.fhyxIndexPlat.hk_Online {
    width: 56px;
    height: 12px;
    background-position: -647px -500px;
}

.fhyxIndexPlat.hk_ps5 {
    width: 20px;
    height: 16px;
    background-position: -639px -537px;
}

.fhyxIndexPlat.hk_XBOXONE {
    width: 19px;
    height: 19px;
    background-position: -663px -577px;
}

.fhyxIndexPlat.hk_XboxSeries {
    width: 111px;
    height: 13px;
    background-position: -675px -624px;
}

.fhyxIndexPlat.hk_cubejoy {
    width: 23px;
    height: 20px;
    background-position: -647px -656px;
}

.fhyxIndexPlat.hk_baidupan {
    width: 20px;
    height: 16px;
    background-position: -639px -695px;
}

.fhyxIndexPlat.hk_wy {
    width: 24px;
    height: 21px;
    background-position: -644px -736px;
}

.fhyxIndexPlat.hk_leigod {
    width: 26px;
    height: 26px;
    background-position: -984px -44px;
}

.fhyxIndexPlat.hk_xunyou {
    width: 25px;
    height: 25px;
    background-position: -984px -99px;
}

.fhyxIndexPlat.hk_paopaospeed {
    width: 28px;
    height: 25px;
    background-position: -984px -150px;
}

.fhyxIndexPlat.hk_ios {
    width: 20px;
    height: 23px;
    background-position: -989px -204px;
}

.fhyxIndexPlat.hk_Android {
    width: 24px;
    height: 26px;
    background-position: -989px -251px;
}

.fhyxIndexPlat.hk_gamepp {
    width: 30px;
    height: 30px;
    background-position: -986px -308px;
}

.fhyxIndexPlat.hk_myth {
    width: 87px;
    height: 28px;
    background-position: -812px -378px;
}

.fhyxIndexPlat.hk_TALKI {
    width: 40px;
    height: 28px;
    background-position: -981px -438px;
}

.fhyxIndexPlat.hk_pkyouxia {
    width: 64px;
    height: 18px;
    background-position: -270px -248px;
}

.fhyxIndexPlat.hk_qiyou {
    width: 34px;
    height: 28px;
    background-position: -979px -568px;
}

.fhyxIndexPlat.hk_fhyxjsq {
    width: 30px;
    height: 30px;
    background-position: -287px -288px;
}

.fhyxIndexPlat.hk_VALORANT {
    width: 24px;
    height: 24px;
    background-position: -290px -372px;
}

.fhyxIndexPlat.hk_LOL {
    width: 24px;
    height: 24px;
    background-position: -290px -421px;
}

.fhyxIndexPlat.hk_Razer {
    width: 29px;
    height: 29px;
    background-position: -287px -467px;
}

.fhyxIndexPlat.hk_pubg {
    width: 24px;
    height: 24px;
    background-position: -290px -513px;
}

.fhyxIndexPlat.hk_applemusic {
    width: 24px;
    height: 24px;
    background-position: -985px -619px;
}

.fhyxIndexPlat.hk_WeGame {
    width: 21px;
    height: 22px;
    background-position: -261px -554px;
}
.fhyxIndexPlat.hk_Lenovo {width: 24px;height: 28px;background-position: -985px -655px;}
.fhyxIndexPlat.hk_SWITCH2 {width: 39px;height: 22px;background-position: -217px -702px;}

.alert-win2 {
    width: 460px;
    height: 240px;
    background: url(/images/application/pc/com/Monopoly20256/popup_bg01.png) no-repeat center;
    background-size: 100%;
    overflow: hidden;
}

.alert-win2 .close-btn {
    width: 150px;
    height: 50px;
    background: url(/images/application/pc/com/Monopoly20256/button_iknow_black.png) no-repeat center;
    background-size: 100%;
    margin: 0 auto;
    cursor: pointer;
}

.alert-win2 .close {
    width: 44px;
    height: 44px;
    background: url(/images/application/pc/com/Monopoly20256/esc.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 14px;
}

.share-win {
    height: 260px;
    background-image: url(/images/application/pc/com/Monopoly20256/popup_bg04.png);
}

.share-win .title {
    height: 56px;
    text-align: center;
    line-height: 65px;
    font-size: 18px;
    font-weight: bold;
    color: #1f6f48;
}

.share-win .img {
    width: 124px;
    height: 124px;
    display: block;
    margin: 0 auto 14px;
}

.share-win .img img {
    float: left;
    width: 100%;
    height: 100%;
}


.nokey-win ,
.nodisc-win {
overflow: hidden;
}

.nokey-win .img,
.nodisc-win .img {
    display: block;
    /*width: 96px;*/
    height: 118px;
    margin: 12px auto 5px;
}

.nokey-win .warning,
.nodisc-win .warning {
    line-height: 19px;
    text-align: center;
    font-size: 15px;
    color: #248767;
    height: 35px;
    user-select: none;
    font-weight: bold;
}

.nokey-win .close-btn,
.nodisc-win .close-btn {
    background-image: url(/images/application/pc/com/Monopoly20256/button_iknow_black.png);
}

.alert-win2 .bg-title {
    width: 232px;
    height: 33px;
    background: url(/images/application/pc/com/Monopoly20256/word_gongxi.png) no-repeat center;
    background-size: 100%;
    margin: 20px auto 13px;
}

.alert-win2 .gift-img {
    height: 80px;
    display: block;
    margin: 0 auto 2px;
}

.alert-win2 .yp {
    font-size: 24px;
    text-align: center;
    line-height: 58px;
    color: #248767;
    letter-spacing: 1px;
    height: 30px;
    position: relative;
    top: -18px;
}

.alert-win2 .to-check {
    width: 150px;
    height: 50px;
    background: url(/images/application/pc/com/Monopoly20256/button_check_red.png) no-repeat center;
    background-size: 100%;
    display: block;
    margin: 5px auto 0;
}

.pb-box .to-check {
    background-image: url(/images/application/pc/com/Monopoly20256/button_use_it.png)
}

.alert-win2 .gift-con {
    width: 420px;
    height: 80px;
    background-color: #ebfff1;
    border-radius: 12px;
    position: relative;
    /* left: 11px; */
    margin: 20px auto 25px;
}

.gift-box .to-check {
    background-image: url(/images/application/pc/com/Monopoly20256/button_order_detail1.png);
    width: 170px;
    height: 71px;
    margin-top: -5px;
}

.st-box .to-check {
    background-image: url(/images/application/pc/com/Monopoly20256/button_address.png)
}

.record-win {
    width: 560px;
    height: 360px;
    background-image: url(/images/application/pc/com/Monopoly20256/popup_bg03.png);
}

.record-win .toggle-ul {
    height: 32px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 0;
}

.record-win .toggle-li {
    width: 133px;
    height: 32px;
    background-color: #98e2ca;
    border-radius: 16px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    color: #6fa289;
    cursor: pointer;
    margin: 0 4px;
}

.record-win .toggle-li.active {
    background: #1f6f48;
    color: #ffffff;
}

.record-win .toggle-list {
    width: 520px;
    height: 281px;
    background-color: #ebfff1;
    border-radius: 12px;
    margin: 0 auto;
}

.record-win .toggle-con {
    display: none;
    width: 480px;
    margin: auto;
}

.record-win .toggle-bg {
    height: 220px;
    width: 100%;
    overflow: auto;
}

.record-win .toggle-con:first-child {
    display: block;
}

.record-win .thead {
    height: 44px;
}

.record-win .td {
    float: left;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    color: #70b59c;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.record-win .thead .td {
    font-size: 18px;
    font-weight: bold;
    color: #1f6f48;
    text-align: center;
}

.record-win .th {
    height: 40px;
    overflow: hidden;
}

.record-win .td a {
    width: 100px;
    height: 28px;
    background-color: #55a98e;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    line-height: 28px;
    text-decoration: none;
}


.record-box .td1 {
    width: 140px;
}

.record-box .td2 {
    width: 80px;
}

.record-box .td3 {
    width: 135px;
}

.record-box .td4 {
    width: 105px;
}


.record-roll .td1 {
    width: 140px;
}

.record-roll .td2 {
    width: 80px;
}

.record-roll .td3 {
    width: 135px;
}

.record-roll .td4 {
    width: 105px;
}


.record-mission .td1 {
    width: 140px;
}

.record-mission .td2 {
    width: 192px;
}

.record-mission .td3 {
    width: 128px;
}

.fhyx_footer {
    margin-top: 0 !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: rgba(93, 153, 137, 0.4);
    border-radius: 2px;
    opacity: 1 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    background-color: #fffbf0 !important;
    box-shadow: 0 2px 4px 0 #896f56;
    border-radius: 6px;
    opacity: 1 !important;
}


.number-animation {
    display: flex;
    align-items: center;
    height: 58px;
    overflow: hidden;
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px;
}

.number-column {
    width: 20px;
    text-align: center;
    margin: 0;
    height: 58px;
    line-height: 58px;
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
}

.decimal-point {
    margin: 0 2px;
    line-height: 58px;
    height: 58px;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom;
}

.number-single {
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffd69b;
    height: 58px;
    line-height: 58px;
}

.alert-win2 .number-single {
    color: #248767;
    font-size: 24px;
}
.jt-box .to-check {
    background: url(/images/application/pc/com/Monopoly20256/button_use_it.png) no-repeat center;
}