/* jQuery Bracket | Copyright (c) Teijo Laine 2011-2013 | Licenced under the MIT licence */

.floatfix{ height:100%; overflow:auto;}
.clearfix{ overflow:auto;_height:1%}/*以上两个类表现一样*/
div.jQBracket {
	font-family:Arial;
	font-size:14px;
	position:relative;
    line-height:1;
    
    /*border:1px solid red;*/
}
div.jQBracket.final{
    position:absolute;
}
div.jQBracket .tools {
	position:absolute;
	top:0;
	color:#fff
}
div.jQBracket .tools span {
	cursor:pointer;
	margin:5px;
	display:block;
	text-align:center;
	width:18px;
	height:18px;
	background-color:#666
}
div.jQBracket .tools span:hover {
	background-color:#999
}
div.jQBracket .finals {
	float:right;
	right:0;
	clear:right;
	position:relative
}
div.jQBracket.PC .bracket {
	float:left;
	clear:left;
    
    /*border:1px solid blue;*/
}
div.jQBracket.PC .loserBracket {
	float:right;
	clear:left;
	position:relative
}

div.jQBracket.PC .round {
	position:relative;
	width:140px;
	margin-right:40px;
	float:left;
    
    /*border:1px solid #000;*/
}
div.jQBracket .round .roundtitle{
    background-color:#333;
    color:#fff;
    text-align:center ;
    height:1.5rem;
    line-height:1.5rem;
    font-size:.875rem;
    border:1px solid #000;

    margin-right:-38px;
    
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px; 

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
}
div.jQBracket .groupinfo{
    height:58px;
    width:140px;

    border:1px solid #ccc;
    
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px; 

    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;  
}
div.jQBracket .groupinfo .groupinfotitle{    
	padding:6px;
    border-bottom:2px solid #ccc ;
}
div.jQBracket .groupinfo .groupinfodetail {
    padding:6px;
    color:red;
    text-align:center;
}
div.jQBracket .group{
    position:absolute ;
    background:#bbb ;
    border:1px solid #999;
    padding:8px;
    top:28px ;
    left:150px;
    z-index:10000;
    display:none;
}
div.jQBracket .match {
	position:relative;
    height:80px;
    
    /*border:1px solid red;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .teamContainer {
	z-index:1;
	position:relative;
	float:left;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
    /*border:1px solid #000;*/
}
div.jQBracket .editable {
	cursor:pointer
}
div.jQBracket .teamContainer .team .lotindex{
    position:absolute;
    font-size:12px;
    padding:5px 0px;
    left:-30px;
    top:1px;
    width:23px;
    height:23px;
    text-align:center;
    color:#fff;
    background-color:green;

    border:1px solid #000;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%; 
      
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket.double .teamContainer .team .lotindex {
    top:.375rem;
}
div.jQBracket .team {
	position:relative;
	z-index:1;
	float:left;
	background-color:#eee;
	width:140px;
	cursor:default;

    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
    border:1px solid #ccc;

    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}
div.jQBracket .team.select{
    background:green;
}
div.jQBracket .team:first-child {
	/*border-bottom:1px solid #999*/
    margin-bottom:2px;
}
div.jQBracket .team input {
	font-size:12px;
	padding:0;
	width:inherit;
	border:0;
	margin:0
}
div.jQBracket .team div.label span{
    position:absolute;
    top:.125rem;
    left:auto;
    right:.25rem;
    /*position:relative;
    top:-.375rem;
    left:.25rem;*/
    font-size:.75rem;
    font-family:'Arial'; 
    color:red;
}
div.jQBracket .team div.label {/*此处label高度由文字及padding决定，外层由score决定，因为设置了absolute*/
	padding:6px;
	position:absolute;/*display:inline-block;也可以但width要减小一点点*/    
	width:110px;/*label 为absolute，设置高度无用,float或固定均设置有效，因为外层team也是浮动*/
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    text-align:left;

    /*border:1px solid blue;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .team div.label[disabled] {
	cursor:default
}
div.jQBracket .team div.score {
	float:right;/*外层float div 的高度由内层float div的实际高度决定,不设height情况下是由padding 文字大小加起来的12+14=26*/
	padding:6px 0;/*三盘时左右可以改动，上下不动*/
	background-color:rgba(255,255,255,.3);
	text-align:center;
	width:30px;
    /*overflow:hidden;*/
    /*height:26px;*//*计算后为26 可以不设*/
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .team div.score[disabled] {
	color:#999;
	cursor:default
}
div.jQBracket .team div.grouprank{
    position:absolute;
    font-size:12px;
    padding:5px;
    right:-36px;
    top:1px;
    width:32px;
    height:28px;
    text-align:center;
    color:red;   
    z-index:10;   
}
div.jQBracket .team div.label input.error,div.jQBracket .team div.score input.error {
	background-color:#fcc
}
div.jQBracket .team.np {
	background-color:#666;
	color:#eee
}
div.jQBracket .team.na {
	background-color:#999;
	color:#ccc
}
div.jQBracket .team.win {
	color:#333
}
div.jQBracket .team.win div.score {
	color:#060
}
div.jQBracket .team.lose div.score {
	color:#900
}
div.jQBracket .team.lose {
	background-color:#ddd;
	color:#999
}
div.jQBracket .team.tie div.score {
	color:#00f
}
div.jQBracket .team.highlightWinner {
	background-color:#da0;
	color:#000
}
div.jQBracket .team.highlightLoser {
	background-color:#ccc;
	color:#000
}
div.jQBracket .team.highlight {
	background-color:#3c0;
	color:#000
}
div.jQBracket .connector {
	position:absolute;
	border:2px solid #666;
	border-left-style:none;
	z-index:1;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .connector div.connector {
	position:absolute;
	border:0;
	border-bottom:2px solid #666;
	height:0;

    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .connector.highlightWinner,div.jQBracket .connector div.connector.highlightWinner {
	border-color:#da0
}
div.jQBracket .connector.highlightLoser,div.jQBracket .connector div.connector.highlightLoser {
	border-color:#ccc
}
div.jQBracket .connector.highlight,div.jQBracket .connector div.connector.highlight {
	border-color:#0c0
}
div.jQBracket .np .connector,div.jQBracket .np .connector div.connector {
	border-color:#222
}
div.jQBracket .bubble {
	position:absolute;
	height:22px;
	line-height:22px;
	width:30px;
	right:-35px;
	text-align:center;
	font-size:11px;
    background-color:#ccc;
    color:#fff;
    z-index:999;
}
div.jQBracket .bubble.third {
	background-color:#963;
	color:#d95
}
div.jQBracket .bubble.fourth {
	background-color:#678;
	color:#ccd
}
div.jQBracket .bubble:after {
	content:"";
	position:absolute;
	top:6px;
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid transparent;
    z-index:999;
}
div.jQBracket .bubble:after {
	left:-5px;
	border-left:0;
    border-right:5px solid #ccc;
}
div.jQBracket .bubble.third:after {
	border-right:6px solid #963
}
div.jQBracket .bubble.fourth:after {
	border-right:6px solid #678
}
div.jQBracket .highlightWinner .bubble {
	background-color:#da0;
	color:#960
}
div.jQBracket .highlightWinner .bubble:after {
	border-right-color:#da0
}
div.jQBracket .highlightLoser .bubble {
	background-color:#ccc;
	color:#333
}
div.jQBracket .highlightLoser .bubble:after {
	border-right-color:#ccc
}
div.jQBracket.rl .finals {
	float:left;
	left:0;
	clear:left
}
div.jQBracket.rl .bracket {
	float:left;
	clear:right
}
div.jQBracket.rl .loserBracket {
	float:left;
	clear:right
}
div.jQBracket.rl .round {
	margin-right:0;
	margin-left:40px;
	float:right
}
div.jQBracket.rl .team {
	float:right
}
div.jQBracket.rl .team div.label {
	right:0
}
div.jQBracket.rl .team div.score {
	float:left
}
div.jQBracket.rl .teamContainer {
	float:right
}
div.jQBracket.rl .connector {
	border-left-style:solid;
	border-right-style:none;
	border-width:2px
}
div.jQBracket.rl .connector.highlightWinner,div.jQBracket.rl .connector div.connector.highlightWinner {
	border-color:#da0
}
div.jQBracket.rl .connector.highlightLoser,div.jQBracket.rl .connector div.connector.highlightLoser {
	border-color:#ccc
}
div.jQBracket.rl .connector.highlight,div.jQBracket.rl .connector div.connector.highlight {
	border-color:#0c0
}
div.jQBracket.rl .bubble {
	left:-35px
}
div.jQBracket.rl .bubble.third {
	background-color:#963;
	color:#310
}
div.jQBracket.rl .bubble.fourth {
	background-color:#678;
	color:#ccd
}
div.jQBracket.rl .bubble:after {
	left:auto;
	right:-5px;
	border-left:5px solid transparent;
	border-right:0
}
div.jQBracket.rl .bubble.third:after {
	border-right:0;
	border-left:6px solid #963
}
div.jQBracket.rl .bubble.fourth:after {
	border-right:0;
	border-left:6px solid #678
}
div.jQBracket.rl .highlightWinner .bubble:after {
	border-left-color:#da0
}
div.jQBracket.rl .highlightLoser .bubble:after {
	border-left-color:#ccc
}

/*双打模式*/
div.jQBracket.double .team div.label span {
    transform:scale(.9);
    -ms-transform:scale(.9); 
    -moz-transform:scale(.9); 
    -webkit-transform:scale(.9); 
    -o-transform:scale(.9); 
}
div.jQBracket.double .team div.label div{
    font-size:12px;
}
div.jQBracket.double .team div.label div:first-child{
    margin-bottom:2px;
}
div.jQBracket.double.recorder .teamWinner div{
    font-size:12px;
}
div.jQBracket.double.recorder .teamWinner div:first-child{
    margin-bottom:2px;
}
div.jQBracket.double .team div.score{
    padding-top:12px;
    padding-bottom:12px;
}
div.jQBracket.double .groupinfo{
    height:82px;
}
div.jQBracket.double .groupinfo .groupinfotitle{    
	padding:12px 6px;
}
div.jQBracket.double .groupinfo .groupinfodetail {
    padding:12px 6px;
}
div.jQBracket.double .match{
    height:104px;
}
div.jQBracket.double.recorder .teamContainer .team .lotindex {
    top:.375rem;
}
div.jQBracket.double.recorder .teamAction .taconnector {
    top:20px;
    height:42px;
}
div.jQBracket.double.recorder .teamAction .taconnector div.taconnector {
    top:18px;
}
div.jQBracket.double.recorder .teamAction .tamatching {
    top:12px;
}
div.jQBracket.double.recorder .teamAction .tastart{
    padding-top:26px;/*+12*/
    display:block;
}
/*录入比赛*/
div.jQBracket.recorder .bracket{
    /*float:none ;*/
    margin:0;
}
div.jQBracket.recorder .round {
	/*width:auto;*/
	margin-right:0px;
	/*float:none;*/
    margin-left:30px;
    
    /*border:1px solid #000;*/
}
div.jQBracket.recorder .round .roundtitle{
    position:relative;
    width:280px;
    margin-left:-30px;
    margin-right:0;
    background-color:#333;
    color:#fff;
    text-align:center ;
    height:1.25rem;
    line-height:1.25rem;
    font-size:.75rem;
    border:0px solid #000;
    border-left:4px solid #000;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;   
        
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0; 
}

div.jQBracket.recorder .round .roundtitle:before {
	position:absolute;
	content:'';
	display:block;
	top:0;
	right:-.625rem;
	border:.625rem solid #333;
	border-right:.625rem solid transparent
}
div.jQBracket.recorder .round .grouptitle{
    position:relative;
    width:200px;
    margin-left:-30px;
    margin-top:.5rem;
    background-color:#666;
    color:#fff;
    text-align:center ;
    height:1.25rem;
    line-height:1.25rem;
    font-size:.75rem;
    border-left:4px solid #333;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
}

div.jQBracket.recorder .round .grouptitle:before {
	position:absolute;
	content:'';
	display:block;
	top:0;
	right:-.625rem;
	border:.625rem solid #666;
	border-right:.625rem solid transparent
}
div.jQBracket.recorder .round .grouproundtitle{
    position:relative;
    width:120px;
    margin-left:-30px;
    margin-top:.5rem;
    background-color:#999;
    color:#fff;
    text-align:center ;
    height:1.25rem;
    line-height:1.25rem;
    font-size:.75rem;
    border-left:4px solid #666;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;    
}

div.jQBracket.recorder .round .grouproundtitle:before {
	position:absolute;
	content:'';
	display:block;
	top:0;
	right:-.625rem;
	border:.625rem solid #999;
	border-right:.625rem solid transparent
}
div.jQBracket.recorder .teamContainer{
    width:140px;
}
div.jQBracket.recorder .teamContainer .team .lotindex{
    position:absolute;
    font-size:12px;
    padding:5px 0px;
    left:-30px;
    top:1px;
    width:23px;
    height:23px;
    text-align:center;
    color:#fff;
    background-color:green;

    border:1px solid #000;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%; 
      
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket.recorder .teamContainer .team .lotindex i{
    position: absolute;
    right:-10px;
    top:-10px;
    font-size: 14px;
    color:#6B9CBB;
}
div.jQBracket.recorder .teamAction{
    position:relative;/*加上relative才使top产生作用*/
    margin-left:180px;
    /*border:1px solid #000;*/
}
div.jQBracket.recorder .teamAction .tastart{
    padding-top:14px;
    display:block;
}
div.jQBracket.recorder .teamAction .taconnector{
    border:2px solid #666;
	border-left-style:none;
	position:absolute;
	z-index:1;
    top:14px;
    left:-40px;
    width:20px;
    height:30px;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket.recorder .teamAction .taconnector div.taconnector {
	border:0;
	border-bottom:2px solid #666;
	height:0;
	position:absolute;
    width:20px;
    top:12px;
    left:20px;

    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket.recorder .teamAction .tamatching{
    position:relative;
    min-width:130px;
    height:58px;
    padding:8px;
    border:1px   dashed #999;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
    
    /*justify-content:center;*//*子元素水平居中*/    
    align-items:center;/*子元素垂直居中*/
    display:-webkit-flex;
    display:none;
}
div.jQBracket.recorder .teamAction .tamatching .matchinginfo{
    margin-left:40px;
    vertical-align:middle;
    font-size:12px;
    margin-top:.5rem;
}
div.jQBracket.recorder .teamAction .tamatching .recording{
    position:absolute;
    text-align:center;
    left:8px;
    top:12px;
    width:32px;
    height:32px;
    border:1px solid #da0;
    background-color:#da0;
    color:#fff;
    font-size:16px;
    padding:8px;

    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket.recorder .teamWinner{/*与team team.label一样*/
    position:absolute;
    z-index:1;
    /*bottom:1px;*/
    left:180px;
    right:0;
    max-width:140px;

    padding:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    text-align:left;

    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/

	background-color:#eee;
    border:1px solid #ccc;

    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    display:none;
}
div.jQBracket.recorder .teamWinner span {
    position: absolute;
    top: .125rem;
    left: auto;
    right: .25rem;
    /*position:relative;
    top:-.375rem;
    left:.25rem;*/
    font-size: .75rem;
    font-family: 'Arial';
    color: red;
}
div.jQBracket.recorder .connector{
    display:none;
}


div.jQBracket .losermatch .team {
    border:1px dashed #ccc;
}
div.jQBracket.recorder .losermatch .teamContainer .team .lotindex {
    color: #fff;
    background-color: #02aa02;
    border: 1px dashed #000;
}
div.jQBracket.recorder .losermatch .teamAction .taconnector{
    border-style:dashed;
    border-left-style: none;
}
div.jQBracket.recorder .losermatch .teamAction .taconnector div.taconnector{    
    border-style:dashed;
}
div.jQBracket .losermatch .connector{    
    border-style:dashed;
    border-left-style: none;
}
div.jQBracket .losermatch .connector div.connector{
    border-bottom-style:dashed;
}
div.jQBracket.recorder .losermatch .teamWinner{
    border-style:dashed;
}

/*记录比赛成绩弹出操作界面*/
.recordmatchpopkg{    
    position:fixed;
    z-index:18;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background:rgba(0,0,0,.4);
    display:none;
}
.recordmatchpop{
    position:fixed;
    /*z-index:19;*/
    z-index:150;
    left:0;
    right:0;
    bottom:0;
    /*height:18.5rem;*/
    background:#fff;
    font-size:.875rem;
    overflow:auto;
    overflow-x:hidden;
    display:none; 
}
.matchpop .poptitle{
    margin-bottom:.625rem;
    padding:.5rem;
    text-align:center;
    font-size:1rem;
    font-weight:bold;
    color:#fff;
    background-color:#da0;/*#09AC0E#4F7187;*/
    /*border:1px solid green;
    
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;*/
}
.matchpop img{
    border:0;
    outline:0;
    width:2rem;
    height:2rem;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
}
.matchpop .player{
    position:relative;
}
.matchpop .player span{
    position:absolute;
    top:-.25rem;
    right:.5rem;
    color:red;
    font-size:.75rem;
}
.matchpop .ataflexbox{
    /*-moz-box-pack:center;*//*子无素水平居中*/
    /*-webkit-box-pack:center;*/
    /*box-pack:center;*/

    /*-moz-box-align:center;*//*子无素垂直居中*/
    /*-webkit-box-align:center;*/
    /*box-align:center;*/

    
    /*justify-content:center;*//*子元素水平居中*/    
    align-items:center;/*子元素垂直居中*/
}
.matchpop .ataflexbox-c,.matchpop .ataflexbox-c3{
    text-align:center;
}
.matchpop .matchscore{
    margin-top:.625rem;
    margin-bottom:1rem;
}
.matchpop .matchscore .ataflexbox{
    margin-top:.25rem;
}
/*.matchpop .matchscore .ataflexbox-c3 {
    text-align:right;
}
.matchpop .matchscore .ataflexbox-c3:last-child {
    text-align:left;
}*/
.matchpop .popfooter{
    /*position:fixed;
    bottom:0;
    left:0;
    right:0;*/
    padding:.5rem;
    text-align:center;
    color:#fff;
    background-color:#fff;
}
.matchpop .matchscore .select{
    height:1.25rem;
    width:4.0rem;
    margin:0 auto;
}

/*开始比赛弹出操作界面*/
.startmatchpopkg{    
    position:fixed;
    z-index:149;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background:rgba(0,0,0,.4);
    display:none;
}
.startmatchpop{
    position:fixed;
    z-index:150;
    left:0;
    right:0;
    bottom:0;
    /*height:18rem;*/
    background:#fff;
    font-size:.875rem;
    overflow:auto;
    overflow-x:hidden;
    display:none; 
}
.startmatchpop.matchpop .select{  
	height:1.875rem;
	margin:-.46875rem 0;
    width:100%;
}
.startmatchpop .startmatchlist{
    font-size:.75rem;
    color:red;
    text-align:center;
    padding:.625rem;
    margin-bottom:1rem;
    overflow:hidden;
}

/*签到弹出操作界面*/
.lotsignedpopkg{    
    position:fixed;
    z-index:18;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background:rgba(0,0,0,.4);
    display:none;
}
.lotsignedpop{
    position:fixed;
    z-index:19;
    left:0;
    right:0;
    bottom:0;
    /*height:13rem;*/
    background:#fff;
    font-size:.875rem;
    overflow:auto;
    overflow-x:hidden;
    display:none; 
}
.lotsignedpop .recommend{
    font-size:.75rem;
    color:#bbb;
    padding:.625rem;
    margin-top:1rem;
    /*margin-bottom:3rem;*/
    margin-bottom:1rem;
    overflow:hidden;
}
/*生成签表页*/
#genlotpage .select {    
	height:1.875rem;
	margin:-.46875rem 0;
}
/*比赛页*/
.matchinfo{
    line-height:1.5;
    margin-bottom:1rem;
}
html #ata_matchrecord_page.ui-page-theme-p
{
    background: #fff;
    /*background:url("../Images/pagebk.jpg") left top no-repeat fixed transparent;
    background-size:cover;*/
}
/*签到页*/
html #lotsignedpage.ui-page-theme-p
{
    background: #fff;
}
div.jQBracket .team div.lotsigned {
	position:absolute;
    right:-134px;
    top:0; 
	width:110px;
    
	height:28px!important;
    line-height:28px!important;
    text-align:center;

    /*border:1px solid blue;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .team div.lotsignedok {
	position:absolute;
    right:-134px;
    top:0; 
	width:110px;
    
	height:28px!important;
    line-height:28px!important;
    text-align:center;
    color:#6B9CBB;

    /*border:1px solid #6B9CBB;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
div.jQBracket .team div.contact {
	position:absolute;
    right:-20px;
    top:0; 
	width:20px;
    
	height:28px!important;
    line-height:28px!important;
    text-align:center;
    color:#6B9CBB;

    /*border:1px solid #6B9CBB;*/
    box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
.matchinfo .ataflexbox .ataflexbox-c:first-child{
    margin-right:.25rem;
}
.matchinfo .ataflexbox .ataflexbox-c:last-child{
    margin-left:.25rem;
}
.optionbtn{
    position:fixed;
    right:.875rem;
    bottom:2rem;
    /*width:2rem;*/
    z-index:10;
}
.popupDialog .commend{
    margin-bottom:1rem;
}
.popupDialog .commend .littlecommend{
    font-size:x-small;
}
.popupDialog .ataflexbox{margin-bottom:.5rem;}
.popupDialog .ataflexbox-c:first-child{margin-right:.25rem;}
.popupDialog .ataflexbox-c:last-child{margin-left:.25rem;}

.popupDialog .teamnamebox ,.popupDialog .vediourlbox{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display:inline-block;
    padding: .25rem .5rem;
    padding-right:2.5rem;
    margin-right:.5rem;
    margin-bottom:.25rem;
    font-size:.8rem;
    text-align:center;
    border: 2px solid #6B9CBB;
    position: relative;
}
.popupDialog .vediourlbox{
    display:block;
    word-break:keep-all;           /* 不换行 */
    white-space:nowrap;          /* 不换行 */
    overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.popupDialog .delteamnamebox,.popupDialog .delvediozbbox {
    position: absolute;
    z-index: 20;
    top:.125rem;
    right:.325rem;
    font-size: 1.25rem;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    line-height: 1;
}
.popupDialog .addmatchteam{
    /*justify-content:center;*//*子元素水平居中*/    
    align-items:center;/*子元素垂直居中*/
    display:-webkit-flex;
}
/*控制panel 弹出面版popup*/
#lotsignedpage #popupDialog.ui-body-p,#lotsignedpage #popupDialogSync.ui-body-p{background:#fff;border-color:#6B9CBB;color:#333}

.tapholdeditbk{    
    position:fixed;
    z-index:149;
    top:0;
    left:0;
    width:100%;
    height:100%;
	background:rgba(0,0,0,.4);
    display:none;
}
.tapholdedit{
    position:fixed;
    z-index:150;
    left:10%;
    right:10%;
    bottom:45%;
    background:#fff;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    font-size:1rem;
    display:none; 

}
.tapholdedit a{
    display:block;
    color:#000!important;
    font:inherit!important;
    padding:.5rem 1rem .5rem 1rem;
}
.tapholdedit a:first-child{
    border-bottom:1px solid #eee;
}

/*屏幕大小样式优化*/
@media screen and (min-device-width: 320px) {
    /*apple 5 4*/
    .aa {	
    }
}
@media screen and (min-device-width: 360px) {
    /*三星 note3*/
    .aa {    
    }
    div.jQBracket .team div.lotsigned, div.jQBracket .team div.lotsignedok {
        right:-154px;
    }
}
@media screen and (min-device-width: 375px) {
    /*apple 6 */
    div.jQBracket .team div.lotsigned, div.jQBracket .team div.lotsignedok {
        right:-162px;
    }
}
@media screen and (min-device-width: 414px) {
    /*apple 6 plus*/
    div.jQBracket .team div.lotsigned, div.jQBracket .team div.lotsignedok {
        right:-181px;
    }
}

.more {
	position:relative;
	padding-right:.9375rem;
	width:100%;
	box-sizing:border-box;
    -moz-box-sizing:border-box;/*firefox*/
    -webkit-box-sizing:border-box;/*safari*/
}
.more:after {
	position:absolute;
	right:8px;
	top:50%;
	display:block;
	content:'';
	width:.6em;
	height:.6em;
	border-left:.125rem solid #bbb;
	border-bottom:.125rem solid #bbb;
	-webkit-transform:translateY(-50%) scaleY(0.7) rotateZ(-135deg);
	-moz-transform:translateY(-50%) scaleY(0.7) rotateZ(-135deg);
	-ms-transform:translateY(-50%) scaleY(0.7) rotateZ(-135deg)
}
.genlotmodeselect{
    background:#f0efed;
    margin:0 15%;
    border-radius:3px;
    padding:.5rem;
}
.genlotmodeselect .checkboxlist.littlefont {
    font-size:.75rem;
}
.genlotmodeselect .checkboxlist {
     justify-content: center; 
    align-items: center;
    display: -webkit-flex;
}
.ui-mobile .genlotmodeselect .checkboxlist.littlefont label {
    display:inline-block;
    font-size: .75rem;
    margin: 0;
}
.ui-mobile span:disabled input {
    margin: 0;
}
.levelgenlotpartsel{
    margin:0 25%;
    margin-top:-.5rem;
    padding:0rem 1rem;
    padding-bottom:.25rem;
    /*background:#ececec;
    border-radius:6px;*/
}
#genlotpage .levelgenlotpartsel .select {
    height: 1.5rem;
    margin: -.46875rem 0;
}
.nogenpart{
    display:block;
    text-align:center;
    margin:.5rem;
    color:#bbb;
}
.showpartinfo{
    text-align:center;
}
#ata_matchrecord_page .optionbtn{
    bottom:3rem;
}
.ordersetbtn{     
    position:fixed;
    right:.875rem;
    bottom:.25rem;
    z-index:10;
}
ol.recordhelp{
    font-size:.75rem;
}
.seedselectpanel input{
    font-size:.875rem;
}
.seedselectpanel .oldplayer{
    text-align:center;
    color:red;
    font-size:.75rem;
}
.seedselectpanel .oldplayer .player{
    margin:0 .5rem;
}