.phone-number-box.room .phone input {
        padding: 0;
        text-indent: 0.2rem;
    }

    .phone-number-box.room .phone-number {
        height: 11rem;
    }

    .phone-number-box.room .phone-number-content {
        height: 11rem;
    }

    .waiting {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 111;
    }

    .waiting .waitingBack {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        opacity: .5;
    }


    .f-cb:after{
        display:block;
        visibility:hidden;
        clear:both;
        height:0;
        overflow:hidden;
        content:'.';
    }
    [v-cloak] {
        display: none !important;
    }
    *{padding: 0;margin:0;}a {text-decoration: none;color: #fff;}ul {list-style: none;}input{border: none;outline:none}body{font-family: 'Helvetica Neue', Helvetica, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, Arial, sans-serif;cursor: default;}
    input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
        color: #aaa !important;
    }
    img{border: none;}
    .main{width: 100%;position:relative;margin:0 auto;}
    .roomCard{position: absolute;top:0;right:0;width: 26%;}
    .roomCard .img1{position: relative;float: left;z-index: 50;}
    .roomCard .img2{position: absolute;top:0;z-index: 51}
    .roomCard .num{position: relative;background: #273151;color:#fff;font-size: 3.5vw;border-radius:4vw;padding: 1vw 4vw;float: left;margin-left: -3vw;z-index: 49;}

    .user{position: absolute;top:0;left:0;width: 50%;}
    .user .avatar{border: 1px solid #b495d8;border-radius:5px;float: left;position: relative;z-index: 50;}
    .user .name{color: #fff;font-size: 3.5vw;border-radius:3.5vw;padding: 1vw 4vw;background:#273151;margin-left: -3vw;float: left;position: relative;z-index: 49;}

    .createRoom{position: fixed;width: 100%;height:92%;top:6vh;left:0;z-index: 108;}
    .createRoom .createRoomBack{width: 100%;height:100%;background: #000;opacity:0.6;}
    /* top:38%;left:50%;margin-top:-24vh;margin-left: -22.5vh; */
    .createRoom .mainPart{width: 80%; position: absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
    .createRoom .mainPart .createB{position: absolute;width: 100%;height:100%;top:0%;left:0%;background: #634fa6;border: 1px solid #a684f2;border-radius:10px; }
    .createRoom .mainPart .createTitle{position:relative;height:0.7rem;text-align: center;margin-bottom: 0.3rem;}
    .createRoom .mainPart .createTitle img{position:relative;height:0.5rem;margin-top: 0.3rem;}
    .createRoom .mainPart .cancelCreate{width: 0.9rem;height: 0.9rem;top: -0.3rem;right: -0.3rem;position: absolute;}
    .createRoom .mainPart .createCommit{position: relative;margin-top: 0.37rem;bottom: 0.22rem;line-height: 0.9rem;height:0.86rem;font-size: 14px;width: 2.7rem;left:50%;margin-left:-1.35rem;text-align: center;background:url("../images/common/button2.png");background-size:100%;color: #fff;}
    .createRoom .mainPart .blueBack{ overflow-x: hidden;width: 94%;background:#111431;border-radius:4px;margin:0 auto;position: relative;padding: 0 0 0.15vh 0;}
    .createRoom .mainPart .blueBack .selectPart{width:100%;margin-top:0.05rem;line-height:0.6rem;font-size:14px;position: relative;color:#111431;background: #bbbff1;
        background-size: 100% 300%;border-radius:0px;font-family:simHei; padding: 1px 0;}
    .createRoom .mainPart .blueBack .selectPart .selectTitle{float: left;width:20%;text-align: right;color:#000;font-weight: bolder;font-size:14px !important;}
    .createRoom .mainPart .blueBack .selectPart .selectList{float: right; width: 80%}
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem{float: left;position:relative;margin: 2px 0;margin-left:0.20rem !important;}
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectBox{float: left;height:0.3rem;width:0.31rem;border:1px solid #1d1045;border-radius:2px;background:#78899d;margin-top:0.15rem;position: relative; }
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem img{position: absolute;width: 0.45rem;height:0.45rem;left: 0;top:0;}
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText{float: left;margin-left: 0.1rem;}

    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem .text{float: left;margin-left: 0.1rem;}
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem select
    {
        appearance:none;
        -moz-appearance:none;
        -webkit-appearance:none;
        text-indent: 0.22rem;
        position: relative;;
        width: 1.2rem;
        height:0.54rem;
        left: 0.1rem;
        top:0.1rem;
        background-size: 100% 100%;
        background-image: url("../images/common/btnselect.png");
    }
    .zjhTitle{text-align:center; width: 94% !important;margin-left: 3%;}
    .zjhTitle p {position:relative;}
    .zjhTitle p:nth-child(2){padding-top:0.1rem}
    .bankerSelected{box-sizing: border-box; position: relative; float:left;width: 1.2rem;height: 1rem;border-style: solid;border-width: 0;color: #653604;text-align: center;font-size: 1.8vh;overflow: hidden;    border-right: solid 3px #634fa6;}
    .bankerSelected .img{position: absolute;top: 0;left: 0;width: 100%;height:100%;border-style: solid;border-width: 0.5px;border-color: #392c62;}
    .bankerUnSelected{box-sizing: border-box; position: relative;float:left;width: 1.2rem;height: 1rem;border-style: solid;border-width: 0;color: #9a6b3a;text-align: center;font-size: 1.8vh;overflow: hidden;    border-right: solid 3px #634fa6;}
    .bankerUnSelected .img{position: absolute;top: 0;left: 0;width: 100%;height:1.2rem;border-style: solid;border-width: 0.5px;border-color: #e8c007;}
    .bankerSelected p:nth-child(2),.bankerSelected p:nth-child(3),.bankerUnSelected p:nth-child(2),.bankerUnSelected p:nth-child(3){
        font-size:12px !important;
    }
    .entrance{height:300vw;top:18vw;z-index: 98;position: relative; width: 90%;left: 50%; margin-left: -45%;}
    .entrance .img1{background: url("../images/gameicon/icon_bull6.png");}
    .entrance .img2{background: url("../images/gameicon/icon_laibull.png");}
    .entrance .img3{background: url("../images/gameicon/icon_sangong.png");}
    .entrance .img4{background: url("../images/gameicon/icon_flower.png");}
    .entrance .img5{background: url("../images/gameicon/icon_landlord.png");}
    .entrance .img6{background: url("../images/gameicon/icon_majiang.png");}
    .entrance .img7{background: url("../images/gameicon/icon_paijiu.png");}
    .entrance .img8{background: url("../images/gameicon/icon_erbagang.png");}
    .entrance .img9{background: url("../images/gameicon/icon_yxx.png");}
    .entrance .img10{background: url("../images/gameicon/icon_dcx.png");}
    .entrance .img11{background: url("../images/gameicon/icon_dxbull.png");}
    .entrance .img12{background: url("../images/gameicon/icon_s13s.png");}
    .entrance .img16{background-image: url("../images/gameicon/icon_flower2.png");}
    .entrance .img17{background-image: url("../images/gameicon/icon_dpaijiu.png");}
    .entrance .img18{background-image: url("../images/gameicon/icon_jia31.png");}
    .entrance .img19{background-image: url("../images/gameicon/icon_majianghz.png");}
    .entrance .img20{background-image: url("../images/gameicon/icon_flowerxp.png");}
    .entrance .img21{background-image: url("../images/gameicon/icon_flowermp.png");}
    .entrance .img22{background-image: url("../images/gameicon/icon_cbull9.png");}
    .entrance .img23{background-image: url("../images/gameicon/icon_cbull12.png");}
    
    /* 三个牛牛游戏 */
    .entrance .img13{background: url("../images/gameicon/icon_cbull6.png");}
    .entrance .img14{background: url("../images/gameicon/icon_bull10.png");}
    .entrance .img15{background: url("../images/gameicon/icon_bull13.png");}
    .entrance .img31{background: url("../images/gameicon/icon_sangong9.png?v=201912");}
    .entrance .img34{background: url("../images/gameicon/icon_bullx.png");}
    .entrance .img40{background: url("../images/gameicon/icon_gdy.png");}
    .entrance .img41{background: url("../images/gameicon/icon_dice.png");}
    .entrance .img42{background: url("../images/gameicon/icon_21.png");}
    .entrance .img43{background: url("../images/gameicon/icon_sm.png");}
    .entrance .img44{background: url("../images/gameicon/icon_dzpk.png");}
    .entrance .img45{background: url("../images/gameicon/icon_pdk.png");}
    .entrance .img46{background: url("../images/gameicon/icon_bullx_new.png");}
    .entrance .imgzjhold{background: url("../images/gameicon/icon_zjh_old.png");}
    .entrance .imgzjhnew{background: url("../images/gameicon/icon_zjh_new.png");}
    .entrance .imgsgold{background: url("../images/gameicon/icon_sg_old.png");}
    .entrance .imgsgnew{background: url("../images/gameicon/icon_sg_new.png");}
    
    .entrance .img{float:left;width: 42.5vw;height:21vw;background-size:100% 100%;border-radius: 2vw;margin-top: 5vw;background-repeat: no-repeat;background-position: center;}
    .entrance .img:nth-child(2n){float:right;}

    .part .img {
        width: 38vw;
        float: left;
        height: 38vw;
        background-size: 38vw 38vw;
        margin-bottom: 2vw;
    }
    .part .list{
        width: 82vw;
        height: 100%;
        margin: 0 auto;
        margin-top: 6vw;
    }
    .imgB6 {background: url("../images/gameicon/sicon_bull6.png");top: 6vw;left: 9vw;}
    .imgB9 {background: url("../images/gameicon/sicon_bull9.png");top: 6vw;left: 9vw;}
    .imgB10 {background: url("../images/gameicon/sicon_bull10.png");top: 6vw;left: 9vw;}
    .imgB12 {background: url("../images/gameicon/sicon_bull12.png");top: 6vw;left: 9vw;}
    .imgBl {background: url("../images/gameicon/sicon_laibull.png");top: 6vw;left: 9vw;}
    .imgBdxbull {background: url("../images/gameicon/sicon_dxbull.png");top: 6vw;left: 9vw;}
    .imgF6 {background: url("../images/gameicon/sicon_flower6.png");top: 6vw;left: 9vw;}
    .imgF9 {background: url("../images/gameicon/sicon_flower9.png");top: 6vw;left: 9vw;}
    .imgF12 {background: url("../images/gameicon/sicon_flower12.png");top: 6vw;left: 9vw;}
    .imgFxp {background: url("../images/gameicon/sicon_flowerxp.png");top: 6vw;left: 9vw;}
    .imgFhp {background: url("../images/gameicon/sicon_flowerhp.png");top: 6vw;left: 9vw;}
    .imgFcj {background: url("../images/gameicon/sicon_flowercj.png");top: 6vw;left: 9vw;}
    .imgFlz {background: url("../images/gameicon/sicon_flowerlz.png");top: 6vw;left: 9vw;}
    .imgS6 {background: url("../images/gameicon/sicon_sangong6.png");top: 6vw;left: 9vw;}
    .imgS9 {background: url("../images/gameicon/sicon_sangong9.png");top: 6vw;left: 9vw;}
    .imgJia {background: url("../images/gameicon/sicon_jia31.png");top: 6vw;left: 9vw;}
    .imgDcx {background: url("../images/gameicon/sicon_dcx.png");top: 6vw;left: 9vw;}
    .imgP8 {background: url("../images/gameicon/sicon_dpaijiu.png");top: 6vw;left: 9vw;}
    .imgP9 {background: url("../images/gameicon/sicon_paijiu.png");top: 6vw;left: 9vw;}
    .imgMj {background: url("../images/gameicon/sicon_majiang.png");top: 6vw;left: 9vw;}
    .imgS13s {background: url("../images/gameicon/sicon_s13s.png");top: 6vw;left: 9vw;}

    .img60 {background: url("../images/gameicon/sicon_a1.png");top: 6vw;left: 9vw;}
    .img61 {background: url("../images/gameicon/sicon_a2.png");top: 6vw;left: 9vw;}
    .img62 {background: url("../images/gameicon/sicon_a3.png");top: 6vw;left: 9vw;}
    .img63 {background: url("../images/gameicon/sicon_a4.png");top: 6vw;left: 9vw;}
    .img64 {background: url("../images/gameicon/sicon_a5.png");top: 6vw;left: 9vw;}
    .img65 {background: url("../images/gameicon/sicon_a6.png");top: 6vw;left: 9vw;}
    .img66 {background: url("../images/gameicon/sicon_a7.png");top: 6vw;left: 9vw;}
    .img67 {background: url("../images/gameicon/sicon_a8.png");top: 6vw;left: 9vw;}
    .img68 {background: url("../images/gameicon/sicon_a9.png");top: 6vw;left: 9vw;}
    .img69 {background: url("../images/gameicon/sicon_a10.png");top: 6vw;left: 9vw;}

    .part .list .img:nth-child(2n){float:right;}

    /*alert*/
    .alert .mainPart .backImg{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border-radius: 1.5vh;
        border: 0.1vh solid rgb(222, 81, 241);
        background: rgb(109, 75, 168);
    }
    .alert .mainPart .backImg .blackImg{
        position: absolute;
        width: 40.6vh;
        height: 25vh;
        border-radius: 1.5vh;
        border: 0.1vh solid #ae71cb;
        top: 2.2vh;
        left: 2.2vh;
        background: #190d2d;
    }
    .copy-tip {
        background: rgba(0, 0, 0, .6);
        color: #fff;
        position: fixed;
        top: 60%;
        font-size: 16px;
        border-radius: 5px;
        padding: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    #room_str {
        position: fixed;
        top: -300px;
    }

    .zhuonuo {
        position: fixed;
        right: 0;
        width: 1.5rem;
        z-index: 99;
        top: 9vh;
    }

    #dialog {
        position: fixed;
        width: 300px;
        height: 150px;
        padding: 10px;
        box-sizing: border-box;
        background: #fff;
        font-size: 16px;
        left: 50%;
        top: 50%;
        margin-left: -150px;
        margin-top: -75px;
        border-radius: 10px;
        z-index: 99;
    }

    #dialog .main {
        word-wrap: break-word;
        word-break: normal;
    }

    #dialog .other {
        text-align: center;
        margin-top: 30px
    }

    #dialog img {
        position: absolute;
        top: -20px;
        right: -20px;
        width: 35px;
    }
    .scoreSelect {
        -webkit-appearance: none;
        position: relative;
        width: 1rem;
        left: 0;
        top: 0.28rem;
        background-size: 100% 100%;
        background-image:url("../images/common/btnselect.png");
    }
    .flex-cont {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .flex-cont .flex-item {
        -webkit-flex: 1;
        flex: 1;
    }
    .flex-cont.number {
        position: relative;
        font-size: 0.24rem;
        /*height: 1.4rem;*/
        padding: 0.24rem 0.288rem .0rem 0.288rem;
        /*padding: 0.1rem 0.288rem .0rem 0.288rem;*/
    }

    .flex-cont.number > .flex-item {
        -webkit-align-items: center;
        align-items: center;
    }

    .flex-cont.number .nameText {
        position: absolute;
        left: 0;
        top: 0.08rem;
        width: 100%;
        line-height: 1;
        text-align: center;
        color: #fff;
        font-size: 0.36rem;
    }

    .flex-cont.number .prev2, .flex-cont.number .next2, .flex-cont.number .prev, .flex-cont.number .next {
        position: relative;
        width: 0.56rem;
        height: 0.56rem;
        border: 0.048rem solid #9f1818;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 0;
    }

    .flex-cont.number .next {
    }

    .flex-cont.number .prev2:after, .flex-cont.number .next2:after, .flex-cont.number .next2:before, .flex-cont.number .prev:after, .flex-cont.number .next:after, .flex-cont.number .next:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 0.26rem;
        height: 0.048rem;
        background-color: #9f1818;
        -webkit-border-radius: 0.04rem;
        -moz-border-radius: 0.04rem;
        border-radius: 0.04rem;
    }

    .flex-cont.number .next2:before, .flex-cont.number .next:before {
        width: 0.048rem;
        height: 0.26rem;
    }

    .flex-cont.number .radio {
        position: relative;
        margin: 0.24rem;
        height: 0.4rem;
        line-height: 0.4rem;
        background-color: #3f519d;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        border-radius: 0.18rem;
    }

    .flex-cont.number .radio div {
        position: relative;
        width: 0.48rem;
        height: 0.48rem;
        z-index: 3;
        background: none;
    }

    .flex-cont.number .radio div:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 0.15rem;
        height: 0.15rem;
        border-radius: 100%;
        background-color: #fff;
    }

    .flex-cont.number .radio div.on {
        z-index: 1;
    }

    .flex-cont.number .showNumber {
        position: absolute;
        left: 0;
        top: 50%;
        z-index: 2;
        -webkit-transform: translatey(-50%);
        -moz-transform: translatey(-50%);
        -ms-transform: translatey(-50%);
        -o-transform: translatey(-50%);
        transform: translatey(-50%);
        -webkit-transition: width .01s;
        -moz-transition: width .01s;
        -ms-transition: width .01s;
        -o-transition: width .01s;
        transition: width .01s;
        width: 0.02rem;
        height: 0.4rem;
        background: -webkit-gradient(linear, left top, right top, from(#4992ff), to(#2d69ef));
        background: -webkit-linear-gradient(left, #4992ff, #2d69ef);
        background: -o-linear-gradient(left, #4992ff, #2d69ef);
        background: linear-gradient(to right, #4992ff, #2d69ef);
        -webkit-border-radius: 0.2rem;
        -moz-border-radius: 0.2rem;
        border-radius: 0.2rem;
    }

    .flex-cont.number .showNumber[data-pos="1"], .flex-cont.number .showNumber[data-item="2"], .flex-cont.number .showNumber[data-item="5"], .thirteencard-mask .flex-cont.number .showNumber[data-item="1"], .threeOpens-mask .flex-cont.number .showNumber[data-pos="1"], .threeOpens-mask .flex-cont.number .showNumber[data-item="5"], .fillingPitcard-mask .flex-cont.number .showNumber[data-item="1"] {
        width: 0.192rem;
    }

    .flex-cont.number .showNumber[data-pos="2"], .threeOpens-mask .flex-cont.number .showNumber[data-pos="2"] {
        width: 27%;
    }

    .flex-cont.number .showNumber[data-pos="3"], .flex-cont.number .showNumber[data-item="4"], .flex-cont.number .showNumber[data-item="10"], .thirteencard-mask .flex-cont.number .showNumber[data-item="3"], .threeOpens-mask .flex-cont.number .showNumber[data-pos="3"], .threeOpens-mask .flex-cont.number .showNumber[data-item="10"], .fillingPitcard-mask .flex-cont.number .showNumber[data-item="3"] {
        width: 52%;
    }

    .flex-cont.number .showNumber[data-pos="4"], .threeOpens-mask .flex-cont.number .showNumber[data-pos="4"] {
        width: 75%;
    }

    .flex-cont.number .showNumber[data-pos="5"], .flex-cont.number .showNumber[data-item="8"], .flex-cont.number .showNumber[data-item="20"], .thirteencard-mask .flex-cont.number .showNumber[data-item="5"], .threeOpens-mask .flex-cont.number .showNumber[data-pos="5"], .threeOpens-mask .flex-cont.number .showNumber[data-item="20"], .fillingPitcard-mask .flex-cont.number .showNumber[data-item="5"] {
        width: 100%;
    }


    .flex-cont.number .showNumber i {
        position: absolute;
        right: 0;
        top: -50%;
        -webkit-transform: translatex(45%);
        -moz-transform: translatex(45%);
        -ms-transform: translatex(45%);
        -o-transform: translatex(45%);
        transform: translatex(45%);
        width: 0.6rem;
        height: 0.6rem;
        line-height: 0.6rem;
        margin-top: 0.1rem;
        text-align: center;
        font-family: Arial;
        font-size: 0.36rem;
        font-style: normal;
        color: #fff;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        background: url("../images/hall/mask-show-number.png") no-repeat;
        background-size: 100% 100%;
        background-color: #4a80e8;
        -webkit-box-shadow: 0 .0144rem .0144rem #4a80e8;
        -moz-box-shadow: 0 .0144rem .0144rem #4a80e8;
        box-shadow: 0 .0144rem .0144rem #4a80e8;
    }
    /*yh*/
    .createRoom .mainPart.yh {
        padding: 3vw;
        border: 0.5vw solid #9d9d9e;
        -webkit-border-radius: 2vw;
        border-radius: 2vw;
        background-color: rgba(255,255,255,.2);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
    }
    .createRoom .mainPart.yh .createB {
        width: 96%;
        height: 96%;
        top: 2%;
        left: 2%;
        position: absolute;
        background-color: #d1e2f6;
        border-radius: .0768rem;
    }
    .createRoom .mainPart.yh .blueBack {
        width: 95%;
        border-radius: 4px;
        margin: 0 auto;
        position: relative;
        padding: 0.5vh 0 0.8vh 0;
        background:none;
        border: 0 solid #efc92d;
    }
    .createRoom .mainPart.yh .blueBack .selectPart {
        width: 100%;
        margin-top: 0.5vh;
        /*line-height: 4.5vh;*/
        font-size: 0.24rem;
        position: relative;
        color: #374994;
        background-color: rgb(225,249,255);
        background-size: 100% 300%;
        border-radius: 10px;
        /* font-family: simHei; */
        padding: 0.5vh 0;
        box-shadow: 0 0.5vw 0.5vw #abc8ed;
        background-image:none;
    }
    .createRoom .mainPart.yh .blueBack .selectPart.font_big{
        font-size: 0.34rem;
    }
    .createRoom .mainPart.yh .bankerUnSelected,.createRoom .mainPart.yh .bankerSelected{
        color:#fde449;
    }
    .createRoom .mainPart.yh .bankerUnSelected img,.createRoom .mainPart.yh .bankerSelected img{
        border:none;
    }
    .createRoom .mainPart.yh .blueBack .selectPart .selectList .selectItem .selectBox {
        border: 1px solid #4c98ff;
        background: #e1f9ff;
    }
    .createRoom .mainPart .blueBack .selectPart .selectList .selectItem .selectText .ptext {float: left;width: 1.6rem;}
    .createRoom .mainPart.yh .blueBack .selectPart .selectTitle{
        color: #374994;
    }
    .createRoom .mainPart.yh .createTitle{
        display:none;
    }
    .createRoom .mainPart .blueBack .selectPart{
        font-size: 0.28rem;
    }
    .createRoom .mainPart .blueBack .selectPart.font_big{
        font-size: 0.34rem;
    }
    .notice {
        position: relative;
        margin-top: 1.5vh;
        bottom: 1vh;
        line-height: 6vh;
        text-align: center;
        font-size: 12px;
        color: #374994;
        background: url(../images/hall/mask-tips-text.png)no-repeat left bottom;
        background-size: 100% auto;
    }
    .createRoom .mainPart.yh .createB{
        display:none;
    }
    .createRoom .mainPart.yh .createB.yh{
        display:block !important;
        width: 96%;
        height: 96%;
        top: 2%;
        left: 2%;
        position: absolute;
        background-color: #d1e2f6;
        border-radius: .0768rem;
        border:none;
    }
    .createRoom .mainPart.yh .createB.yh:before {
        content: '';
        position: absolute;
        top: 2%;
        left: 1.5%;
        width: 96%;
        height: 96%;
        border: .0144rem solid #95b8e1;
        -webkit-border-radius: .024rem;
        -moz-border-radius: .024rem;
        border-radius: .024rem;
        z-index: 0;
    }
    .createRoom .mainPart.yh .mask-icon {
        position: absolute;
        width: 0.6rem;
        height: 0.6rem;
    }
    .createRoom .mainPart.yh .mask-icon.mask-top {
        top: 2%;
        left: 2%;
        background: url(../images/common/mask-top.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .createRoom .mainPart.yh .mask-icon.mask-right {
        top: 2%;
        right: 2%;
        background: url(../images/common/mask-right.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .createRoom .mainPart.yh .mask-icon.mask-bottom {
        bottom: 1.5%;
        right: 2%;
        background: url(../images/common/mask-bottom.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .createRoom .mainPart.yh .mask-icon.mask-left {
        bottom: 1.5%;
        left: 2%;
        background: url(../images/common/mask-left.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .createRoom .mainPart .createCommit{
        margin-top: 20px;
        background: url(../images/common/button2.png);
        background-size: 100%;
        text-align: center;
        height:7vh;
        background-repeat: no-repeat;
    }
    .phone-number-box {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 100;
        background-color: rgba(0, 0, 0, .8);
    }

    .phone-number-box input {
        border: none;
        outline: none;
        background: none;
    }

    .phone-number-box .phone-number {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 80%;
        background: rgba(255, 255, 255, .2) url(../images/newgame/phone-number-bg1.png) repeat-x left bottom;
        background-size: auto .5520rem;
        -webkit-border-radius: .0720rem;
        -moz-border-radius: .0720rem;
        border-radius: .0720rem;
    }

    .phone-number-box .phone-number-content {
        height: 1.5360rem;
        margin: .0720rem;
        background-color: #fff2d8;
        -webkit-border-radius: .0720rem;
        -moz-border-radius: .0720rem;
        border-radius: .0720rem;
    }

    .phone-number-box .phone-number .tips-text {
        padding: 0.5rem 0 0.5rem 0;
        color: #844830;
        text-align: center;
        font-size: 1rem;
    }

    .phone-number-box .phone, .phone-number-box .phone-code {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        height: 2rem;
    }

    .phone-number-box .phone {
        top: 2.5rem;
    }

    .phone-number-box .phone-code {
        top: 1.0560rem;
    }

    .phone-number-box .phone-code input, .phone-number-box .phone input {
        position: absolute;
        width: 100%;
        height: 2rem;
        background: #ebc1a8;
        padding: 0 .1440rem;
        -webkit-border-radius: .2rem;
        -moz-border-radius: .2rem;
        border-radius: .2rem;
        color: #fff;
        font-size: 0.8rem;
    }

    input::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .phone-number-box .phone-code input {
        padding-right: 1.2000rem;
    }

    .phone-number-box .phone-btn2, .phone-number-box .phone-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: .9120rem;
        height: .3840rem;
        line-height: .3840rem;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        font-size: .132rem;
    }

    .phone-number-box .phone-btn {
        background: url(../images/newgame/phone-btn.png) no-repeat;
        background-size: 100% 100%;
    }

    .phone-number-box .phone-btn2 {
        color: #dcdcdc;
        background: url(../images/newgame/phone-btn1.png) no-repeat;
        background-size: 100% 100%;
    }

    .phone-number-box .phone-sure {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0.5rem;
        margin: 0 auto;
        width: 32%;
        height: 2rem;
        background: url(../images/newgame/btn.png) no-repeat;
        background-size: 100% 100%;
        font-family: 黑体;
        color: #feead2;
        font-size: 0.8rem;
        border-radius: .5rem;
    }

    .phone-number-box .close-window {
        position: absolute;
        top: -0.5rem;
        right: -0.5rem;
        width: 2rem;
        height: 2rem;
        background: url(../images/newgame/game-close.png) no-repeat 0 0 / 100% 100%;
    }
    .notice{display:none;}
    .flower_tip{
        color: #fff;
    }
    .partBack {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: #000;
        opacity: .5;
        z-index: 99;
        display: none;
    }
    .gamePart {
        position: fixed;
        bottom: 128vw;
        left: 0;
        width: 100%;
        height: 128vw;
        background: url(../images/hall/back.png);
        background-size: 100% 100%;
        margin-bottom: -128vw;
        -webkit-transition: all .4s;
        transition: all .4s;
        overflow: scroll;
        z-index: 100;
    }
    .hide {
        bottom: 0;
    }
    .guiding .bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 14vw;
        line-height: 14vw;
        text-align: center;
        color: #b4b2bf;
        z-index: 100;
        background: #fff;
        font-size: 4vw;
        background: url("../images/index/main_tab_bg.png");
        background-size: 100% 100%;
    }

    .guiding .bottom .item {
        position: fixed;
        width: 33%;
        height: 100%;
    }

    .guiding .bottom .item img {
        position: absolute;
        width: 15vw;
        height: 15vw;
        margin-left: -7.5vw;
        left: 50%;
        margin-top: -3.5vw;
    }

    .guiding .bottom .selected {
        color: #28125b
    }

    /*.guiding .bottom .selected img{position: absolute;width: 10vw;height: 10vw;margin-left: -5vw;left: 50%;margin-top: 3vw;}*/

    .guiding .newApply {
        position: absolute;
        left: 60%;
        top: 1%;
        background: #f15352;
        color: #fff;
        text-align: center;
        width: 5vw;
        height: 5vw;
        border-radius: 2.5vw;
        line-height: 5.5vw;
        font-size: 3vw;
    }

    .guiding .newApplySelected {
        position: absolute;
        left: 60%;
        top: 1%;
        background: #f15352;
        color: #fff;
        text-align: center;
        width: 5vw;
        height: 5vw;
        border-radius: 2.5vw;
        line-height: 5.5vw;
        font-size: 3vw;
    }

    .guiding .alertB {
        position: fixed;
        z-index: 9997;
        width: 150px;
        height: 150px;
        top: 50%;
        left: 50%;
        margin-top: -75px;
        margin-left: -75px;
        border-radius: 5px;
        overflow: hidden;
    }

    .guiding .alertB .alertBackgroundB {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
        background: #000;
        height: 100%;
        width: 100%;
    }

    .guiding .alertB img {
        position: absolute;
        top: 10px;
        left: 29px;
    }

    .guiding .alertB .alertTextB {
        position: absolute;
        top: 100px;
        width: 150px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        filter: alpha(opacity=95);
        -moz-opacity: 0.95;
        opacity: 0.95;
    }
    #app-person .backcolor {
        background: #391121;
        opacity: .9;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #app-person .delete{position: fixed;top:0;left:0;width:100%;height: 100%;z-index: 102;}
    #app-person .head{position: relative;
        width: 100%;
        height: 20vw;
        overflow: hidden;
        font-size: 4vw;
        color: white;
    }
    #app-person .head .avatar {
        position: absolute;
        top: 2vw;
        left: 5vw;
        width: 16vw;
        height: 16vw;
    }
    #app-person .head .avatar img {
        position: absolute;
        border-radius: 1.2vw;
        width: 100%;
        height: 100%;
    }
    #app-person .head .name {
        position: absolute;
        top: 2.5vw;
        left: 25vw;
        width: 60vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 4.5vw;
    }
    #app-person .head .id {
        position: absolute;
        bottom: 1vw;
        left: 25vw;
        width: 60vw;
        height: 6vw;
        line-height: 6vw;
        font-size: 3.5vw;
    }
    #app-person .rest {
        position: relative;
        height: 4.5vw;
        border-top: 0vw solid #d9d9d9;
        margin-top: 1vw;
    }
    #app-person .item {
        position: relative;
        height: 13.75vw;
        overflow: hidden;
        border-top: 0vw solid #d9d9d9;
        color: white;
        margin-top: 1vw;
    }
    #app-person .rcIcon {
        position: absolute;
        top: 3vw;
        left: 5vw;
        width: 8vw;
        height: 8vw;
    }
    #app-person .rcArrow {
        position: absolute;
        right: 3vw;
        top: 4.0625vw;
        width: 5.625vw;
        height: 5.625vw;
    }
    #app-person .rcContent {
        position: absolute;
        left: 15.375vw;
        width: 50vw;
        height: 13.75vw;
        line-height: 13.75vw;
        font-size: 4vw;
    }
    #app-person .groupMenuDetail {
        position: relative;
        height: 27.5vw;
        margin-top: 1vw;
        overflow: hidden;
    }
    #app-person .rightText {
        position: absolute;
        right: 9vw;
        top: 0;
        height: 13.75vw;
        line-height: 13.75vw;
        font-size: 12pt;
        opacity: .8;
    }
    #app-person .delete .box{position: absolute;top:25vw;left:5vw;width:90%;height: 78vw;border-radius:1.5vw;background: #fff;}
    #app-person .delete .box .title{text-align: center;line-height: 16vw;font-size: 4.5vw;}
    #app-person .delete .box .info{line-height: 10vw;font-size: 4vw;width: 70vw;margin-left: 10vw;margin-top: 4vw;}
    #app-person .delete .box .info img{height: 10vw;width:10vw;float: left;}
    #app-person .delete .box .info .name{float: left;margin-left: 3vw}
    #app-person .delete .box input{margin-left: 10vw;width: 66vw;background: #f0f0f2;border-radius:1.5vw;height: 11vw;margin-top:5vw;padding: 0 2vw;font-size: 4vw;}
    #app-person .delete .box .button{margin-left: 25vw;width: 40vw;background: #ff5555;color: #fff;border-radius:1.5vw;height: 11vw;margin-top:10vw;text-align: center;line-height: 11vw;font-size: 3.6vw;}
    #app-person .delete .box .note{position: absolute;width: 70vw;left:10vw;color: #ff5555;font-size:3vw;}


    #app-person .clubMemberBox {position: fixed;width: 100%;height: 100%;left:0;top: 0;background: #0e0226;z-index: 100;}

    .phoneMask {
        position: fixed;
        z-index: 98;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .phoneFrame {
        position: fixed;
        z-index: 99;
        width: 80vw;
        max-width: 80vw;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -60%);
        background-color: #fff;
        text-align: center;
        border-radius: 8px;
        overflow: hidden;
        opacity: 1;
        color: white;
    }

    .phoneFrame .title {
        padding: 1vw;
        font-size: 4vw;
        line-height: 5vw;
        word-wrap: break-word;
        word-break: break-all;
        color: #000;
        background-color: white;
    }

    .phoneFrame .phoneRow {
        position: relative;
        height: 15vw;
        word-wrap: break-word;
        word-break: break-all;
        color: #000;
        background-color: white;
        border-top: solid;
        border-color: #e6e6e6;
        border-width: 0px;
    }

    .phoneFrame .phoneRow input {
        padding: 0 12px 0 12px;
        position: absolute;
        left: 4vw;
        height: 11vw;
        line-height: 6.5vw;
        border-style: solid;
        border-width: 1px;
        border-radius: 0.5vh;
        border-color: #e6e6e6;
        font-size: 4vw;
        -webkit-appearance: none;
    }

    .phoneFrame .phoneRow .sendCode {
        position: absolute;
        top: 2.5vw;
        right: 4vw;
        width: 22vw;
        height: 10vw;
        line-height: 10vw;
        background-color: rgb(211, 211, 211);
        font-size: 3.5vw;
        border-radius: 0.5vh;
        color: white;
    }

    .phoneFrame .phoneBind {
        position: relative;
        left: 4vw;
        width: 72vw;
        line-height: 10vw;
        font-size: 4vw;
        display: flex;
        border-radius: 2vw;
    }

    .phoneFrame .phoneBind .bind {
        display: block;
        -webkit-box-flex: 1;
        flex: 1;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        margin-bottom: 0;
        color: rgb(255, 255, 255);
        border-top: solid;
        border-color: #e6e6e6;
        border-width: 0px;
        background-color: rgb(64, 112, 251);
        border-radius: 1vw;
    }
    .page-item{
        position: absolute;
        width: 414px;
        height: 56.925px;
        overflow: hidden;
        background-color: rgb(41, 28, 77);
    }

    #app-person .delete .box {
        position: absolute;
        top: 25vw;
        left: 5vw;
        width: 90%;
        height: 78vw;
        border-radius: 1.5vw;
        background: #fff;
    }

    #app-person .delete .box .title {
        text-align: center;
        line-height: 16vw;
        font-size: 4.5vw;
    }

    #app-person .delete .box .info {
        line-height: 10vw;
        font-size: 4vw;
        width: 70vw;
        margin-left: 10vw;
        margin-top: 4vw;
    }

    #app-person .delete .box .info img {
        height: 10vw;
        width: 10vw;
        float: left;
    }

    #app-person .delete .box .info .name {
        float: left;
        margin-left: 3vw
    }

    #app-person .delete .box input {
        margin-left: 10vw;
        width: 66vw;
        background: #f0f0f2;
        border-radius: 1.5vw;
        height: 11vw;
        margin-top: 5vw;
        padding: 0 2vw;
        font-size: 4vw;
    }

    #app-person .delete .box .button {
        margin-left: 25vw;
        width: 40vw;
        background: #ff5555;
        color: #fff;
        border-radius: 1.5vw;
        height: 11vw;
        margin-top: 10vw;
        text-align: center;
        line-height: 11vw;
        font-size: 3.6vw;
    }

    #app-person .delete .box .note {
        position: absolute;
        width: 70vw;
        left: 10vw;
        color: #ff5555;
        font-size: 3vw;
    }

    #app-person .groupMenuDetail {
        position: relative;
        height: 27.5vw;
        margin-top: 1vw;
        overflow: hidden;
    }
    .pointBag{}
    .pointBox{
        filter:alpha(opacity=50); /*IE*/
        -moz-opacity:50; /*FireFox*/
        opacity:0.5;
        background:#000;
        border-radius:8px;
        width:160px;height:160px;position:fixed;top:50%;left:50%;margin-left:-80px;margin-top:-80px;
        z-index:999;
        position: fixed;
    }
    .pointIcon{
        position:fixed;top:50%;left:50%;margin-left:-42px;margin-top:-70px;z-index:999;
    }
    .pointTxt{
        position:fixed;top:50%;left:50%;text-align:center;color:#fff;font-size:18px; margin-top:30px; width:160px;margin-left:-80px;z-index:999;
    }
    .pointIcon2{
        position:fixed;top:50%;left:50%;float:left;margin-left:-50px;margin-top:-70px;z-index:999;
    }
    .greyBack {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .5;
    }
    #app-game .switch {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 16;
    }

    #app-game .switch .box {
        position: absolute;
        top: 12vw;
        left: 5vw;
        width: 90%;
        border-radius: 1.5vw;
        background: #fff;
    }

    #app-game .switch .box .title {
        text-align: center;
        line-height: 16vw;
        font-size: 4.5vw;
    }

    #app-game .switch .box .groupList {
        width: 80vw;
        margin: 0 auto;
        border-radius: 1.5vw;
        max-height: 90vw;
        overflow: scroll;
    }

    #app-game .switch .box .groupList .groupItem {
        height: 14vw;
        margin-top: .5vw;
        background: #f1f1f1;
        font-size: 4vw;
        color: #177ad7;
    }

    #app-game .switch .box .groupList .groupItem img {
        float: left;
        width: 11vw;
        height: 11vw;
        border-radius: 1.5vw;
        margin-left: 4vw;
        margin-top: 1.5vw;
    }

    #app-game .switch .box .groupList .groupItem .name {
        float: left;
        line-height: 14vw;
        margin-left: 3vw;
    }
    #app-game .table2 {
        position: absolute;
        width: 10vw;
        height: 10vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }

    #app-game .table3 {
        position: absolute;
        width: 10vw;
        height: 10vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }

    #app-game .table4 {
        position: absolute;
        width: 10vw;
        height: 10vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }

    #app-game .table6 {
        position: absolute;
        width: 10vw;
        height: 10vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }

    #app-game .table9 {
        position: absolute;
        width: 9vw;
        height: 9vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }

    #app-game .table12 {
        position: absolute;
        width: 9vw;
        height: 9vw;
        border-radius: 0.5vw;
        border-style: solid;
        border-width: 1px;
        border-color: rgb(252, 242, 201);
    }