.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("commonxmz67/files/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("../../files/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:400vw;top:24vw;z-index: 98;position: relative; width: 82%;left: 50%; margin-left: -41%;}
.entrance .img1{background: url("../../files/images/gameicon/icon_bull6.png");}
.entrance .img2{background: url("../../files/images/gameicon/icon_laibull.png");}
.entrance .img3{background: url("../../files/images/gameicon/icon_sangong.png");}
.entrance .img4{background: url("../../files/images/gameicon/icon_flower.png");}
.entrance .img5{background: url("../../files/images/gameicon/icon_landlord.png");}
.entrance .img6{background: url("../../files/images/gameicon/icon_majiang.png");}
.entrance .img7{background: url("../../files/images/gameicon/icon_paijiu.png");}
.entrance .img8{background: url("../../files/images/gameicon/icon_erbagang.png");}
.entrance .img9{background: url("../../files/images/gameicon/icon_yxx.png");}
.entrance .img10{background: url("../../files/images/gameicon/icon_dcx.png");}
.entrance .img11{background: url("../../files/images/gameicon/icon_dxbull.png");}
.entrance .img12{background: url("../../files/images/gameicon/icon_s13s.png");}
.entrance .img16{background-image: url("../../files/images/gameicon/icon_flower2.png");}
.entrance .img17{background-image: url("../../files/images/gameicon/icon_dpaijiu.png");}
.entrance .img18{background-image: url("../../files/images/gameicon/icon_jia31.png");}
.entrance .img19{background-image: url("../../files/images/gameicon/icon_majianghz.png");}
.entrance .img20{background-image: url("../../files/images/gameicon/icon_flowerxp.png");}
.entrance .img21{background-image: url("../../files/images/gameicon/icon_flowermp.png");}
/* 三个牛牛游戏 */
.entrance .img13{background: url("../../files/images/gameicon/icon_cbull6.png");}
.entrance .img14{background: url("../../files/images/gameicon/icon_bull10.png");}
.entrance .img15{background: url("../../files/images/gameicon/icon_bull13.png");}
.entrance .img34{background: url("../../files/images/gameicon/icon_bullx.png");}
.entrance .img40{background: url("../../files/images/gameicon/icon_gdy.png");}
.entrance .img41{background: url("../../files/images/gameicon/icon_dice.png");}
.entrance .img42{background: url("../../files/images/gameicon/icon_21.png");}
.entrance .img43{background: url("../../files/images/gameicon/icon_sm.png");}
.entrance .img44{background: url("../../files/images/gameicon/icon_dzpk.png");}
.entrance .img45{background: url("../../files/images/gameicon/icon_pdk.png");}
.entrance .img46{background: url("../../files/images/gameicon/icon_bullx_new.png");}
.entrance .imgzjhold{background: url("../../files/images/gameicon/icon_zjh_old.png");}
.entrance .imgzjhnew{background: url("../../files/images/gameicon/icon_zjh_new.png");}
.entrance .imgsgold{background: url("../../files/images/gameicon/icon_sg_old.png");}
.entrance .imgsgnew{background: url("../../files/images/gameicon/icon_sg_new.png");}

