#guess{
	background: url(/images/guess/guess_02.png) no-repeat;
	background-size: 100%
}
.btnList{
	display: flex;
	margin: .78rem 0;
}
.btnList>a{
	font-size: 1.456rem;
	flex: 1;
	height: 3.12rem;
	box-sizing: border-box;
}
.btnList .userDD{
	background: #C13C3D;
	margin: 0 3.12rem;
	border-radius: 2.6rem
}
.btnList .integral{
	color: #FFCE3B;
    line-height: 3.38rem;
    text-indent: 3.64rem;
}
.clear:after{
	content: '';
	display:block;
	clear: both;
}
.headIcon>img{
	width: 3.12rem;
	height:3.12rem;
	border-radius: 50%;
}
.userDD>div{
	float: left;
}
.nameandId{
	width: 5rem;
	position: relative;
	left: .5rem;
}
.guess-name,.guess-id>span{
	font-size: 1.04rem;
	color: #EEEAC7;
}
.guess-name{
	position: absolute;
	width: 6.67rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nameandId .guess-id{
	position: absolute;
	top: 1.04rem;
}
.matchList{
	/*margin-top: 17.16rem;*/
	background: #352B36;
}
.Twoteam{
	display: flex;
}
.Twoteam>div{
	flex: 1;
	text-align: center;
}
.team>img{
	width: 6.24rem
}
.team>div{
	font-size: 1.456rem;
	color: #FFFFFF;
	margin-top: 0.8rem;
}
.metchTime>div{
	font-size: 1.456rem;
	color: #C34F50;

}
.matchList .matchItem{
	background: #352B36;
	padding-top: 1.56rem
}
.matchList>.matchItem:first-child{
	background: rgba(0,0,0,0);
	padding-top: 1rem;
}
.matchList>.matchItem:last-child .jcCont{
	border:none;
}
.metchTime{
	padding-top: 1.56rem;
}
*{
	font-size: 1.456rem;
	color: #fff;
}
.chooseTab{
	display: flex;
	margin:0 2.08rem;
	padding-top: 0.52rem;
}
.chooseTab>a{
	flex: 1;
	text-align: center;
	padding: 1.56rem 0;
	background: #7B2E36;
}
.Pressure{
	background: #352B36;
}
 .chooseTab .chooseItem{
	background: #C13C3D;
	
}
.zs{
	border-radius: 2.08rem 0 0 2.08rem;
}
.ks{
	border-radius: 0 2.08rem 2.08rem 0 ;
}
.draw{
	margin: 0 .26rem;
}
.marL{
	margin-right: 1.04rem;
}
.jcCont{
    display: flex;
    margin: 1.56rem 1.56rem 0;
    padding-bottom: 2.08rem;
    border-bottom: 1px dotted #7B2E36
}
.jcCont>div{
	flex: 2;
}
.jcCont .ycjj{
	flex: 2;
	text-align: left;
	
}
.ycjj>div{
	color: #C34F50;
    text-overflow: ellipsis;
    max-width: 8.32rem;
    overflow: hidden;
    white-space: nowrap;
}
.jcCont .addCor{
	flex: 3.2;
}
.addCor .num{
	outline: none;
	background: #352B36;
	width: 3.64rem;
	text-align: center;
	color: #fff;
	border:none;
}
.addbor{
	margin: 0 0.52rem;
}
.addbor>a{
	color: #7B2E36;
	font-weight: 600;
	font-size: 2rem;
}
.addCor .addbor{
    display: inline-block;
    border: 1px solid #C13C3D;
    padding: .52rem;
    border-radius: 1.04rem;
}
.partIn{
	background: #C13C3D;
	text-align: center;
	line-height: 4rem;
	border-radius: 1.04rem;
}
.partIn>a{
	color: #fff;
}
/*.addCor>span{
	display: inline-block;
	width: 5rem;
	text-align: center;
}*/
#guess-footer{
	background: url(/images/guess/db@2x.png) no-repeat;
	background-size: 100% 100%;
	height: 10.5rem
}
.jfdh{
	background: url(/images/guess/jfdh.png) no-repeat;
	background-size: 100%;
	height: 4rem;
}
.jfPro{
	background: url(/images/guess/dhpro.png) no-repeat;
	background-size: 100%;
	height: 20.8rem
}
.tip{
	position: fixed;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.hide{
	display: none!important;
}
.tip .nbtn{
	width: 20.8rem;
    height: 10.4rem;
    background: #E73A3A;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    line-height: 2.2rem;
    padding-top: 3rem;
    border-radius: 1.2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.hasBtn .tit{
	background: url(/images/guess/71@2x.png) center no-repeat;
	font-size: 2.08rem;
	border-radius: 1.04rem 1.04rem 0 0;
}
.hasBtn{
	background: #E73A3A;
	text-align: center;
	border-radius: 1.04rem;
	padding-bottom:1.56rem;
}
.bgT{
	background: #C62C2C;
    padding: 1.04rem 0;
    border-radius: 1.04rem 1.04rem 0 0;
}
.tipCont{
	font-size: 2.08rem;
	color: #fff;
	padding: 2.08rem 0;
}
.Tipbtns{
	display: flex;
}
.Tipbtns>a{
	flex: 1;
	margin: 1.6rem;
	padding: 1.02rem;
	color: #000;
	border-radius: 2.08rem;
	background: #FFCE3B;
}
.Tipbtns .return {
	background: #FF8E8E;
}
.guess-id .idnum{
    display: inline-block;
    width: 6.24rem;
    position: absolute;
    top: 0.416rem;
    left: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.canNotClick{
	background: #8f7b7b!important;
	pointer-events: none!important;
}
.canNotClick>a{
	pointer-events: none!important;
}
ul,ol{
	padding: 0;
	margin: 0;
}
a{text-decoration: none}
a:focus{text-decoration: none!important}
a:focus>span{text-decoration: none!important}
span:focus{
text-decoration: none
}
.dm{
	height: 17.16rem;
	padding-left: 1rem;
}
.guessCont .mui-pull-top-pocket{
	display: none!important;
}
.guessCont .mui-pull-bottom-pocket{
	display: none!important;
}
.guessCont .mui-scrollbar.mui-scrollbar-vertical{
	display: none!important;
}
.pointevent{
	pointer-events: none!important;
	background: #8f7b7b!important;
}
.explain{
	background: #1A2030;
	padding: 1.2rem 0;
}
.explain>p{
	color: #D6D5F0;
	padding: 0 2rem;
    font-size: 1.2rem;
}
.dhbtn{
	display: flex;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 1rem;
}
.dhbtn>a{
	flex: 1;
	height: 4rem;
	line-height: 4rem;
    background: #C13C3D;
    margin: 0 4rem;
    color: #fff;
    border-radius: .4rem;
}
.dhbtn>a:first-child{
	margin-right: 0;
}
a:link{text-decoration: none!important;  }
a:visited{text-decoration: none!important;  }
a:hover{text-decoration: none!important;  }
a:active{text-decoration: none!important;  }
a:focus{text-decoration: none!important;  }
/*#pullrefresh{
	display: none!important;
}*/
.dm>img{
	width: 1.5rem;
	vertical-align: middle;
}
.award{
	height: 2rem;
}
.award>span{
	font-size: 1.2rem;
	display: inline-block;
	color: #EEEAC7;
	vertical-align: middle;
}
.dmCont{
	height: 2rem;
	overflow: hidden;
	display: inline-block;
    vertical-align: middle;
}
.banner{
	background: url(/images/guess/banner@2x.png) no-repeat;
	background-size: 100%;
	height: 4.5rem;
	box-sizing: border-box; 
}
.icons{
	display: flex;
	height: 4rem;
}
.icons>a{
	flex: 1;
}
.icons .wqRec{
	background: url(/images/guess/wq@2x.png) no-repeat;
	background-size: 100%;
}
.icons .tzRec{
	background: url(/images/guess/tz@2x.png) no-repeat;
	background-size: 100%;
}
.cards{
	background: #1A2030;
}
.time-field>span{
	color: #687291;
	font-size: 1rem;
}
.lists .list{
	padding-left: 1rem;
	border-bottom: 1px solid #000;
}
.lists .art{
	display: flex;
}
.lists .art>div{
	flex: 1;
}
.country .conts>img{
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
	margin: .3rem 0
}
.conts>span{
	display: inline-block;
	vertical-align: middle;
	color: #7580A0;
	font-size: 1.2rem;
}
.country{
	position: relative;
}
.country:after{
	content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-top: 1px solid #666E8D;
    border-right: 1px solid #666E8D;
    transform: rotate(45deg);
    position: absolute;
    right: 1rem;
    top: 40%;
}
.whowin{
	display: flex;
}
.whowin>div{
	flex: 1;
	margin-top: 1rem;
}
.whowin div{
	text-align: center;
	color: #7580A0;
	font-size: 1.2rem;
}
.pagination{
	width: 100%;
	padding: 1rem 0;
}
#Pagination1 li>a{
	border-radius: 50%;
    background: #1A2030;
    text-align: center;
    line-height: 1.7rem;
    width: 100%;
    height: 100%;
    color: #97B5FB;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0.45rem;
}
#Pagination1 li{
	width: 2.5rem;
	height: 2.5rem;
	margin-left: .5rem;
}
#Pagination1 .prev>span{
    color: #97B5FB;
}
#Pagination1 .active a{
	border: 1px solid #ddd;
	background: #97B5FB;
	color: #000;
}
#Pagination2 li>a{
    border-radius: 50%;
    background: #1A2030;
    text-align: center;
    line-height: 1.7rem;
    width: 100%;
    height: 100%;
    color: #97B5FB;
    font-size: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 0.45rem;
}
#Pagination2 li{
	width: 2.5rem;
	height: 2.5rem;
	margin-left: .5rem;
}
#Pagination2 .prev>span{
    color: #97B5FB;
}
#Pagination2 .active a{
	border: 1px solid #ddd;
	background: #97B5FB;
	color: #000;
}
.first-dot,.last-dot{
	display: none!important;
}
.pagination>li>a, .pagination>li>span{
	padding: 0;
	margin: 0;
}
#mc{
	position: fixed;
	top: 0;
	background: rgba(0,0,0,.4);
}
#mc .rec{
	position: relative;
	top: 15%;
	text-align: center;
}
#mc .rec>img{
	width: 70%;
}
#mc a>img{
	margin-top: 1rem;
	width: 37%;
	position: relative;
    top: -5rem;
}