.noshow {
	display: none;
}

.example_video-dimensions {
	width: 952px;
	height: 574px;
}

.live {
	position: relative;
	background: #f6f6f6;
	min-height: 100vh;
}

.amian {
	cursor: pointer;
	background: #000000;
	opacity: 0.6;
	flex: 1;
	height: 100%;
	line-height: 48px;
	border-radius: 60px 0px 0px 60px;
	text-align: center;
}

.videol {
	position: relative;
	width: 1156px;
	height: 660px;
}

.videobtn {
	z-index: 1000;
	display: flex;
	align-items: center;
	width: 170px;
	height: 48px;
	border-radius: 60px;
	border: 1px solid #FFFFFF;
	position: absolute;
	bottom: 36px;
	left: 391px;
	color: #8C8C8C;
	font-size: 18px;
}

.select {
	z-index: 1000;
	position: absolute;
	right: 60px;
	bottom: 30px;
}

.btnsa {
	display: flex;
	width: 160px;
	color: #fff;
}

.ulli {
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 10000;
	width: 160px;
	background: #fff;
	border-radius: 6px;
	padding: 12px 0;
	box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.1);
}

.lopls {
	padding-left: 10px;
	height: 24px;
	line-height: 24px;
	width: 100%;
	font-size: 14px;
	color: #333333;
}

.yinyings {
	height: 109px;
	width: 100%;
	opacity: .5;
	background: #000000;
	position: absolute;
	bottom: 0;
}

.lopls:hover {
	cursor: pointer;
	background: #3815a4;
}

.downb {
	width: 20px !important;
	height: 20px !important;
}

.amian1 {
	cursor: pointer;
	background: #000000;
	opacity: 0.6;
	flex: 1;
	height: 100%;
	line-height: 48px;
	border-radius: 0px 60px 60px 0px;
	text-align: center;
}

.activeqz {
	opacity: 1;
	background: #F5F6F9;
	color: #262626;
}


.b21_YjE4_Y29udGFudGxpdmVi {
	width: 1400px;
	margin: 0 auto;
	margin-top: 15px;
}

.courls {
	background: #b99e75 !important;
	color: #fff;
}

.b21_YjE4_bGl2ZV9uYXZi {
	height: 108px;
	background: url(/static/b21/images/liveheader.png)no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.b21_YjE4_bGl2ZV9sZWZ0Yg {
	display: flex;
	align-items: center;
	margin-left: 266px;
}

.b21_YjE4_bGl2ZV9sZWZ0Yg img {
	width: 64px;
	height: 64px;
}

.b21_YjE4_bGl2ZV9yaWdodGI {
	display: flex;
	align-items: center;
	margin-right: 266px;
}

.b21_YjE4_bGl2ZV9yaWdodGI img {
	width: 64px;
	height: 64px;
}

.citylives {
	font-size: 16px;
	color: #fff;
}

.guests {
	font-size: 16px;
	font-family: MicrosoftYaHei-, MicrosoftYaHei;
	color: #C0C0C0;
	margin-left: 8px;
	margin-right: 20px;
}

.guest {
	font-size: 16px;
	font-family: MicrosoftYaHei-, MicrosoftYaHei;
	color: #C0C0C0;
	margin-left: 21px;
}

.citylive {
	font-size: 16px;
	margin-left: 8px;
	color: #fff;
}

.b21_YjE4_bm9iZWdpbl9saWIbtn {
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	background: #000000;
	border-radius: 16px;
	opacity: 0.3;
	font-size: 20px;
	color: #fff;
	margin: 0 20px;

}

.b21_YjE4_amlmZW5hX2tsYg {
	font-size: 48px;
	color: #fff;
}

.b21_YjE4_bm9iZWdpbl9saWI {
	display: flex;
	align-items: center;
}

.b21_YjE4_Y2hpdGNoYXRi {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;

}

.b21_YjE4_Y2hpdF9sZWZ0Yg {
	width: 100%;
	background: #fff;
	padding-bottom: 20px;
}

.chit_right {
	width: 432px;
}

.b21_YjE4_bmF2X2hlYWRlcmRi {
	padding: 0 24px;
	height: 88px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.b21_YjE4_bmF2X2hsZWZ0Yg {
	display: flex;
	align-items: center;
}

.b21_YjE4_bmF2X2hsZWZ0Yg img {
	width: 64px;
	height: 64px;
}

.b21_YjE4_bWFyX3JmYg {
	margin-left: 20px;
}

.titloc {
	font-size: 16px;
	color: #2D313E;
}

.titlocs {
	font-size: 14px;
	color: #000000;
	margin-top: 8px;
	display: flex;
}

.btn_j {
	display: flex;
	margin-left: 24px;
	color: #8C8C8C;
	cursor: pointer;
}

.btn_j img {
	width: 16px;
	height: 16px;
}

.ju {
	margin-left: 5px;
}

.btnms {
	cursor: pointer;
	padding: 0 20px;
	height: 36px;
	display: flex;
	align-items: center;
	background: #3815a4;
	border-radius: 18px;
	color: #0A0B0D;
	font-size: 14px;
}

.btnms img {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.videoli {
	height: 574px;
	position: relative;
}

.videoli img {
	width: 100%;
	height: 100%;
}

.announcement {
	height: 40px;
	background: #FFFFFF;
	border-radius: 6px 6px 0px 0px;
	display: flex;
	align-items: center;
	border: 1px solid #E7E7E7;
}

.announcement img {
	width: 18px;
	height: 15px;
	margin-left: 21px;
}

.new_titles {
	font-size: 14px;
	color: #B6B6B6;
	margin-left: 5px;
}

.newdfa {
	width: 200px;
	height: 30px;
	margin-left: 12px;
	overflow: hidden;
}

#notice {
	height: 30px;
	line-height: 30px;
}

#notice li {
	height: 30px;
	line-height: 30px;
	padding-top: 2px;
}

.chat_navx {
	height: 36px;
	background: #EEEEEE;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #3D3F41;
}

.chatactive {
	background: #fff;
	color: #0A0B0D;
}

.chat_navz {
	cursor: pointer;
	flex: 1;
	line-height: 36px;
	height: 100%;
	text-align: center;
}

.chat_room {
	background: #fff;
	overflow: hidden;
}

.board {
	background: #EEEEEE;
	width: 140px;
	height: 32px;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 8px;
	display: flex;
	color: #3D3F41;
	font-size: 12px;
}

.boardactive {
	background: #3815a4;
	border-radius: 20px 0px 0px 20px;
}

.boardactives {
	background: #3815a4;
	border-radius: 0px 20px 20px 0px;
}

.boardx {
	cursor: pointer;
	flex: 1;
	line-height: 32px;
	text-align: center;
}

.board_d {
	margin-top: 16px;
	display: flex;
	padding: 0 49px;
	border-bottom: 1px solid #EBEEF7;
	padding-bottom: 10px;
}

.marl95 {
	margin-left: 95px;
}

.board_lis img {
	width: 48px;
	height: 48px;
}

.text_board {
	font-size: 12px;
	text-align: center;
	color: #333333;
	margin-top: 5px;
}

.newpeople {
	width: 430px;
	height: 34px;
	line-height: 34px;
	background: #FFEDAE;
	padding: 0 12px;
	font-size: 14px;
	color: #616161;
}

.chat_frame {
	/* height: 322px; */
	height: 450px;
	background: #fff;
	overflow-y: auto;
	position: relative;
	padding-bottom: 20px;
	position: relative;
}

/* 滚动条 */
.chat_frame::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 0px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}

