.matchMsg {margin-top: 20px;overflow: hidden;}
.downinfo-detail .down-site {margin: 0px 0;padding: 10px;text-align: center;background: #111227;}
.down-site a {padding: 5px 10px 5px 10px;color: #ff7e00;margin: 5px;border-radius: 16px;border: 1px solid #ff7e00;display: inline-block;font-size: 14px;}

.matchMsg>div {float: left;}
.msg {width: 100%;height: 186px;padding-top: 38px;background-repeat: no-repeat !important;}
.state {width: 65px;height: 20px;color: #FFFFFF;font-size: 12px;line-height: 20px;background: #D20000;border-radius: 0 8px 8px 0;}
.state img {width: 12px;height: auto;margin: 0 4px 3px 5px;vertical-align: middle;}
.msg ul {height: 160px;line-height: 70px;font-size: 14px;overflow: hidden;padding: 0 46px;}
.msg ul li {list-style-type: none;color: #FFFFFF;float: left;margin-right: 12px;}
.msg ul li:last-of-type {margin-right: 0px;}
.msg ul li img {width: 60px;vertical-align: middle;}
.downinfo-detail .timer {width: 16%;
    line-height: 30px !important;
    text-align: center !important;text-align: center !important;}
.timer p:first-of-type {}.zb_zzt{font-size: 14px;font-weight: bold;}.score {font-size: 12px !important;}
.teamName {width: 30%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.nameOne,.nameTwo{font-size: 18px;font-weight: bold;text-shadow:1px 1px 1px #000;}.teamName:first-of-type {text-align: right;}
.teamName:last-of-type {text-align: left;}
.channel {width: 750px;height: auto;background: #FFFFFF;}
.channelBox {padding: 10px 18px;font-size: 12px;}
.checkChannel li:first-of-type {color: #383838;font-size: 12px;background: transparent;}
.checkChannel li:first-of-type:hover {background: transparent;}
.channel p,
.checkChannel {display: inline-block;}
.checkChannel li {height: 30px;color: #FFFFFF;font-size: 14px;line-height: 30px;text-align: center;background: #2E81FF;border-radius: 20px;margin-right: 10px;cursor: pointer;display: inline-block;margin-top: 8px;}
.checkChannel li a {/*width: 94px;*/height: 30px;display: block;color: #FFFFFF;padding: 0 15px;}
.checkChannel li:hover {background: #005BE6;}

/*赛前聊天*/
.chat {width: 730px;height: 240px;margin: 0 auto;text-align: center;}
.chat>p {color: #FFFFFF;font-size: 14px;padding: 8px 0;}

/*发送消息*/
.sendChat {padding: 10px;}
.userName {width: 90px;height: 35px;text-align: center;}
.userMsg {width: 517px;height: 35px;padding-left: 15px;}
button {width: 90px;height: 38px;color: #FFFFFF;border: none;outline: none;font-size: 14px;margin-top: -1px;cursor: pointer;background: #3184FF;}
#advertisement {width: 230px;height: 454px;margin-left: 20px;background: #FFFFFF;}

/*概况*/
.survey {margin-top: 20px;margin-bottom: 20px;overflow: hidden;}
.survey>div {float: left;}
.leftTab {width: 750px;height: auto;overflow: hidden;background: #FFFFFF;}
.tabList {padding: 10px;}
.tabList:last-of-type {/*margin: 0 0 100px 0;*/padding: 0px !important;}
.leftTab ul {overflow: hidden;border-bottom: 1px solid #F4F4F4;}
.leftTab ul li {float: left;margin: 0 15px;padding: 15px 0;font-size: 16px;cursor: pointer;}
.luxiang {margin: 0 0 10px 0 !important;}
.surveyActive {color: #3184FF;font-weight: bold;border-bottom: 1px solid #3184FF;}
.rightTab {margin-top: 20px;}
.rightTab>div {width: 230px;height: auto;margin-left: 20px;background: #FFFFFF;}
.matchOne,
.matchTwo {font-size: 14px;/*height: 406px;*/position: relative;}
.matchP {color: #FFFFFF;z-index: 9999;position: absolute;top: 5px;left: 5px;}
.name {/*width: 100%;*/height: 30px;color: #FFFFFF;padding: 0 10px;line-height: 30px;z-index: 9999;}
.nameImg {background-repeat: no-repeat;background-size: 230px;background-position-y: -130px;}
.mengban {width: 100%;height: 30px;position: absolute;background-color: rgba(0, 0, 0, 0.6);}
.matchOne ul,
.matchTwo ul {border-bottom: 1px solid #F4F4F4;}
.matchOne ul li,
.matchTwo ul li {margin: 0 22px;padding: 10px 0;cursor: pointer;display: inline-block;}
.matchOneActive,
.matchTwoActive {color: #3D9BFF;border-bottom: 1px solid #3D9BFF;}

/*录像*/

.videotape {overflow: hidden;}
.videotape>a>div {overflow: hidden;cursor: pointer;padding: 0 10px;border-bottom: 1px solid #F4F4F4;}
.videotape p {padding: 10px 0 6px 0;

    font-size: 12px;}
.videotape>a>div:first-of-type>p {color: #828282;}
.videotape>a>div>div {float: left;}
.tape {width: 132px;margin-bottom: 8px;}
.tape>p {width: 132px;padding: 0;font-size: 14px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tape p img {width: 15px;height: 15px;margin-right: 6px;vertical-align: middle;}
.tapeVideo {height: 60px;line-height: 60px;/*margin-left: 10px;*/float: right !important;}
.tapeVideo img {width: 15px;height: auto;margin-bottom: 5px;margin-right: 4px;vertical-align: middle;}
.more {font-size: 12px;text-align: center;cursor: pointer;padding: 7px 0 !important;}

/*视频*/

.allVideo ul {border-bottom: 0px !important;}
.allVideo ul li {margin: 0 !important;padding: 0 !important;cursor: pointer;display: block;border-bottom: 1px solid #F4F4F4;}
.allVideo ul p {width: 210px;height: 40px;margin: 0 10px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.allVideo ul p a {width: 210px;height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.allVideo ul p a:hover {color: #3696FF;}
.allVideo ul li img {width: 15px;height: auto;margin-bottom: 2px;margin-right: 4px;vertical-align: middle;}
.matchTwo {margin-top: 20px;}

/*积分榜*/

.leagueTable {width: 230px;height: 315px;background: #FFFFFF;margin-top: 20px;}
.leagueTable tr {height: 33px;border-bottom: 1px solid #F4F4F4;}
.leagueTable td {width: 60px;text-align: center;}
.leagueTable td:nth-of-type(2) {width: 75px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.num {width: 18px;height: 18px;color: #FFFFFF;background: #34A6FF;border-radius: 50%;margin: 0 auto;}
.myListTape {width: 96%;height: 50px;line-height: 50px;padding: 0 15px;overflow: hidden;border-bottom: 1px solid #F4F4F4;}
.myListTape img {width: 15px;height: auto;float: left;margin-top: 20px;vertical-align: middle;}
.myListTape p {width: 695px;height: 50px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.myListTape:hover {color: #166AE6;}

/*评论*/

.commentAll {width: 710px !important;}
.comment-input {width: 100% !important;}
.comment-show-con-list {width: 90% !important;margin-left: 2% !important;}
.hf-input {width: 99% !important;}
#mypl {color: #383838;background: #EFEFEF;margin-right: 7px !important;}
#hfPl {color: #383838;background: #EFEFEF;margin-right: 6px !important;}
.date-dz-pl img {vertical-align: middle;}
.comment-show-con-list .date-dz-left {width: 638px;}
.all-pl-con .date-dz-left {width: 622px;}
#checkPl ul {margin: 0 !important;border: none !important;}
#checkPl ul li {margin: 0 !important;}
#popPhone,
#changePhone {width: 290px;height: auto;background: #FFFFFF;position: fixed;left: 40%;top: 22%;display: none;border-radius: 2px;padding: 30px 20px 25px 20px;box-shadow: 2px 2px 36px #E7E7E7;z-index: 1002;}
#popPhone>img,
#changePhone>img {cursor: pointer;position: absolute;right: 8px;top: 8px;}
#popPhone>div p,
#changePhone>div p:first-of-type {font-size: 22px;}
#popPhone input[type="tel"] {width: 267px;height: 40px;margin-top: 20px;padding: 0 10px;outline: none;border-radius: 2px;border: 1px solid #E1E1E1;}
.messgesCodePhone,
.messgesCodePhone2 {width: 266px;height: 40px;padding: 0 10px;margin-top: 10px;border: 1px solid #E1E1E1;}
.messgesCode {width: 266px;height: 40px;padding: 0 10px;margin-top: 10px;border: 1px solid #E1E1E1;}
.messgesCode>input,
.messgesCodePhone>input,
.messgesCodePhone2>input {width: 154px;height: 38px;border: none;outline: none;margin-top: 0px;padding: 0;}
.messgesCode>input[type="button"],
.messgesCodePhone>input[type='button'],
.messgesCodePhone2>input[type='button'] {width: 106px;color: #247FFB;padding-left: 12px;cursor: pointer;display: inline-block;background: #FFFFFF;border-left: 1px solid #E1E1E1;}
.phoneErr,
.codeErr,
.codeErr2 {color: #E93E3E !important;font-size: 12px !important;margin-top: 2px;display: none;}
#popPhone input[value="完成"],
#changePhone input[value="下一步"] {width: 288px;height: 45px;color: #FFFFFF;font-size: 12px;border: none;outline: none;margin-top: 30px;cursor: pointer;background: #055FD5;}
#imgCode3>input {width: 128px;height: 40px;padding: 0 8px;border: 1px solid #e1e1e1;}
.captcha4Err {color: #E93E3E !important;font-size: 12px !important;}
.activePl {color: #383838 !important;}
/*失败*/
#err {width: 260px;height: auto;left: 41%;padding:0 15px 15px 15px;margin: 0 auto;background: #FFFFFF;border-radius: 5px;position: fixed;left: 45%;top: 180px;display: none;text-align: center;font-size: 12px;z-index: 1002;box-shadow: 2px 2px 36px #E7E7E7;}
#err>img {width: 115px;text-align: center;}
@media only screen and (max-width:639px) {.msg{display:none;}.teamName {width:13%;
}}.dataMsg {display:none;}
@media only screen and (max-width:639px) {
.dataMsg {	display:block;	width: 100%;	height: 166px;

	position: relative;	background-size: 100% 100% !important;	background-repeat: no-repeat !important;

}.returnTitle {	width: 100%;	height: 35px;	color: #FFFFFF;	line-height: 35px;	text-align: center;	background: rgba(0, 0, 0, 0.6);}

.list {margin-top: 12px;	color: #FFFFFF;	overflow: hidden;

}.list>div {	width: 33%;	height: 95px;	float: left;	text-align: center;}.list>div img {	width: 35px;	height: 35px;}.score {	line-height: 32px;}.score p:first-of-type {	font-size: 14px;	margin-top: 8px;}.score p:last-of-type {	font-size: 14px;}.score p:nth-of-type(2) {	font-size: 13px;	font-weight: bold;}.teamOne p,.teamTwo p {	width: 100%;	font-weight: bold;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}.teamOne img,.teamTwo img {	margin-top: 16px;}.videotape {	width: 100%;	height: 200px;}
.state {	width: 68%;	height: 25px;	color: #FFFFFF;	font-size: 16px !important;	line-height: 25px;	margin: 0 auto;	border-radius: 20px;	background: rgb(189, 189, 189);}.swiper-container-b {	width: 100%;	height: 35px;	background: #FFFFFF;	box-shadow: 0px 0px 8px 0px #f4f4f4;}.swiper-container-b .swiper-slide {	height: auto;	line-height: 35px;	text-align: center;	background: #FFFFFF;	/* Center slide text vertically */	display: -webkit-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;}.swiper-container-b .navNow {	color: #276BFF;	border-bottom: 1px solid #276BFF;}
.tapeList {	padding: 3% 2%;	overflow: hidden;	border-bottom: 1px solid #F2F2F2;}.tapeList img {	width: 15px;	height: auto;	margin-top: 1%;}.mySpan {	color: #979797;	float: right !important;}.listMsg {	float: left !important;	color: #383838 !important;	width: 88% !important;	text-align: left !important;	overflow: hidden;	text-overflow: ellipsis;	white-space: nowrap;}.tapeList p,.tapeList img {	float: left;}#mask {	width: 100%;	height: 100%;	background: rgba(0, 0, 0, 0.6);	position: fixed;	top: 0;	z-index: 9999;	text-align: center;	display: none;}#choice {	width: 50%;	height: auto;	color: #828282;	background: #FFFFFF;	margin-left: 25%;	margin-top: 50%;	border-radius: 5px;}#choice p {	padding: 5% 0;	border-bottom: 1px solid #F2F2F2;}#choice ul li {	padding: 6% 0;	border-bottom: 1px solid #F2F2F2;	font-weight: bold;	font-size: 16px;	color: #383838;}
#chat {	background: #f5f5f5;}.contentList {
	overflow-x: hidden;	overflow-y: auto;}.Notice {	color: #FF3434;	font-size: 14px;}#userLt {	height: 50px;	padding: 0 15px;	background: #FFFFFF;}#text {	width: 75% !important;	height: 32px !important;	outline: none;	padding: 0 15px;	margin-top: 9px !important;	background: #F2F2F2 !important;	border-radius: 20px;	float: left;	position: relative;}#userLt span{	position: absolute;	left: 8%;	bottom: 2.5%;	color: #828282;}#userLt div {	width: 14%;	float: left;	font-size: 16px;	color: #0051B9;	margin-top: 14px;	text-align: right;}.contentList>p {	padding: 3% 3% 0 3%;}
}
@media only screen and (min-width: 300px) and (max-width: 320px) {#userLt span {	bottom: 3.4%;}}
@media only screen and (min-width: 375px) and (max-width: 414px) {#userLt span {	bottom: 2.2%;}}
@media only screen and (min-width: 700px) and (max-width: 768px) {.tapeList img {	margin-top: 0.5%;}#userLt span {	left: 5%;	bottom: 1.5%;}.dataMsg {	height: 90px;}.list {	margin-top: 32px;}}
@media only screen and (min-width:1000px) and (max-width: 1024px) {.tapeList img {	margin-top: 0.5%;}#userLt span {	left: 4%;	bottom: 1.2%;}.dataMsg {	height: 90px;}.list {	margin-top: 32px;}}