body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ margin:0; padding:0} 
body{ font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA; background:#fff; -webkit-text-size-adjust:100%; } 
a{ color:#2d374b; text-decoration:none} 
a:hover{ color:#cd0200; text-decoration:underline} 
em{ font-style:normal} 
li{ list-style:none} 
img{ border:0; vertical-align:middle} 
table{ border-collapse:collapse; border-spacing:0} 
p{ word-wrap:break-word} 
body{ background: #f7f7f7; }
input,textarea,select,button{outline: none;font-size: 15px;color:#333;padding: 0;margin: 0;}
button{border: none;}
table{border-collapse:collapse; border: 1px solid #c1c1c1;}
.layer{ position: absolute; left:0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.3); z-index: 999; }
.clear:after{content: '';height: 0;clear:both;display: block;}


input:focus,textarea:focus,select:focus {
    border-color: #66afe9!important;
    outline: 0!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)!important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)!important;
}


::-webkit-input-placeholder{ color:#a1a1a1; }
::-moz-placeholder{ color:#a1a1a1; }
:-moz-placeholder{ color:#a1a1a1; }
:-ms-input-placeholder{ color:#a1a1a1; }

.none{display: none!important;}


/*i,em,b{ font-style: normal; font-weight: normal; }*/
.flexP1{ flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; }
.disFlex{ display: -webkit-box; display: box; display: -webkit-flex; display: flex; }
.widAuto{ -webkit-box-pack: center; box-pack: center; -webkit-justify-content: center; justify-content: center; }   /*水平居中*/
.widStart{ -webkit-box-pack: start; box-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; }   /*水平左对齐*/
.widEnd{ -webkit-box-pack: end; box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }   /*水平右对齐*/
.heiAuto{ -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; } /*垂直居中*/
.heiStart{ -webkit-box-align: start; box-align: start; -webkit-align-items: flex-start; align-items: flex-start; } /*垂直左对齐*/
.heiEnd{ -webkit-box-align: end; box-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /*垂直右对齐*/
.borBox{ box-sizing: border-box; }
.columnFlex{ /*-webkit-box-direction:normal; box-direction:normal; */-webkit-box-orient:vertical; box-orient:vertical; -webkit-flex-direction:column; flex-direction:column; } /*竖向排列*/
.jcb { -webkit-box-pack: justify; -webkit-justify-content: space-between; box-pack: justify; justify-content: space-between; }
.threeFlex{ width: 33.3%; flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; }
.twoFlex{ width: 50%; flex: 1; -webkit-flex: 1; box-flex:1; -webkit-box-flex:1; }


/* 登录弹窗 */

/* 主界面侧边栏 */
/*.menuView{ width: 229px; border-right: 1px solid #D9D9D9; position: fixed; left: 0; top: 0; bottom: 0; z-index: 666; box-shadow: 1px 1px 20px rgba(0,0,0,.3); -webkit-box-shadow: 1px 1px 20px rgba(0,0,0,.3); background: #f9f9f9; -webkit-animation:showMenuView 0.3s ease-in; animation:showMenuView 0.3s ease-in; }
@-webkit-keyframes showMenuView{
	0% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
	100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
@keyframes showMenuView{
	0% { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
	100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
*/


.gameView{
	width: 1220px;
	height: 800px;
	background-repeat: no-repeat;
	background-position: center center no-repeat;
	background-size: cover;
	margin: 30px auto;
	position: relative;
	background-color: #317C5D;
}
.gameBg{ width: 100%; height: 100%; background: #000; opacity: 0.2; }
.pokerBox{ position: absolute; left:0; right: 0; top: 0; bottom: 0; z-index: 9999; }
.pokerBr{ width: 100px; height: 148px; border: 1.5px dashed #e1e1e1; position: absolute; left: 20px; top: 20px; box-sizing: border-box; border-radius:7px; z-index: 666; }
.pokerLine{ width: 100px; position: absolute; left: 20px; top: 20px; bottom: 190px; z-index: 667; }
.pokerLi{ width: 100px; height: 38px; z-index: 667; /*opacity: 0.1*/}
.pokerLi .img{ width: 100px; height: 148px; border:1px solid #666; box-sizing: border-box; overflow: hidden; border-radius: 7px; }
.pokerLi .img img{ width: 100%; display: none; }
.pokerLi[isOpen="no"] img[name="back"]{ display: block; }
.pokerLi[isOpen="yes"] img[name="face"]{ display: block; }
.pokerLi[state="move"]{ opacity: 0.6; }
.pokerDeposit{ width: 100px; height: 148px; position: absolute; left: 20px; bottom: 20px; z-index: 668; }
.pokerLine .pokerLi.importantClass{ position: relative; left: 0!important; top: 0!important; }
.pokerDeposit .pokerLi{ position: absolute; left: 0; top: 0; }
.pokerMoveGroup{ display: none; width: 100px; position: fixed; left: 0; top: 0; z-index: 669; }
.pokerMoveGroup .pokerLi{ position: relative; left: 0!important; top: 0!important; }
.pokerDoneGroup{ width: 100px; height: 148px; position: absolute; right: 20px; bottom: 20px; z-index: 668; }
.pokerDoneGroup .pokerLi{ position: absolute!important; left: 0!important; top: 0!important; z-index: 999; }



.gAlert{ position: fixed; left: 50%; margin-left: -200px; width: 400px; top: -300px; background: rgba(0,0,0,0.8); z-index: 9999; font-size: 16px; color:#efefef; border-radius: 8px; transition: top 0.4s ease-in-out; }
.gAlert .txt{ line-height: 24px; padding: 8px 12px; text-align: justify; }
.gAlert .tool{ padding: 6px 0 16px 0; }
.gAlert .btn{ font-size: 14px; padding: 0 8px; line-height: 30px; border-radius: 6px; text-align: center; min-width: 60px; cursor: pointer; }
.gAlert .btn1{ background: #cc650d; }
.gAlert .btn2{ background: #529a25; margin-left: 28px; }
.gAlert .btn3{ background: #1c99ad; margin-left: 28px; }
.gAlert .btn1:hover{ background: #ab550c; }
.gAlert .btn2:hover{ background: #427b1e; }
.gAlert .btn3:hover{ background: #178394; }
.gAlert.out{ top: -300px!important; }