.chat_frame::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: #E5E5E5;
}

.chat_frame::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	background: #ffffff;
}

.listh {
	display: flex;
	margin-top: 14px;
	margin-left: 12px;
}

.listh img {
	width: 20px;
	height: 20px;
	margin-top: -3px;
}

.rankli1 {
	width: 38px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #C0C0C0;
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
}

.rankli2 {
	width: 38px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #56BDFF;
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
}

.rankli3 {
	width: 38px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #49C94F;
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
}

.rankli4 {
	width: 38px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFA724;
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
}

.rankli5 {
	width: 38px;
	height: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(180deg, #FF8B94 0%, #F94654 74%, #F94654 100%);
	border-radius: 2px;
	color: #fff;
	margin-right: 5px;
}

.ke_name {
	font-size: 14px;
	color: #19379E;
	min-width: 50px;
}

.ke_names {
	font-size: 14px;
	color: #f94654;
	min-width: 50px;
	margin-top: -3px;
}

.text_lps {
	font-size: 14px;
	color: #616161;
	line-height: 20px;
	margin-top: -3px;
	max-width: 358px;
}

.text_lp {
	font-size: 14px;
	color: #616161;
	line-height: 20px;
	margin-top: -3px;
	max-width: 358px;
}

.lojknmj {
	width: 100%;
	height: 114px;
	background: #FFFFFF;
	border-radius: 0px 0px 6px 6px;
	opacity: 1;
	border: 1px solid #E7E7E7;
	position: relative;

}

.expression {
	cursor: pointer;
	height: 42px;
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
}

.expre img {
	width: 20px;
	height: 20px;
	margin-left: 20px;
}

.expression {
	margin-left: 20px;
}

.input_btnd {
	display: flex;
	width: 392px;
	height: 52px;
	background: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #E7E7E7;
	margin: 0 auto;
	margin-top: 42px;
}

.nologin {
	display: flex;
	align-items: center;
	width: 328px;
	padding-left: 20px;
	font-size: 16px;
	color: #9C9C9C;
}

.lodinli {
	cursor: pointer;
	color: #FE960D;
}

.send {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 52px;
	background: #3815a4;
	border-radius: 0px 10px 10px 0px;
	opacity: 1;
	font-size: 16px;
	color: #0A0B0D;
}

.announce {
	background: #fff;
	padding-top: 12px;
	height: 534px;
	overflow: auto;
	padding-bottom: 20px;
}

.announce::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 0px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}