.entrance .img{float:left;width: 36vw;height:42vw;background-size:36vw 42vw;margin-bottom: 3vw;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("../../files/images/gameicon/sicon_bull6.png");top: 6vw;left: 9vw;}
.imgB9 {background: url("../../files/images/gameicon/sicon_bull9.png");top: 6vw;left: 9vw;}
.imgB10 {background: url("../../files/images/gameicon/sicon_bull10.png");top: 6vw;left: 9vw;}
.imgB12 {background: url("../../files/images/gameicon/sicon_bull12.png");top: 6vw;left: 9vw;}
.imgBl {background: url("../../files/images/gameicon/sicon_laibull.png");top: 6vw;left: 9vw;}
.imgBdxbull {background: url("../../files/images/gameicon/icon_dxbull.png");top: 6vw;left: 9vw;}
.imgxbull {background: url("../../files/images/gameicon/sicon_dxbull.png");top: 6vw;left: 9vw;}
.imgF6 {background: url("../../files/images/gameicon/sicon_flower6.png");top: 6vw;left: 9vw;}
.imgF9 {background: url("../../files/images/gameicon/sicon_flower9.png");top: 6vw;left: 9vw;}
.imgF12 {background: url("../../files/images/gameicon/sicon_flower12.png");top: 6vw;left: 9vw;}
.imgFxp {background: url("../../files/images/gameicon/sicon_flowerxp.png");top: 6vw;left: 9vw;}
.imgFhp {background: url("../../files/images/gameicon/sicon_flowerhp.png");top: 6vw;left: 9vw;}
.imgFcj {background: url("../../files/images/gameicon/sicon_flowercj.png");top: 6vw;left: 9vw;}
.imgFlz {background: url("../../files/images/gameicon/sicon_flowerlz.png");top: 6vw;left: 9vw;}
.imgS6 {background: url("../../files/images/gameicon/sicon_sangong6.png");top: 6vw;left: 9vw;}
.imgS9 {background: url("../../files/images/gameicon/sicon_sangong9.png");top: 6vw;left: 9vw;}
.imgJia {background: url("../../files/images/gameicon/sicon_jia31.png");top: 6vw;left: 9vw;}
.imgDcx {background: url("../../files/images/gameicon/sicon_dcx.png");top: 6vw;left: 9vw;}
.imgP8 {background: url("../../files/images/gameicon/sicon_dpaijiu.png");top: 6vw;left: 9vw;}
.imgP9 {background: url("../../files/images/gameicon/sicon_paijiu.png");top: 6vw;left: 9vw;}
.imgMj {background: url("../../files/images/gameicon/sicon_majiang.png");top: 6vw;left: 9vw;}
.imgS13s {background: url("../../files/images/gameicon/sicon_s13s.png");top: 6vw;left: 9vw;}

.img60 {background: url("../../files/images/gameicon/sicon_a1.png");top: 6vw;left: 9vw;}
.img61 {background: url("../../files/images/gameicon/sicon_a2.png");top: 6vw;left: 9vw;}
.img62 {background: url("../../files/images/gameicon/sicon_a3.png");top: 6vw;left: 9vw;}
.img63 {background: url("../../files/images/gameicon/sicon_a4.png");top: 6vw;left: 9vw;}
.img64 {background: url("../../files/images/gameicon/sicon_a5.png");top: 6vw;left: 9vw;}
.img65 {background: url("../../files/images/gameicon/sicon_a6.png");top: 6vw;left: 9vw;}
.img66 {background: url("../../files/images/gameicon/sicon_a7.png");top: 6vw;left: 9vw;}
.img67 {background: url("../../files/images/gameicon/sicon_a8.png");top: 6vw;left: 9vw;}
.img68 {background: url("../../files/images/gameicon/sicon_a9.png");top: 6vw;left: 9vw;}
.img69 {background: url("../../files/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("../../files/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("../../files/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(../../files/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(../../files/images/common/mask-top.jpg) no-repeat;
	background-size: 100% 100%;
}
.createRoom .mainPart.yh .mask-icon.mask-right {
	top: 2%;
	right: 2%;
	background: url(../../files/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(../../files/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(../../files/images/common/mask-left.jpg) no-repeat;
	background-size: 100% 100%;
}
.createRoom .mainPart .createCommit{
	margin-top: 20px;
	background: url(../../files/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(../../files/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(../../files/images/newgame/phone-btn.png) no-repeat;
	background-size: 100% 100%;
}

.phone-number-box .phone-btn2 {
	color: #dcdcdc;
	background: url(../../files/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(../../files/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(../../files/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(../../files/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("../../files/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);
}