.annoucx {
	width: 392px;
	height: 142px;
	border-radius: 6px;
	margin: 0 auto;
	opacity: 1;
	border: 1px solid #EBEEF7;
	position: relative;
}

.annouc {
	display: flex;
	padding: 14px 12px;
	justify-content: space-between;
}

.ann_left {
	display: flex;
}

.ann_left img {
	width: 40px;
	height: 40px;
}

.marf {
	margin-left: 8px;
}

.titlox {
	width: 230px;
	font-size: 14px;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bluesx {
	color: #2DAAF9;
}

.won_s {
	margin-top: 5px;
	font-size: 12px;
	color: #8C8C8C;
}

.marfv {
	margin-left: 8px;
}

.reds {
	color: #F94654;
}

.lilv {
	text-align: center;
	font-size: 14px;
	color: #333333;
}

.equity {
	font-size: 12px;
	margin-top: 4px;
	color: #8C8C8C;
}

.concede {
	display: flex;
	margin-left: 12px;
	align-items: center;
}

.concedes {
	width: 68px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	font-size: 12px;
	color: #2DAAF9;
	text-align: center;
	border: 1px solid #2DAAF9;
}

.marl12 {
	margin-left: 12px;
}

.championl {
	font-size: 12px;
	color: #8C8C8C;
}

.particulars {
	margin-top: 12px;
	height: 40px;
	display: flex;
	padding: 0 12px;
	align-items: center;
	justify-content: space-between;
	background: #f6f6f6;
}

.par_left {
	display: flex;
	font-size: 14px;
	color: #333333;
}

.par_left img {
	width: 20px;
	height: 20px;
	margin-right: 6px;
}

.par_right img {
	width: 12px;
	height: 12px;
}

.acc_d {
	position: absolute;
	right: 30px;
	bottom: 8px;
	width: 94px;
	height: 94px;
}

.rightmael {
	margin-left: 10px;
}

.mar20 {
	margin-top: 20px;
}

.anchor {
	overflow: auto;
	height: 534px;
	background: #fff;
}

.anchorheader {
	height: 97px;
	display: flex;
	align-items: center;
	padding: 0 19px;
	justify-content: space-between;
	border-bottom: 1px solid #EBEEF7;
}

.anchorleft img {
	width: 64px;
	height: 64px;
}

.anchorleft {
	display: flex;
	align-items: center;
}

.text_righta {
	margin-left: 16px;
}

.texy_title {
	font-size: 16px;
	color: #0A0B0D;
}

.contributiont {
	font-size: 12px;
	margin-top: 7px;
	color: #8C8C8C;
}

.g_zxcf {
	cursor: pointer;
	width: 72px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #3815a4;
	border-radius: 18px;
	font-size: 12px;
	color: #0A0B0D;
}

.g_zxcf img {
	width: 14px;
	height: 13px;
	margin-right: 2px;
}

.game_zx {
	height: 450px;
	padding-bottom: 20px;
	overflow-y: auto;
}

.chat_tishi {
	font-size: 14px;
	color: #4880E2;
	line-height: 20px;
	padding: 12px;
}

.game_zx::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 0px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 0px;
}

.game_gli {
	margin: 0 auto;
	margin-top: 20px;
	width: 392px;
	height: 142px;
	border-radius: 6px;
	border: 1px solid #EBEEF7;
	display: flex;
	justify-content: space-between;

}

.gamej_left {
	margin-left: 50px;
	margin-top: 37px;
}

.gamej_right {
	margin-right: 47px;
	margin-top: 37px;
}

.gamej_right img {
	width: 48px;
	height: 48px;
}

.gamej_left img {
	width: 48px;
	height: 48px;
}

.cityjk {
	margin-top: 10px;
	font-size: 14px;
	color: #0A0B0D;
	text-align: center;
}

.cont_text {
	margin-top: 21px;
	font-size: 12px;
	color: #8C8C8C;
}

.cont_zb {
	font-size: 14px;
	color: #FE960D;
	text-align: center;
	margin-top: 10px;
}

.cont_vs {
	color: #0A0B0D;
	font-size: 26px;
	text-align: center;
	margin-top: 10px;
}

.cont_zbs {
	text-align: center;
	margin-top: 10px;
	color: #8C8C8C;
	font-size: 14px;
}

.loginli {
	display: flex;
	align-items: center;
	width: 328px;
	padding: 0 20px;
	font-size: 16px;
	color: #9C9C9C;
}

.loginli input {
	outline: none;
	border: none;
	height: 100%;
	width: 100%;
}

.gift_li {
	position: absolute;
	top: -316px;
	left: 0;
	width: 431px;
	height: 316px;
	background: #FFFFFF;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	opacity: 1;
	border: 1px solid #C2C2C2;
}

.gift_z {
	height: 261px;
	padding: 0 12px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #E7E7E7;
}

.gift_img {
	width: 72px;
	height: 72px;
}

.gift_name {
	font-size: 12px;
	color: #2D313E;
	text-align: center;
}

.prisev {
	display: flex;
	align-items: center;
	justify-content: center;
}

.activeimg {
	border-radius: 6px 6px 6px 6px;
	border: 2px solid #F71A63;
}

.gift_zli {
	cursor: pointer;
	width: fit-content;
	margin-top: 10px;
	height: 110px;
}

.prisev img {
	width: 16px;
	height: 16px;
	margin-left: 2px;
}

.prisen {
	font-size: 12px;
	color: #9DA3B6;
}

.gift_footer {
	height: 55px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.left_gifts {
	display: flex;
	align-items: center;
}

.left_gifts img {
	width: 16px;
	height: 16px;
}

.prise_kl {
	margin-left: 2px;
	font-size: 12px;
	color: #2D313E;
}

.pay_p {
	font-size: 14px;
	color: #FE960D;
	margin-left: 20px;
}

.rights_gifts {
	width: 140px;
	height: 32px;
	display: flex;
}

.leftx_btn {
	width: 70px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #E7E7E7;
	border-radius: 20px 0px 0px 20px;
	opacity: 1;
	border: 1px solid #E7E7E7;
}

.rightx_btn {
	width: 70px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #616161;
	background: #E7E7E7;
	border-radius: 0px 20px 20px 0px;
	opacity: 1;
	border: 1px solid #E7E7E7;
}

/* 举报弹出层 */
.informer {
	width: 566px;
	height: 354px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	position: fixed;
	top: 363px;
	left: 677px;
	z-index: 1002;
}

.closebh {
	display: flex;
	justify-content: flex-end;
	margin-top: 20px;
	margin-right: 20px;
	cursor: pointer;

}

.closebh img {
	width: 10px;
	height: 10px;
}

.inforwe {
	margin-top: 20px;
	text-align: center;
	font-size: 20px;
	color: #333333;
}

.layui-col-md6 {
	display: flex;
	align-items: center;
}

.cause {
	font-size: 14px;
	color: #707070;
	margin-right: 8px;
}

.wenbenkuang {
	margin-top: 20px;
	display: flex;
	position: relative;
}

.selectlo {
	display: flex;
	align-items: center;
}

.selectlo select {
	outline: none;
	width: 269px;
	height: 32px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 1px solid #E7E7E7
}

.wenbenkuang textarea {
	padding: 10px;
	width: 370px;
	height: 112px;
	background: #FFFFFF;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 1px solid #E7E7E7;
}

.fghy {
	margin-left: 70px;
	margin-top: 30px;
}

.btnmc {
	margin: 0 auto;
	width: 100px;
	height: 32px;
	background: #3815a4;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0A0B0D;
	font-size: 14px;
	margin-top: 24px;
	cursor: pointer;
}

.weui-textarea-counter {
	position: absolute;
	right: 74px;
	bottom: 4px;
}

/* 表情包 */
.expressionbn {
	position: absolute;
	bottom: 112px;
	left: 0;
	width: 431px;
	height: 230px;
	background: #FFFFFF;
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
	border-radius: 4px 4px 4px 4px;
	opacity: 1;
	border: 1px solid #C2C2C2;
}


.lisr img {
	cursor: pointer;
	margin-top: 24px;
	margin-left: 13px;
	width: 32px;
	height: 32px;
}

.lisr {
	height: 175px;

}

.uilic {
	padding: 0 6px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.btn_xc {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 10px;
}

.btn_xc img {
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin-left: 10px;
}

.left_btn {
	position: absolute;
	left: 0;
	bottom: 0;
}

.right_btn {
	position: absolute;
	right: 0;
	bottom: 0;
}

.juopk {
	height: auto;
	margin-top: 16px;
	background: #fff;
	display: flex;
	justify-content: space-between;
}

.leftnj {
	width: 368px;
}

.lifgcvc {
	width: 200px;
	margin: 0 auto;
}

.mar17 {
	margin-top: 17px;
}

.mar37 {
	margin-top: 37px;
}

.lkmjhx {
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.left_numd {
	font-size: 14px;
	color: #0A0B0D;
	margin-right: 5px;
}

.right_numd {
	font-size: 14px;
	color: #0A0B0D;
	margin-left: 5px;
}

.progress-bar {
	background: #4880E2;
}

.progress {
	width: 156px;
	height: 8px;
	background: #FF4904;
}

.titlosa {
	font-size: 14px;
	color: #0A0B0D;
	text-align: center;
}

.border-rs {
	border-right: 1px solid #EEEEEE;
}

.border-rq {
	border-left: 1px solid #EEEEEE;
}


.clorsa {
	width: 18px;
	height: 26px;
	background: #FF4904;
	margin: 0 auto;
}

.clorsa2 img {
	width: 18px;
	height: 26px;
	margin: 0 auto;
}

.marlx20 {
	margin-left: 20px;
}

.marlx48 {
	margin-left: 48px;
}

.clorsa1 {
	width: 18px;
	height: 26px;
	background: #FFE436;
	margin: 0 auto;
}

.num_sc {
	font-size: 14px;
	color: #0A0B0D;
	text-align: center;
	margin-top: 4px;
}

.num_texvs {
	font-size: 24px;
	color: #0A0B0D;
}

.num_texv {
	margin-left: 48px;
}

.zhuplay {
	font-size: 14px;
	color: #0A0B0D;
	text-align: center;
	margin-top: 3px;
}

.nav_header_l {
	height: 66px;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #8C8C8C;
}

.marlk26 {
	margin-left: 10px;
}

.lionm {
	padding: 8px 20px;
	border-radius: 20px;
	cursor: pointer;
}

.lionmh {
	background: #E8E8E8;
}

.lioactive {
	background: #3815a4;
	color: #0A0B0D;
}

.wenzizhibo {
	background: #ffffff;
}

.layui-timeline-ad {
	width: 8px;
	height: 8px;
	background: #EBEEF7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 2px;
	right: 0;
	top: 0px;
}

.wenzizhibo {
	overflow: hidden;
}

.layui-timeline {
	margin-top: 30px;
	margin-left: 100px;
}

.timerf {
	font-size: 14px;
	color: #8C8C8C;
	position: absolute;
	left: -50px;
	top: 0;
}

.laytime {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 92px;
	height: 26px;
	background: #C0C0C0;
	border-radius: 13px;
	opacity: 1;
	font-size: 12px;
	color: #fff;
	position: absolute;
	top: -13;
	left: -14px;
}

.opkl {
	opacity: 0;
}

.laytime img {
	margin-right: 5px;
	width: 18px;
	height: 18px;
}

.layui-flag {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #FE960D;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 2px;
	top: 0;
}

.layui-flag img {
	width: 16px;
	height: 16px;
}

.titleover {
	font-size: 14px;
	color: #8C8C8C;
}

.redc {
	color: #FF006A;
}

.huic {
	color: #8C8C8C;
}

.corner {
	font-size: 14px;
	color: #2D313E;
	display: flex;
}

.corner img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.marl16 {
	margin-left: 16px;
}

.colord {
	color: #F94654;
}

.marl16 {
	margin-left: 16px;
}

.intelligence {
	background: #fff;
	padding: 0 24px;
	padding-bottom: 20px;
}

.header_hbm {
	height: 60px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
	border-bottom: 1px solid #E7E7E7;
	;
}

.linedv {
	width: 4px;
	height: 16px;
	background: #3815a4;
	border-radius: 10px;
	opacity: 1;
	margin-right: 3px;
}

.sheetli {
	padding: 0 36px;
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
}

.sheet_header {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333333;
}

.sheet_headers {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	color: #333333;
}

.sheet_headersc {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 16px;
	color: #333333;
}

.sheet_headersc img {
	width: 48px;
	height: 48px;
	margin-left: 6px;
}

.sheet_headers img {
	width: 48px;
	height: 48px;
	margin-right: 6px;
}

.sheet_header img {
	width: 48px;
	height: 48px;
	margin-right: 6px;
}

.b_active {
	border-radius: 6px;
	border: 1px solid #F71A63;
}

.jindutiao {
	margin-top: 20px;
}

.layui-timeline-de {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	right: 0;
	background: #4880E2;
}

.layui-timeline-des {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: 2px;
	right: 0;
	background: #FF4904;
}

.tijin {
	width: 555px;
	font-size: 14px;
	color: #333333;
}

.Squads {
	position: relative;
	margin: 0 auto;
	margin-top: 24px;
	width: 1280px;
	height: 674px;
	background: url("../images/Live/lqbg.png")no-repeat;
	background-size: 100% 100%;
}

.dh_img {
	text-align: center;
	width: fit-content;
}

.dh_img img {
	width: 44px;
	height: 44px;
}

.s_left {
	display: flex;
	align-items: center;
}

.s_left img {
	width: 32px;
	height: 32px;
}

.squa_header {
	padding: 0 16px;
	display: flex;
	height: 54px;
	align-items: center;
	justify-content: space-between;
}

.textswe {
	margin-top: 2px;
	font-size: 14px;
	color: #0A0B0D;
	text-align: center;
}

.texisfrs {
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.texisfr {
	margin: 0 10px;
	font-size: 16px;
	color: #fff;
}

.dl1 {
	position: absolute;
	left: 211px;
	top: 139px;
}

.dl2 {
	position: absolute;
	left: 362px;
	top: 139px;
}

.dl3 {
	position: absolute;
	left: 211px;
	top: 268px;
}

.dl4 {
	position: absolute;
	left: 362px;
	top: 268px;
}

.dl5 {
	position: absolute;
	left: 513px;
	top: 224px;
}

.dl6 {
	position: absolute;
	left: 70px;
	top: 337px;
}

.dl7 {
	position: absolute;
	left: 211px;
	top: 398px;
}

.dl8 {
	position: absolute;
	left: 362px;
	top: 398px;
}

.dl9 {
	position: absolute;
	left: 513px;
	top: 420px;
}

.dl10 {
	position: absolute;
	left: 211px;
	top: 527px;
}

.dl11 {
	position: absolute;
	left: 362px;
	top: 527px;
}

.dr1 {
	position: absolute;
	right: 518px;
	top: 224px;
}

.dr2 {
	position: absolute;
	right: 518px;
	top: 420px;
}

.dr3 {
	position: absolute;
	right: 365px;
	top: 139px;
}

.dr4 {
	position: absolute;
	right: 365px;
	top: 268px;
}

.dr5 {
	position: absolute;
	right: 365px;
	top: 398px;
}

.dr6 {
	position: absolute;
	right: 365px;
	top: 527px;
}

.dr7 {
	position: absolute;
	right: 214px;
	top: 139px;
}

.dr8 {
	position: absolute;
	right: 214px;
	top: 268px;
}

.dr9 {
	position: absolute;
	right: 214px;
	top: 398px;
}

.dr10 {
	position: absolute;
	right: 214px;
	top: 527px;
}

.dr11 {
	position: absolute;
	right: 70px;
	top: 336px;
}

.substitution {
	background: #fff;
	padding: 0 36px;
	display: flex;
	margin-top: 20px;
	justify-content: space-between;
	padding-bottom: 20px;
}

.subs_left {
	padding-right: 49px;
	border-right: 1px solid #E7E7E7;

}

.subs_right {
	padding-left: 47px;

}

.sub_header {
	width: 592px;
}

.sub_hg {
	height: 48px;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333333;
	background: #F6F6F6;
}

.nodata {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #707070;
}

.sub_z {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 40px;
	font-size: 14px;
	color: #333333;
}

.sub_left {
	display: flex;
	align-items: center;

}

.sub_left img {
	margin-left: 14px;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}

.analyseli {
	background: #fff;
	padding-bottom: 30px;
	padding: 0 24px;
	position: relative;
}

.ana_header {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #E7E7E7;
}

.analift {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #2D313E;
}

.btnsx_z {
	cursor: pointer;
	width: 140px;
	height: 32px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #6D7387;
	background: #F6F6F6;
	border-radius: 20px;
}

.btnsx_zs {
	cursor: pointer;
	width: 210px;
	height: 32px;
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #6D7387;
	background: #F6F6F6;
	border-radius: 20px;
}

.flexml {
	width: 70px;
	height: 32px;
	background: #F6F6F6;
	border-radius: 20px 0px 0px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flexmlc {
	width: 70px;
	height: 32px;
	background: #F6F6F6;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 复选框样式 */
.checkg input {
	display: none;
}

.checkg {
	position: relative;
}

.checkg input+label {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 1px solid #C2C2C2;
	border-radius: 2px;
	background: #ffffff;

}

.checkg input:checked+label::before {
	display: block;
	content: "\2714";
	text-align: center;
	font-size: 13px;
	color: #3815a4;
}

/* 复选框样式 */
.flexmr {
	width: 70px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F6F6F6;
	border-radius: 0px 20px 20px 0px;
	opacity: 1;
}

.btns_active {
	background: #3815a4;
	color: #0A0B0D;
}

.right_navb {
	padding: 20px 8px;
	width: 130px;
	background: #FFFFFF;
	border-radius: 4px;
	position: absolute;
	right: -160px;
	top: 0;
}

.lixcsw {
	width: 114px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8C8C8C;
	font-size: 12px;
	border-radius: 18px 18px 18px 18px;
}

.lixcswactive {
	background: #3815a4;
	color: #0A0B0D;
}

.jifenleft {
	margin-top: 23px;
}

.jifen_header {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #2D313E;
}

.jifen_header img {
	margin-right: 8px;
	width: 32px;
	height: 32px;
}

.left_tablejf {
	margin-top: 21px;
	width: 664px;
}

.playnames {
	width: 70px;
}

.theader {
	background: #F6F6F6;
	text-align: center;
	font-size: 14px;
	color: #616161;
	border-bottom: 2px solid #ffffff;
}

.jifenx {
	display: flex;
	justify-content: space-between;
}

.t_leftr {
	color: #2D313E;
	font-size: 14px;
	text-align: center;
}

.re_hji {
	color: #FF4904;
}

.anaright {
	display: flex;
	align-items: center;
}

.together {
	font-size: 14px;
	color: #2D313E;
	margin-left: 10px;
	margin-right: 20px;
}

.engagement {
	height: 62px;
	display: flex;
	align-items: center;
}

.engameg {
	display: flex;
	align-items: center;
	margin-left: 24px;
	font-size: 14px;
	color: #8C8C8C;
}

.marl10 {
	margin-left: 10px;
}

.th_w {
	color: #FF4904;
}

.on_jh {
	color: #4880E2;
	margin-left: 5px;
}

.on_jkn {
	margin-left: 5px;
	color: #00A807;
}

.probability {
	color: #FF4904;
}

.jz_liq {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #fff;
}

.jz_liqs {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #dee2e6;
}

.rb_borderdf {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

.rb_border {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.r_border {
	border-right: 1px solid #fff;
}

.rb_border .dropdown-toggle {
	background: none;
	border: none
}

.rb_border .btn-primary.dropdown-toggle {
	background: none;
	border: none;
	color: #616161;
}

.rb_border .btn-primary {
	color: #616161;
}

.rb_borders .dropdown-toggle {
	background: none;
	border: none
}

.rb_borders .btn-primary.dropdown-toggle {
	background: none;
	border: none;
	color: #616161;
}

.rb_borders .btn-primary {
	color: #616161;
}

.rb_borders .dropdown-menu {
	min-width: 60px !important;
}

.dropdown-item:hover {
	cursor: pointer;
	background: #ffd004;
}

.rb_border .dropdown-menu {
	min-width: 60px !important;
}

.Premier {
	background-color: #AA255C !important;
	color: #fff;
}

.Premier1 {
	background-color: #E9BC26 !important;
	color: #fff;
}

.Premier2 {
	background-color: #FF614E !important;
	color: #fff;
}

.Premier3 {
	background-color: #2DAAF9 !important;
	color: #fff;
}

.Premier4 {
	background-color: #55378B !important;
	color: #fff;
}

.Premier5 {
	background-color: #25B5A6 !important;
	color: #fff;
}

.ping {
	color: #4880e2;
}

.bifenl {
	color: #00A807;
}

.qizi {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qizi img {
	margin-right: 2px;
	width: 11px;
	height: 16px;
}

.largeli {
	color: #FF4904;
}

.annotation {
	font-size: 14px;
	color: #8C8C8C;
}

.lvdown {
	display: flex;
	justify-content: center;
	align-items: center;
}

.table {
	margin-top: 10px;
}

.th_left {
	height: 60px;
	display: flex;
	align-items: center;
}

.datatimexc {
	display: flex;
	align-items: center;
	color: #8C8C8C;
	font-size: 14px;
	margin-top: 42px;
	margin-left: 236px;
}

.marl_30 {
	margin-left: 30px;
}

.one_s {
	width: 30px;
	text-align: center;
}

.jkli_ks {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	margin-left: 46px;
}



.left_plys {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
	margin-top: 12px;
}

.left_ply {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333333;
}

.player_k {
	margin-left: 90px;
	margin-top: 12px;
}

.con_tdf {
	flex: 1
}

.cavagh {
	width: 10px;
	height: 10px;
	background: #2DAAF9;
	border-radius: 50%;
	margin-right: 20px;
}

.cared {
	background: #F94654;
}

.th_lefts {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.lefty {
	display: flex;
	align-items: center;
}

.lefty img {
	margin-left: 8px;
	width: 32px;
	height: 32px;
}

.tongleft {
	width: 628px;
}

.tongji_z {
	display: flex;
}

.tongright {
	width: 628px;
}

.tong_headers {
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
	color: #2D313E;
}

.tong_header {
	height: 60px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 16px;
	color: #2D313E;
}

.contantdf {
	width: 144px;
}

.tong_headers img {
	width: 32px;
	height: 32px;
	margin-right: 8px;
}

.marty {
	margin-top: 97px;
}

.marlos {
	margin: 0 12px;
}

.prohjs {
	transform: rotate(180deg);
}

.dfertys {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	color: #8C8C8C;
	margin-top: 34px;
}

.dferty {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 14px;
	color: #8C8C8C;
	margin-top: 34px;
}

.dfertys {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 14px;
	color: #8C8C8C;
	margin-top: 34px;
}

.progresv {
	background: #E7E8EB;
}

.prohj {
	width: 380px !important;
	background: #4880E2;
}

.tong_header img {
	width: 32px;
	height: 32px;
	margin-left: 8px;
}

.th_right {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #8C8C8C;
}

.th_left img {
	margin-right: 8px;
	width: 32px;
	height: 32px;
}

.lvcol {
	color: #00A807;
}

.mar24 {
	margin-left: 24px;
}

.hocu {
	color: #F94654;
}

.lvdown img {
	width: 8px;
	height: 5px;
	margin-left: 6px;
}

.tong_left {
	width: 664px;
}

.nodata_list {
	text-align: center;
}

.nodata_list img {
	width: 60%;
	height: 60%;
}

.nodtah {
	margin-top: 20px;
	text-align: center;
	color: #9DA3B6;
}

.tong_z {
	display: flex;
	justify-content: space-between;
}

.t_header {

	display: flex;
	justify-content: space-between;
}

.t_headeris {

	display: flex;
	justify-content: space-between;
	width: 100%;
}

.mar12 {
	margin-left: 12px;
}

.left_mar48 {
	margin-left: 48px;
}

.record_header {
	font-size: 16px;
	color: #2D313E;
	font-weight: bold;
	text-align: center;

}

.mar74 {
	margin-top: 104px;
}

.record {
	margin-top: 104px;
}

.record_li {
	font-size: 14px;
	color: #8C8C8C;
	text-align: center;
}

.mar50 {
	margin-top: 42px;
}

.r-txt0 {
	color: #00A370;
}

.r-txt3 {
	color: #F94654;
}

td .r-txt0::after {
	content: '';
	display: inline-block;
	position: relative;
	margin-left: 4px;
	top: 2px;
	vertical-align: middle;
	border-width: 5px;
	border-style: solid;
	border-color: #00A807 transparent transparent transparent;
}

td {
	text-align: center;
}

.b_r1 {
	text-align: center;
	border-right: 1px solid #EEEEEE;
}

td .r-txt3::after {
	content: '';
	display: inline-block;
	position: relative;
	margin-left: 4px;
	top: -4px;
	vertical-align: middle;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #F71A1A transparent;
}

.mar34 {
	margin-top: 34px;
}

.European {
	background: #fff;
	padding: 0 24px;
	padding-bottom: 20px;
}

.check_right {
	display: flex;
	align-items: center;
}

.all_show {
	font-size: 14px;
	color: #2D313E;
	margin-left: 3px;
}

.checkg {
	display: flex;
}

.marl50 {
	margin-left: 50px;
}

.title_E {
	height: 63px;
	line-height: 63px;
	font-size: 14px;
	color: #8C8C8C;
}

.centerf {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.zhuplayh {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #2D313E;
}

.zhuplayh img {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}

.corr {
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #EEEEEE;
}

.corl {
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #EEEEEE;
}

.redfa {
	display: flex;
	color: #F71A1A;
	justify-content: center;
	align-items: center;
}

.cors {
	color: #85AAFF;
}

.lvg {
	display: flex;
	color: #0AB712;
	justify-content: center;
	align-items: center;
}

.lvg img {
	width: 8px;
	height: 5px;
	margin-left: 5px;
}

.redfa img {
	width: 8px;
	height: 5px;
	margin-left: 5px;
}

.tr_hover:hover {
	cursor: pointer;
	background: #FFF7EB;
}

.tanchucheng {
	min-width: 368px;
	height: 300px;
	overflow-y: auto;
	box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16);
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	border: 2px solid #3815a4;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	background: #fff;
}

.ou_header {
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #2D313E;
	font-weight: bold;
	background: #FFF7EB;
}

.oulix {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #2D313E;
}

.flex_xw {
	height: 40px;
	line-height: 40px;
	flex: 1;
	text-align: center;
}

.subcu {
	padding: 0 24px;
	background: #fff;
	padding-bottom: 20px;
}

.Goals {
	padding: 0 24px;
	background: #fff;
	padding-bottom: 20px;
}

.Betfair {
	padding: 0 24px;
	background: #fff;
	padding-bottom: 20px;
}

.cavadz {
	width: 100px;
	position: absolute;
	left: 47px;
	top: 70px;
}

.cavasd {
	display: flex;
	justify-content: space-between;
}

.clbor_r {
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
}

.clbor_rs {
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.clbor_left {
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #fff;
}

.clor1 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #FF4904;
	margin-right: 10px;
}

.clor2 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2DAAF9;
	margin-right: 10px;
}

.clor3 {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #3815a4;
	margin-right: 10px;
}

.toplis {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #2D313E;
}

.botghkj {
	margin-top: 2px;
	font-size: 12px;
	color: #8C8C8C;
}

.mart_20 {
	margin-top: 10px;
}

.fusa {
	color: #3815a4;
}

.covbnha {
	display: flex;
	position: relative;
}

.shodfx {
	margin-top: 40px;
}

.transaction {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #111111;
}

.mar5 {
	margin-top: 5px;
}

.transactions {
	font-size: 13px;
	color: #8C8C8C;
	margin-top: 5px;
	text-align: center;
}

.cava_right {
	width: 883px;
	margin-top: 24px;
}

.nodata_w {
	margin: 0 auto;
	margin-top: 20px;
	font-size: 14px;
	color: #707070;
	text-align: center;
}

.nodata_w img {
	width: 500px;
	height: 308px;
}

.nodata_taxt {
	margin-top: 50px;
}

.calculatorleft {
	width: 510px;
}

.calculator {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}

.titldnj {
	font-size: 16px;
	color: #3459D9;
	text-align: center;
	margin-top: 34px;
}

.calcu_btn {
	width: 154px;
	height: 32px;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	background: #3815a4;
	border-radius: 18px;
	margin-top: 34px;
	font-size: 14px;
	color: #0A0B0D;
}