body { padding:0; margin: 0; font-family: "微软雅黑"; color: #333; font-size: 12px; background: #ededed url(omimg/topbg.png) no-repeat center top;}
div,
h1,
h2,
h3,
h4,
p,
form,
input,
textarea,
img,
span { margin: 0; padding: 0; font-weight: normal;}
ul { margin: 0; padding: 0; list-style-type: none;}
li { vertical-align: bottom;}
img { border-width: 0;}
a:link,
a:visited { text-decoration: none; color: #333333;}
a:hover { /*color: #FF5106;*/ color: #143cdc;text-decoration: underline;}
#top { width: 1000px; margin: 0 auto;}
#main { width: 1200px; margin: 0 auto;clear: both; padding-top: 12px;}
#me { background-image: url(omimg/me1.gif); background-repeat: no-repeat; background-position: left; clear: both; height: 61px; padding-left: 51px;}
#me ul { background-image: url(omimg/me2.gif); height: 61px; padding-top: 4px; padding-left: 4px; width: 944px;}
#me ul li { float: left;}
#me ul li a { display: block; float: left; text-align: center; width: 58px; height: 26px; line-height: 26px;}
.newsBox { float: right; width: 588px; font-size: 15px; line-height: 26px; background-color: #fff;border-radius: 10px;padding-bottom: 13px;}
.newsBox a {text-decoration: none;}
.newsBox .newstitle { display: block; line-height: 40px; font-size: 20px; font-weight: bold;}
/* .newsBox .newstitle a { color: #333;} */
.newsBox2 {float: left; width: 100%; font-size: 15px; line-height: 26px;margin-top: 24px;}
.newsBox .text {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 553px;}
.newstitle { font-size: 16px; font-weight: bold; color: #4A77D2;  margin: 0 0 0 28px; padding: 0px; font-weight: 700;}
/* .newstitle a,.newstitle a:visited { color: #4A77D2} */
.b_title { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 10px; padding-left: 4px; background: url(omimg/title_h5.png) no-repeat left top; height: 37px; border-radius:10px 0 0;}
.b_title2 { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 4px; padding-left: 4px; background: url(omimg/title_h2.png) no-repeat left bottom; height: 37px;}
.b_title3 { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 10px; padding-left: 4px; background: url(omimg/title_h3.png) no-repeat left bottom; height: 37px; display: none;}
.b_title4 { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 10px; padding-left: 4px; background: url(omimg/title_h4.png) no-repeat left bottom; height: 37px; margin: 5px 0 14px 38px;}
.b_title span a,
.b_title span a:visited { font-size: 12px; font-weight: normal; color: #666; font-family: Tahoma, Geneva, sans-serif;padding-right: 10px;}
.b_title-euro { font-size: 14px; line-height: 37px; font-weight: bold; padding-bottom: 2px; padding-right: 10px; padding-left: 4px; background: url(omimg/title_h52.png) no-repeat left top; height: 37px; border-radius:10px 0 0;}
.r_news { padding-top: 16px;}
.r_news li { line-height: 24px; }
.r_news li a { font-size: 15px}
.jp { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #D6C8B8; border-bottom-color: #D6C8B8; border-left-color: #D6C8B8; background-color: #FAF2EB;}
.jp td { line-height: 30px;}
.g1,
.g2,
.g3,
.gs { font-family: Verdana, Geneva, sans-serif; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto}
.g1 { background-image: url(omimg/number.gif); background-repeat: no-repeat; background-position: left top;}
.g2 { background-image: url(omimg/number.gif); background-repeat: no-repeat; background-position: left -16px;}
.g3 { background-image: url(omimg/number.gif); background-repeat: no-repeat; background-position: left -32px;}
.gs { background-image: url(omimg/number.gif); background-repeat: no-repeat; background-position: left -48px;}
.g11 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto}
.g21 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto}
.g31 { font-family: Verdana, Geneva, sans-serif; font-weight: bold; color: #ffffff; height: 16px; width: 16px; line-height: 16px; text-align: center; margin: 0 auto}
.k td { background-color: #FFFEFB; margin-top: 10px;}

.Leadwrap {background-color: #fff;padding: 28px;width: 1160;height: 302px;border-radius:10px;margin-top: 14px;}
.Bolistleft { width: 602px;float: left;display: block;}
.Bolistright { width: 570px;float: right;display: block;}
.listcoo { float: left;}
.listcoo li.width1  {margin-bottom: 12px;margin-right: 16px;}
.listcoo li:last-child.width1 {margin-bottom: 0;}
.listcoo li.width2 {width: 330px;}
.listcoo li img {width: 245px; height: 140px; border-radius: 6px;}
.listcoo li .Boutiqueba {font-size: 16px;height: 34px; line-height: 34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;word-break:break-all;}
.listcoo li .Boutiqueba.bottom {margin-bottom: 20px;}
.listcoo.spacing {margin-bottom: 24px;}

.listcoo2 span {width: 245px; height: 150px;margin-left: 12px;}
.listcoo2 span img {width: 270px; height: 150px; border-radius: 6px;}
.listcoo2 a.Boutiquebb {width: 542px;margin-left: 20px;font-size: 16px;height: 34px; line-height: 34px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;word-break:break-all;}
.listcoo2.spacing {margin-bottom: 11px;}



.forweb {  font-size: 16px; font-weight: bold;  line-height: 50px; margin: 0 auto 0px;padding: 0 20px; height: 50px; font-family: "微软雅黑"; border-radius: 6px 6px 0 0; overflow: hidden; color: #3b5e60;}
.forweb span a,
.forweb span a:visited { color: #FFF}
#ScoreGroupDiv { background-color: #ffffff;}
#live .msg { border: 1px solid #FD6708; margin: 10px auto; display: block; padding: 10px 25px; width: 200px; background: #FFC; height: auto; font-size: 14px; text-align: center; color: #900;}
.oddsList { width: 484px; float: left;}

.navbtn {margin: 10px;}
.navbtn span {background: #dbdeed;color: #606372;font-size: 14px;line-height: 30px;padding: 0 20px;margin-right: 10px;border-radius: 30px;transition: all 0.2s linear;display: inline-block;cursor: pointer;}
.navbtn span:hover {background: #ccd2ed;color: #192b87;}
.navbtn .on,.navbtn .on:hover {background: #192b87;color: #fff;}
.latest .op {padding-top: 12px;}
.op {position: relative;padding: 0 12px 12px;margin: 0 auto;border-radius:0 0 6px 6px;clear: both;overflow: hidden;}
.op .more {position: absolute; right: 60px; top: 30px;}
.op .more a {color: #fff;}
.op .imgList { background: url(omimg/video.jpg) no-repeat center top; overflow: hidden; display: block; width: 1074px; padding: 63px 63px 30px 63px;}
.op .imgList li { float: left; width: 204px; position: relative; margin: 0px 5px;}
.op .imgList li img {width: 204px; height: 124px;}
.op .imgList li span { display: block; line-height: 20px; text-align: center; position: absolute; left: 0px; bottom: 0px; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background: #000; color: #ffffff; width: 100%; vertical-align: middle;}
.ollive a { color: #0e65ab; text-decoration: none;}
.ollive a:hover { color: #c60206; text-decoration: none;}
.ollive td { text-align: center; line-height: 20px; font-size: 14px; font-weight: normal; color: #333; border-bottom: 1px solid #DEE1E9; height: 40px;}
tr.livetit td,
td.livetit { color: #FFFFFF; border-bottom-width: 0px; font-weight: normal; background: #327bc3; line-height: 36px;}
.bf { font-weight: bold; color: #F30;}
.blues:link,
.blues:visited { color: #3078C0}
.dg { line-height: 26px;}
.livetit2 td { color: #333; border-bottom-width: 0px; font-weight: bold;}
.ollive2 td { text-align: center; line-height: 44px;}
.ollive2 .pa { text-align: left; padding-left: 10px;}
#copyright { width: 1098px; text-align: center; line-height: 22px; padding-right: 20px; padding-left: 20px; margin: 10px auto 0px; background: #FFFFFF;}
.up { background-color: #FFb0c8;}
.down { background-color: #DCFFB9;}
.footer { height: 200px;}

/*焦点图*/
.Leadwrap1 {width: 1200px;height: 333px;}
.box1_left { position: relative; overflow: hidden; font-family: "微软雅黑"; float: left;}
.box1_left .bigImg { height: 300px; width: 600px; margin-right: 10px; position: relative; float: left; background-color: #000;border-radius:10px;}
.box1_left .bigImg .picTitle .img img { width: 600px; height: auto;}
.box1_left .bigImg .picTitle { position: relative; overflow: hidden; width: 600px; height: 300px;border-radius:8px;}
.box1_left .bigImg .picTitle .bg { background: #000000; bottom: 0; height: 50px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10;}
.box1_left .bigImg .picTitle .name { bottom: 0; color: #FFFFFF; height: 50px; left: 0; font-size: 18px; line-height: 50px; overflow: hidden; position: absolute; width: 100%; z-index: 11;}
.box1_left .bigImg .picTitle .name span { font-size: 20px; width: 85px; height: 50px; background: #c81148; float: left; display: block; text-align: center;}
.box1_left .bigImg .picTitle .name a { font-size: 18px; color: #FFFFFF; text-decoration: none; display: block; float: left; padding-left: 15px;white-space:nowrap;width:500px;text-overflow:ellipsis;overflow:hidden;transition: all 0.2s linear;}
.box1_left .bigImg .picTitle .name a:hover {color: #ffdc73;}
.box1_left .smallScroll { padding: 0; height: 350px; float: right;}
.box1_left .sPrev,
.box1_left .sNext { float: left; display: block; width: 14px; height: 54px; text-indent: -9999px; background: url(/omimg/20160419_lyayh_jdtan01_v1.png) 3px 7px no-repeat;}
.box1_left .sNext { float: right;}
.box1_left .sNext { background-position: 0 -56px; margin-right: 5px;}
.box1_left .smallImg { float: left; width: 126px; display: inline; overflow: hidden;border-radius:6px;}
.box1_left .smallImg ul { overflow: hidden;}
.box1_left .smallImg li { float: left; padding: 0; cursor: pointer; display: inline; width: 100%; height: 85px; overflow: hidden; box-sizing: border-box; margin-bottom: 3px;
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
	}
.box1_left .smallImg img { width: 126px; height: 85px;}
.box1_left .smallImg li.on { border: solid 2px red;
	/*opacity: 1;
	filter: alpha(opacity=100);*/
	}
.box1_left .smallImg .on img { border-color: #ffd200;}
.box1_right { width: 480px; float: right;}
.box1_right li { width: 100%; clear: both; margin-bottom: 12px; overflow: hidden;}
.box1_right li p { width: 190px; height: 113px; float: left;}
.box1_right li h3 { float: right; width: 280px; font-size: 16px; font-weight: bold; line-height: 24px; padding-bottom: 8px;}
.box1_right li span { float: right; width: 280px; display: block; color: #777; font-size: 14px; text-indent: 2em; line-height: 24px;}
.box1_right dl { padding-left: 10px; border-left: 6px solid #ec6a04;}
.box1_right dt { font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.box1_right dd { font-size: 14px; color: #777; line-height: 20px;}
.box1_right dd a { color: #62ba4c;}
.box2 { width: 1000px; margin: 30px auto 0;}
.box2_left { width: 480px; float: left;}
.box2_left li { padding-left: 15px; padding-bottom: 10px; color: #333; font-size: 16px; padding-bottom: 22px;}
.box2_left li a { color: #333;}
.box2_right { width: 480px; float: right;}
.box2_right li { width: 235px; float: left; margin-bottom: 10px;}
.box2_right li+li { float: right;}
.box2_right .picTitle { position: relative; width: 235px; height: 140px;}
.box2_right .picTitle img { width: 235px; height: 140px;}
.box2_right .picTitle .bg { background: #000000; bottom: 0; height: 35px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10;}
.box2_right .picTitle .name { bottom: 0; color: #FFFFFF; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; width: 100%; z-index: 11; text-align: center;}
.box2_right .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block;}
.box2_right .picTitle .name a:hover { text-decoration: underline;}
.box3 { width: 1000px; margin: 30px auto 0;}
.box3 .box3_left { width: 660px; float: left;}
.box3_left ul { overflow: hidden; margin-bottom: 21px;}
.box3_left li { width: 320px; height: 190px; float: left;}
.box3_left li+li { float: right;}
.box3_left .picTitle { position: relative; width: 320px; height: 190px;}
.box3_left .picTitle img { width: 320px; height: 190px;}
.box3_left .picTitle .bg { background: #000000; bottom: 0; height: 35px; left: 0; opacity: 0.6; filter: alpha(opacity=60); position: absolute; width: 100%; z-index: 10;}
.box3_left .picTitle .name { bottom: 0; color: #FFFFFF; height: 35px; left: 0; line-height: 35px; overflow: hidden; position: absolute; width: 100%; z-index: 11; text-align: center;}
.box3_left .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block;}
.box3_left .picTitle .name a:hover { text-decoration: underline;}
.box3 .box3_right { width: 320px; float: right;}
.box3_right li { overflow: hidden; margin-bottom: 19px;}
.box3_right li p { width: 145px; height: 86px; float: left;}
.box3_right li h3 { float: right; width: 165px; font-size: 16px; font-weight: bold; line-height: 30px;}
.box4 { width: 1000px; margin: 30px auto 0;}
.box4_con { width: 1000px; height: 560px; position: relative; overflow: hidden;}
.box4_con #pic { width: 1000px; height: 560px; overflow: hidden;}
.box4_con #pic ul { width: 1000px; height: 560px;}
.box4_con .picTitle { position: relative; width: 1000px; height: 560px;}
.box4_con .picTitle img { width: 1000px; height: 560px;}
.box4_con .picTitle .bg { background: #000000; bottom: 0; height: 112px; left: 0; background: url(/images/20160419_lyayh_anbg_v1.png) repeat-x; position: absolute; width: 100%; z-index: 10;}
.box4_con .picTitle .name { background: url(/images/20160419_lyayh_andian_v1.png) 35px 27px no-repeat; padding-left: 75px; font-size: 18px; bottom: 0; color: #FFFFFF; height: 70px; left: 0; line-height: 70px; overflow: hidden; position: absolute; z-index: 11;}
.box4_con .picTitle .name a { color: #FFFFFF; text-decoration: none; display: block;}
.box4_con .tip-bg { width: 82px; height: 99px; background: url(/images/20160419_lyayh_anZd_v1.png) no-repeat; position: absolute; right: 0; bottom: 0; z-index: 12;}
.box4_con #tip { width: 16px; height: 220px; position: absolute; right: 15px; top: 180px; z-index: 13;}
.box4_con #tip ul li { margin-bottom: 15px; width: 14px; height: 14px; cursor: pointer; background: url(/images/20160419_lyayh_anon02_v1.png) 50% 50% no-repeat; text-indent: 99999em;}
.box4_con #tip ul li.on { background: url(/images/20160419_lyayh_anon_v1.png) 50% 50% no-repeat;}
.box4_con .btn { width: 145px; height: 35px; position: absolute; right: 0; bottom: 23px; z-index: 14; overflow: hidden;}
.box4_con .btn ul { width: 100%; float: left;}
.box4_con .btn li { width: 76px; height: 33px; float: left; cursor: pointer; overflow: hidden;}
.box4_con .btn li.prev { background: url(/images/20160419_lyayh_anShan_v1.png) no-repeat;}
.box4_con .btn li.next { background: url(/images/20160419_lyayh_anXia_v1.png) no-repeat;}
.box4_con .btn #focus_btn_left { margin-right: -15px;}
select { line-height: 24px; height: 24px; font-family: "微软雅黑";}
.ad { margin-top: 10px; text-align: center; margin-right: auto; margin-left: auto; line-height: 20px;}
redf a:hover { color: #000000; text-decoration: none; font-weight: bold;}
.redf a:visited { color: red; font-family: Verdana, Arial, Helvetica, sans-serif;}
.redf a:link { color: red; font-family: Verdana, Arial, Helvetica, sans-serif;}
.mylivetit { height: 20px;}
.modTitle {height: 58px;width: 100%; }

/*顶部HOT*/
.hotlist {width: 1200px;height: 200px;margin: 0 auto;}
.hotlist .mainlist { float: left;width: 1200px;overflow: hidden;}
.hotlist .mainlist ul { overflow: hidden;}
.hotlist .mainlist .split1 {width: 200px; float: left;margin: 12px 6px;position: relative;background: #fffbf3;border-radius: 8px;overflow: hidden;}
.split1 a {text-decoration:none;}
.hotlist .mainlist .split1:hover {background: #fff7e2;cursor: pointer;box-shadow: 0px 0px 5px #FFFFFF8a;}
.split1 .item {line-height: 30px;font-size: 12px;text-align: center;background-color: #FBEBC3;}
.hotlist .mainlist .split1:hover .item {background-color:#ffe8aa;}
.split1 .item .ash {color: #999;padding-left: 6px;}

.matchBox>div { width: 40%;float: left;overflow: hidden;}
.matchBox .team {display: block;margin: 12px 0 5px 0;text-align: center;color: #333;}
.matchBox .icon {width: 45px;height: 30px;margin: 0 auto;}
.matchBox .icon img {width: 45px;height: 30px;align-items: center;}
.matchBox .team>span {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;line-height: 25px;}
.matchBox .VS {width: 20%; float: left;text-align: center; margin-top: 22px;font-size: 14px;}

.hotlist .btn {position: absolute;top: 50px;width: 15px;height: 30px;cursor: pointer;z-index: 5;}
.hotlist .btnPrev {left: 10px;background: url(/omimg/0.svg) center center no-repeat;background-size: 100%;}
.hotother {text-align: center;line-height: 30px;border-top: 1px solid rgba(0, 0, 0, 0.05);clear: both;}
.hotother span {margin: 0 12px;position: relative; color: #777;}
.hotother span:hover {color: #87441F;}
.hotother span:after {content: "";position: absolute;background: #00000017;width: 1px;height: 12px;right: -10px;top: 2px;}
.hotother span:last-child::after {background: none;}
.hotlist .mainlist .Schedule {width: 28px;height: 133px;padding: 0 14px;;background: radial-gradient(65.19% 65.19% at 13.64% 11.11%, #FDFAF2 0%, #F7E7BF 100%) ;color: #87441F;text-align: center;cursor: pointer; float:left;margin: 12px 12px 0 6px;font-size: 14px;border-radius: 8px;}
.hotlist .mainlist .Schedule:hover {background: #F5DEA1; }
.Schedule i {background: url(omimg/su.png)no-repeat center;width: 18px;height: 18px;margin: 33px auto 4px auto;display:block;}

.Rbtncon {cursor: pointer;float: left;}
.Lbtn, .Rbtn {width: 18px; height: 133px;position: relative; background-color: #FBEBC3; border-radius: 4px; margin-top: 12px;}
.Lbtn {margin: 12px 6px 0 12px;}
.Lbtn:hover, .Rbtn:hover {background-color: #F5DEA1;}
.Lbtn::after, .Rbtn::after {content: "";position: absolute;top: 44%;left: -2px;border: 7px solid transparent;
    border-right-color: #87441F;}
.Rbtn {margin-left: 6px;margin-right: 6px;}
.Rbtn::after {transform: rotate(180deg);left: 5px;}
.Gbg {background: rgba(247, 231, 191, 0.8) !important;}

/*赛程图*/
.knockout {width: 1200px;background-image: url(/images/matchbg.png);height: 710px;position: relative;margin: 12px auto;border-radius: 8px;overflow: hidden;}
.knockout-top {width: 1200px;font-size: 40px;font-weight: bold;color: rgba(255, 255, 255, 0.95);text-align: center;padding-top: 20px;letter-spacing: 0.08em;}
.knockout-box {margin: 0 auto;max-width: 80%;min-width: 1200px;position: relative;}
.knockout-box div {position: absolute;}
.ko-team {background-color: #FFF;border-radius: 6px;z-index: 2;transition: all 0.15s linear;overflow: hidden;}
.ko-team:hover {box-shadow: 0px 3px 12px #4d3f04;transform:translate(0,-4px);color: #FFF;}
.ko-team:hover a {color: #FFF;}

.eight-box:hover {background-color: #a08124;}
.four-box:hover {background-color: #5d6849;}
.two-box:hover {background-color: #3b6566;}
.one-box:hover {background-color: #ab6500;}
.py1 {left: 0;}
.py1, .py2, .py3, .py4, .py5, .py6, .py7 {width: 13.5%;min-width: 160px;}
.knockout .t-1.co1 {background-color: #0086e5;}
.knockout .t-1.co2 {background-color: #8d9d72;}
.knockout .t-1.co3 {background-color: #1c91a9;}
.knockout .t-1.co4 {background-color: #b98562;}
.knockout .t-1.co5 {background-color: #ffab19;}
.knockout .t-1 {line-height: 30px;height: 30px; color: #FFF;width: 100%;padding: 0 10px; box-sizing: border-box;font-size: 12px;position: static;overflow: hidden;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.ko-team .t-1 span {float: right;}
.ko-team .t-1 a {color: #FFF;font-size: 12px;}
.ko-team .t-2 {position: static;padding:5px 10px 8px;height: 64px;text-align: center;}
.ko-team .t-2 td {text-align: center;font-size: 15px;vertical-align: top;}
.ko-team td.ko-vs {font-size: 18px;padding: 7% 5px;min-width: 30%;transition: all 0.7s ease;}
.ko-team:hover .ko-vs,.ko-team:hover .Not { color: #FFDC73;transform: rotateY(360deg) }
.ko-team td.ko-score {padding: 8% 5px;min-width: 30%;-webkit-transition: all 0.7s ease;transition: all 0.7s ease;}
.ko-team td.ko-score span {font-size: 16px !important;width: 38px !important;height: 34px !important;line-height: 34px !important; }
.ko-team .Not {font-size: 16px; margin-top: 18px; display: block;color: #87767f;font-weight: normal;transition: all 0.7s ease;}
.ko-team:hover .Not { color: #FFDC73;transform: rotateY(360deg) }
.ko-img {width: 70%;height: auto;margin: 5px auto 0;}
.ko-team .t-2 td span {font-size: 12px; line-height: 10px;}
.ko-team:hover .ko-score span{color:#FFDC73}
.py4big {left: 0;right: 0;margin: auto;}
.linex {opacity: 0.3;z-index: 1;}
.lro {transform: rotateX(180deg);}
.yc {transform: rotateY(180deg);}
.yc2 {transform: rotateY(180deg) rotateX(180deg);}
.io {left: 0;right: 0;margin:0 auto;}
.final-img {left: 0;right: 0;margin:30px auto 0;z-index: 99;width: 168px;}

.top-worldcup {height: 178px;width: 1200px;margin: 0 auto;overflow: hidden;position: relative;background: url(omimg/topbg.png) no-repeat center top;}

.w_top {width: 1200px;margin: 0 auto;}


/*足球动画*/
.ball2s { 
	animation:ballx 1s infinite linear;width: 35px;height: 35px; }
@keyframes ballx
{
0%  {transform:rotate(0)}
100% {transform:rotate(360deg)}

}
.tf-ball { left: 941px;top:104px; position:absolute;animation:ball 2s infinite ; }

@keyframes ball {  0% {
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transform: translate3d(0, 0, 0) scale(1); }
35% {
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
transform: translate3d(0, -60px, 0)  scale(1.28)}
/* 50% {
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translate3d(0, 0, 0) scale(1);} */
50% {
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
transform: translate3d(0, -40px, 0)  scale(1.15)}
70% {
animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
transform: translate3d(0, 0, 0)   scale(1)}
85% {
animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
transform: translate3d(0, -30px, 0)  scale(1.05)}
100% {
animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
transform: translate3d(0, 0, 0)  scale(1)}
}
/*足球阴影*/
.ball-dark {background: rgba(0, 0, 0, 0.35);
    filter: blur(1px);width: 10px;height: 2px;
    position: absolute;left: 951px;top: 132px;animation:ball-d 2s infinite linear ;}
	@keyframes ball-d{  0% {
		animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transform: scale(0.8); }
		35% {
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		transform: scale(1.15)}
		/* 50% {
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		transform: translate3d(0, 0, 0) scale(0.8);} */
		50% {
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		transform: scale(1.1)}
		70% {
		animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
		transform: translate3d(0, 0, 0)   scale(0.8)}
		85% {
		animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
		transform:  scale(1.05)}
		100% {
		animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
		transform: translate3d(0, 0, 0)  scale(0.8)}
		}

/*奖杯动画*/
.wincup {background:url(omimg/cup.png) no-repeat center top;width: 198px;height: 178px;position: absolute;right: 73px;animation:cup 3s infinite linear ;z-index: 10;}
	@keyframes cup
{
0%  {transform:translate(0,0) }
50% {transform:translate(1px,6px)}
100% {transform:translate(0,0) }
}
.cuplight {width: 200px;height: 120px;background: radial-gradient(50% 50% at 50% 50%, #FFFE66 0%, rgba(255, 255, 255, 0) 100%);position: absolute;left: 928px;top: -10px;
	animation:cl 8s infinite linear;}
	@keyframes cl
{
0%  {opacity: 0}
2% {opacity: 0.4 }
3% {opacity: 0 }
8% {opacity: 0.5 }
12% {opacity: 0 }
50% {opacity: 0 }
100% {opacity: 0 }
}
.cuplight2 {width: 222px;height: 162px;position: absolute;left: 925px;top: -80px;z-index: 99;
background: url(omimg/cuplight.png);animation:cl2 8s infinite linear;}
@keyframes cl2
{
0%  {opacity: 0}
2% {opacity: 0 }
3% {opacity: 0.6 }
8% {opacity: 0.7 }
12% {opacity: 1 }
50% {opacity: 0 }
100% {opacity: 0 }
}
.cuplight3 {width: 122px;height: 80px;position: absolute;left: 980px;top: 60px;z-index: 99;
	background: url(omimg/cuplight.png) no-repeat;background-size: 110%;animation:cl3 8s infinite linear;}
	@keyframes cl3
	{
	0%  {opacity: 0}
	2% {opacity: 0.6 }
	3% {opacity: 0 }
	8% {opacity: 1 }
	12% {opacity: 0.5 }
	70% {opacity: 0.2 }
	100% {opacity: 0 }
	}

/*彩带动画*/
.ribbon-1 {position: absolute;left: 960px;top: 0;
animation:rb1 3s infinite linear;}
@keyframes rb1
{
0%  {transform:translate(0,0);opacity: 0.8}
40% {opacity: 1}
55% {opacity: 0 }
100% {transform:translate(0,160px);opacity: 0 }
}

.ribbon-1 i {width: 12px;height: 5px;display: block;;background: linear-gradient(94.23deg, #FF9542 0.69%, #FFD741 97.25%);
animation:rb1s 8s infinite linear;
}
@keyframes rb1s
{
	0%  {transform:rotate(0)}
	100% {transform:rotate(2260deg)}
}
/*彩带2*/
.ribbon-2 {position: absolute;right: 125px;top: -10px;
	animation:rb2 4s infinite linear;}
	@keyframes rb2
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,160px);opacity: 0 }
	}
	
	.ribbon-2 i {width: 12px;height: 5px;display: block;;background: linear-gradient(94.23deg, #FF9542 0.69%, #FFD741 97.25%);
	animation:rb2s 4s infinite linear;
	}
	@keyframes rb2s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(-860deg)}
	}
/*彩带3*/
.ribbon-3 {position: absolute;left: 980px;top: -1px;
	animation:rb3 5s infinite linear;}
	@keyframes rb3
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	20% {opacity: 1}
	40% {opacity: 0 }
	100% {transform:translate(0,170px);opacity: 0 }
	}
	
	.ribbon-3 i {width: 5px;height: 3px;display: block;;background-color: rgba(255,255,255,.7);
	animation:rb3s 6s infinite linear;
	}
	@keyframes rb3s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(-860deg)}
	}
/*彩带4*/
.ribbon-4 {position: absolute;left: 1090px;top: -5px;
	animation:rb4 7s infinite cubic-bezier(0.23, 1, 0.320, 1);}
	@keyframes rb4
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,100px);opacity: 0 }
	}
	
	.ribbon-4 i {width: 6px;height: 3px;display: block;;background-color: #F0297B;
	animation:rb4s 4s infinite linear;
	}
	@keyframes rb4s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(560deg)}
	}
/*彩带5*/
.ribbon-5 {position: absolute;left: 952px;top: -40px;
	animation:rb5 6s infinite cubic-bezier(0.23, 1, 0.320, 1);}
	@keyframes rb5
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,100px);opacity: 0 }
	}
	
	.ribbon-5 i {width: 4px;height: 2px;display: block;;background-color: #086ce9;
	animation:rb5s 2s infinite linear;
	}
	@keyframes rb5s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(560deg)}
	}
/*彩带6*/
.ribbon-6 {position: absolute;left: 1020px;top: -15px;z-index: 11;
	animation:rb6 5s infinite cubic-bezier(0.39, 0.575, 0.565, 1);}
	@keyframes rb6
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,180px);opacity: 0 }
	}
	
	.ribbon-6 i {width: 4px;height: 2px;display: block;;background-color: #3cd1fb;
	animation:rb6s 2s infinite linear;
	}
	@keyframes rb6s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(560deg)}
	}
/*彩带7*/
.ribbon-7 {position: absolute;left: 1000px;top: -15px;z-index: 11;
	animation:rb7 4s infinite cubic-bezier(0.47, 0, 0.745, 0.715);}
	@keyframes rb7
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,200px);opacity: 0 }
	}
	
	.ribbon-7 i {width: 5px;height: 5px;display: block;background-color: #8BF109;
	animation:rb7s 2s infinite linear;
	}
	@keyframes rb7s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(560deg)}
	}
/*彩带8*/
.ribbon-8 {position: absolute;left: 1030px;top: -3px;z-index: 11;
	animation:rb8 9s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);}
	@keyframes rb8
	{
	0%  {transform:translate(0,0);opacity: 0.8}
	40% {opacity: 1}
	55% {opacity: 0 }
	100% {transform:translate(0,100px);opacity: 0 }
	}
	
	.ribbon-8 i {width: 5px;height: 5px;display: block;border-radius: 5px 0 0 0;background-color: #C309F1;
	animation:rb8s 2.5s infinite linear;
	}
	@keyframes rb8s
	{
		0%  {transform:rotate(0)}
		100% {transform:rotate(999deg)}
	}

/*导航菜单*/
.navbar {padding-left: 185px;}
.topnav li{float:left;min-width:120px;line-height:44px;overflow:hidden;height:44px;position: relative;}
.topnav li::after {display: inline-block;content: "";width: 1px;height: 12px;background-color: rgba(255,255,255,.2);position: absolute;right: 0;top: 18px;}
.topnav li:last-child::after {display: none;}
.topnav li a{font-size: 18px;text-align:center;color:#fff;display:block;transition:transform .5s;transform:translate3d(0, 0, 0)}
.topnav li a:after{content:attr(data-hover);color:#faff2f;text-shadow: 0px 0px 18px #ffe32b;opacity:0;display:block;text-transform:uppercase;transition:opacity .3s}
.topnav li.active a:after,.topnav li:hover a:after{opacity:1}
.topnav li:hover a{color:#FFF;text-decoration: none;}
.topnav li a span{opacity:1;text-transform:capitalize;display:block;pointer-events:none;transition:opacity .3s}
.topnav li:hover a span{opacity:0}.topnav li.active a,.navbar li:hover a{transform:translate3d(0, -50%, 0)}

.op-w {background: #dbdeed;border-radius: 8px;overflow: hidden;transition: all 0.2s linear;margin-bottom: 12px;}
.op-w:hover {background: #ccd2ed;}
.op-w .forweb {color: #010d41;}
.op-w:hover .forweb2,.op-w:hover .w_country2 li a {color: rgba(255, 255, 255, 0.9);}


/*男子世界杯
.op-w {background-color: #e1dedd;border-radius: 8px;overflow: hidden;transition: all 0.2s linear;margin-bottom: 12px;}
.op-w:hover {background-color: #d7cfcd;  }
.op-w:hover .forweb2,.op-w:hover .w_country2 li a {color: rgba(255, 255, 255, 0.9);}*/


/*2024-EURO*/
.tf-ball-euro { right: 80px; top: 85px;position: absolute; animation: ball 1.6s infinite;}
.ball-dark-euro {background: rgba(0, 0, 0, 0.1); filter: blur(1px);  width: 25px; height: 15px; border-radius: 50%; position: absolute; right: 85px; top: 105px; animation: ball-d 1.6s infinite linear;}
.bodyeuro { background: #eceffc url(omimg/topbg-EURO.jpg)  no-repeat center top !important;}
.top-worldcup-euro { height: 178px; width: 1200px; margin: 0 auto; overflow: hidden; position: relative;}
.navbar-euro {padding-left: 200px;}
.topnav li.euroaf a.euronav {color: #fff !important;}
.topnav li.euroaf a.euronav:after{content:attr(data-hover);color:#faff2f;text-shadow: 0px 0px 18px #ffe32b;opacity:0;display:block;text-transform:uppercase;transition:opacity .3s}
.topnav li.euroaf.active a.euronav:after,.topnav li:hover a.euronav:after{opacity:1}
.topnav li.euroaf {line-height: 40px !important;min-width: 125px;}
.topnav li.euroaf::after {display: inline-block;content: "";width: 1px;height: 12px;background-color: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 14px;}
.topnav li.euroaf:last-child::after {display: none;}
.topnav li.euroaf a span{opacity:1;text-transform:capitalize;display:block;pointer-events:none;transition:opacity .3s}
.topnav li.euroaf:hover a span{opacity:0}.topnav li.euroaf.active a,.navbar-euro li:hover a{transform:translate3d(0, -50%, 0)}
.box1_left .bigImg .picTitle .name span.eurocolour {background: #f5a044;}
.knockout.euroknockout {background-image: url(/omimg/EUROmatch.png) !important;height: 670px;}
.b_title-euro {background:url(omimg/title_EURO.png) no-repeat left top;height:37px;color: #fff;font-size:15px;line-height:32px;font-weight:bold;padding:0 10px 2px 44px;border-radius:10px 0 0;}
.b_title-euro span a {font-size: 14px;line-height: 37px;}
.ko-team .t-2 td span {font-size: 12px;line-height: 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 49px; height: 14px; display: block;}
.ko-team .ko-img {width: 35px;height: 35px;border-radius: 50%;overflow: hidden;margin: 5px auto;display: flex;align-items: center;justify-content: center;position: unset;}
.ko-team .ko-img img {width: auto;height: 100%;}
.tjv {
	font-size: 12px !important;
	width: 18px;
	height: 18px;
	background-color: #FFF;
	color: #FF7410 !important;
	display: inline-block;
	vertical-align: 0px;
	border-radius: 2px;
	line-height: 17px;
	transform: scale(0.9);
	border: 1px solid #f4b993;
	font-family: "微软雅黑";
	margin-left: 4px;
	text-align: center !important;
}
.tjf {
	font-size: 12px !important;
	width: 18px;
	height: 18px;
	background-color: #FF7410;
	color: #fff !important;
	display: inline-block;
	vertical-align: 0px;
	border-radius: 2px;
	line-height: 17px;
	font-family: "微软雅黑";
	transform: scale(0.9);
	border: 1px solid #FF7410;
	margin-left: 4px;
	text-align: center !important;
}
        .article {margin: 12px 0;height: 390px;}
        .article iframe {border: none;margin: 0;padding: 0;}
        #in_date { width: 39px; }
        .menu {padding-left: 225px;height: 44px;overflow: hidden;display: none;}
        .content { overflow: hidden;clear: both;}
        .menu ul li {width: 78px;float: left;text-align: center; line-height: 44px; font-size: 16px; color: #ffffff; font-family: "微软雅黑"; cursor: pointer;z-index: 2;}
        .menu ul li.clear { clear: left;  height: 0px;width: 0px;}
        .menu ul li.logo {background: url(omimg/logo.png) no-repeat left top;height: 163px;width: 131px;position: absolute;bottom: 10px;left: 30px;z-index: 1;}
        .menu ul li a {color: #ffffff;display: block;}
        .tabs {overflow: hidden;width: 1200px; margin-right: auto;margin-left: auto;}
        .tabs .item {float: left;height: 47px;width: 215px; display: block;background: url(omimg/worldcup_20.jpg) no-repeat;margin-right: 10px;text-align: center;line-height: 47px;font-size: 14px;font-weight: bold; cursor: pointer;}
        .tabs .item:hover {color: #b0060a;}
        .tabs .item.on {background: url(omimg/worldcup_18.jpg) no-repeat;color: #ffffff; }
        .fiterBox {padding: 10px;border-top: 3px solid #94080B;width: 1180px; margin-right: auto; margin-left: auto;background: #F5F5F5;font-size: 14px;}
        .fiterBox .item { display: block;  overflow: hidden; padding-top: 5px; padding-bottom: 5px;}
        .fiterBox .item .btn { padding: 6px 12px;display: block; float: left; border: 1px solid #CCC; margin-right: 10px;cursor: pointer;}
        .fiterBox .item .btn:hover { background: #FFFFE8;color: #be0307;  }
        .fiterBox .item .btn.on {color: #ffffff;background: #B5060B;border: 1px solid #be0307;}
        .yellow {color: #FF0 !important;}
        .red { color: #FF5106 !important;}
        .green {color: #090 !important;}
        .blue {color: #327BC3 !important;}
        .container { z-index: 2;width: 1200px;margin: 0 auto;}
        #container { width: 100%; overflow: hidden;  position: absolute; top: 0px; left: 0px; z-index: 1; height: 209px;}
        #container .b1 { text-align: center;  width: 100%;    }
        #container .b2 { text-align: center; width: 100%; margin-top: 20px;padding-left: 0px;}
        #container .b3 { text-align: center; width: 100%;margin-top: 0px; margin-left: 510px;}
        #container2 { width: 100%; overflow: hidden;   position: absolute; top: 0px;left: 0px; z-index: 3;width: 180px;  height: 209px;padding-left: 50px;}
        #container2 .b1 {  text-align: left;}
         tr.mylivetit th, tr.mylivetit td { line-height: 30px; background-color: #ffffffab; color: #999; border-bottom: solid 1px #ededed;font-weight: 400;}
         tr.mylivetit th.empty, tr.mylivetit td.empty {  padding-left: 6px;}
        .op table tr td.aleft {text-align: left;}


.op table tr td {line-height: 40px; border-bottom: solid 1px #ededed; text-align: center; font-size: 14px;background-color: #FFF;}
.op table tr th.home,.op table tr td.home {text-align: right;padding-right: 5px;}
.op table tr th.guest,.op table tr td.guest {text-align: left;padding-left: 5px;}
.op table tr .home img,.op table tr .guest img {width: 24px;height: 14px;margin: 0 5px;border: 1px solid #efefef;border-radius: 3px;object-fit: cover;vertical-align: middle;}
.op .score a {font-weight: bold;}
.op .guest .aiicon {float: right;}
.op .aiicon {background: url(/images/analysicon.svg) no-repeat center;background-size: 18px;width: 24px;height: 22px;margin: 9px 8px;border-radius: 4px;vertical-align: middle;transition: all 0.2s linear;float: left;display: inline-block;cursor: pointer;}
.op .aiicon:hover {background-color: #f3f4f9;}

table.ScoreGroup {float: left;}
table.ScoreGroup,table.t2 {border-radius: 4px;overflow: hidden;box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.04);}
table.ScoreGroup tr:last-child td ,table.t2 tr:last-child td {border-bottom: none;}
table.ScoreGroup tr td { line-height: 60px;}
table.ScoreGroup tr:last-child td { line-height: 62px;}
.op a {text-decoration: none;line-height: 20px;vertical-align: middle;}
.op a:hover {color: #143cdc;}
.scoreStyle { background: #ffc;}
#tables {clear: both;background-image: url(/images/worldcup.jpg); height: 520px; width: 1200px; position: relative; margin: 0 auto; overflow: hidden; margin-top: 10px;}
#tables a { color: #fff;}
#tables a.bflink {   color: #fabf4a;   }
.div_tab {  position: absolute;    height: 70px;  width: 140px;  padding: 5px;}
.div_tab td {  text-align: center }
.tab_bf { font-size: 18px; color: #333;font-weight: 600; text-align: center;}
.div_tab td p {color: #333;line-height: 26px;}
.ddtd span { font-size: 24px; height: 70px; line-height: 70px; color: #cccccc;}
.msgnote { position: absolute;}
.bflink {   color: #333  }
.bflink:hover {     text-decoration: none;     color: red  }
.bflink:link { text-decoration: none; color: red }
.bflink:visited { text-decoration: none;  color: red } .img_tab { border-radius: 50%;}
.div_tab .name_tab {   text-align: left; width: 100px; }
 #tables .title { height: 55px; position: absolute; bottom: 13px; left: 0;  width: 100%; line-height: 55px; text-align: center;  font-size: 16px; color: #fff;}
.w_country { float: right; margin: 7px 0 0 0; line-height: 0px; }
.w_country li { float: left;  margin-left: 6px; line-height: 38px;   }
.w_country li a {   float: left;  padding: 0 5px;   font-size: 12px;font-weight: normal; text-decoration: none;}
.w_country li a img {background: #fff;width: 20px;height: 14px;margin-right: 5px;border-radius: 3px;border: 1px solid #fff;vertical-align: -3px;object-fit: cover;}
.dateBox {  position: absolute; right: 0;   bottom: 13px;  line-height: 65px; color: #fff;text-align: center; width: 280px; font-size: 20px; }
.jjz {font-size: 14px;}
.gamedate {color: #666;}
.l-line {border-left: 1px solid #efefef;}
.w {background: #fafafa !important;}
.t14.b {font-weight: 600;}
.w_ls {text-align: left;padding-left: 12px;}
.groupOdds {color: #666;font-size: 12px;margin-left: 2px;}
.livetxt {color: #4b974b;}
.cons {background-color: #FFF;clear: both;float: left;width: 1176px;padding: 12px;border-radius: 8px;margin-top: 12px;}
#ScoreGroupTab0 td,#ScoreGroupTab1 td ,#ScoreGroupTab2 td ,#ScoreGroupTab3 td ,#ScoreGroupTab4 td,#ScoreGroupTab5 td ,#ScoreGroupTab6 td,#ScoreGroupTab7 td   {background: linear-gradient(180deg, #FFFFFF 0%, #f5f5f5 100%);transition: all 0.2s linear;}

/*2026-worldcup*/
.bodyeuro.worldcup {background: #eceffc url(/images/topbg-worldcup.png)  no-repeat center top !important;}
.worldcup #main {padding-top: 0;}
.knockout.worldcup {background: #182166 url(/images/worldmatch.png) !important;height: 1000px;}
.worldcup .py1, .worldcup .py2, .worldcup .py3, .worldcup .py4, .worldcup .py5, .worldcup .py6, .worldcup .py7 {width: 11%;min-width: 136px;}
.worldcup .eight-box:hover {background: #fff;}
.worldcup .ko-team:hover {box-shadow: 0px 3px 12px #3c53ff;}
.worldcup .ko-team:hover .t-2 a {color: #333;text-decoration: none;}
.worldcup .knockout .t-1.co0 {background: #5e66b1;}
.worldcup .ko-team .t-1 {padding: 0 5px;}
.worldcup .ko-team .t-2 {height: auto;padding: 0 0 8px 0;}
.worldcup .ko-team .t-2 td {vertical-align: middle;}
.worldcup .ko-team .t-2 td span {width: 45px;margin: 0 auto;}
.worldcup .ko-team td.ko-score {padding: 8% 0;}
.worldcup .ko-team .ko-img {width: 24px;height: 24px;}
.worldcup .ko-team .Not {margin: 20px 0 15px 0;}
.worldcup .ko-team:hover .Not,.worldcup .ko-team:hover .ko-score span {color: #ff9b00;}

.content.worldcup {background: #fff;padding: 12px 12px 0 12px;border-radius: 0 0 8px 8px;}
.worldcup .newsBox {background: linear-gradient(148deg, #e1efff, transparent 50%);width: 565px;padding-bottom: 8px;border-radius: 8px;}
.worldcup .newsBox .newstitle {line-height: 24px;margin: 0;padding: 5px;}
.worldcup .newsBox .newslis {line-height: 26px;margin: 5px 10px;}
.worldcup .newsBox .b_title-euro {background: url(/images/title_WC.png) no-repeat left top;padding: 0 10px 2px 50px;}
.worldcup .box1_left .bigImg {background: none;border-radius: 0;float: none;}
.worldcup .box1_left .bigImg .picTitle {height: 240px;}
.worldcup .box1_left .bigImg .picTitle .name span.eurocolour {background: #1c65f5;}
.worldcup .box1_left .bigImg.nohot .picTitle {height: 330px;}
.returnbtn {background: rgba(0, 0, 0, 0.5);width: 35px;height: 35px;border-radius: 50%;opacity: 0.8;left: 8px;top: 28%;position: absolute;cursor: pointer;z-index: 5;}
.returnbtn.next {left: auto;right: 18px;transform: scale(-1);}
.returnbtn::after {content:"";width: 30%;height: 30%;border: 2px solid #fff;border-right: none;border-bottom: none;transform: translate(-40%,-50%) rotate(-45deg);top: 50%;left: 50%;position: absolute;transition: all 0.2s linear;}
.returnbtn:hover::after {border-color: #ffeb00;}

.streamerbox {background: #fff;width: 600px;padding: 12px 0;margin-right: 10px;border-radius: 0 0 8px 8px;}
.strtit {background: linear-gradient(180deg, #d6ecff, transparent);font-size:14px;font-weight:bold;text-align:center;writing-mode:vertical-lr;letter-spacing:2px;padding: 6px;width:20px;border-radius: 4px;vertical-align: middle;display: inline-block;}
.streamerlis {width: calc(100% - 36px);margin: 0;vertical-align: middle;display: inline-block;}
.streamers {width: 15.8%;padding: 2px;border-radius: 4px;transition: all 0.2s linear;display: inline-block;position: relative;cursor: pointer;}
.streamers:hover {background: #f4f5fb;}
.streamers .livicon {background: #789ce1;color: #fff;font-size: 12px;font-style: normal;line-height: 15px;padding: 0 3px;border-radius: 2px;top: 0px;right: 0px;position: absolute;z-index: 1;}
.streamers .livicon.on {background: linear-gradient(90deg,#0087e4,#ff3dbf);}
.streamers img {width: 40px;height: 40px;object-fit: cover;border: 1px solid #e5e8f9;border-radius: 50%;margin: 5px auto;display: block;}
.streamers span {font-size: 14px;line-height: 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}

.nowinfobox {padding: 5px 0 0 0;margin: 10px 10px 5px 10px;border-top: 1px solid #ededed;}
.newinfolis {margin: 4px 0;}
.newinfolis:last-child {margin: 0;}
.newinfolis img {width: 24px;height: 24px;object-fit: cover;border-radius: 50%;vertical-align: middle;display: inline-block;}
.newinfolis span {width: calc(100% - 86px);margin: 0 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;display: inline-block;}
.newinfolis .type {background:#e5f3ff;color:#0a8fea;font-size:12px;line-height:20px;font-style:normal;text-align:center;min-width:40px;padding:1px 5px;border-radius:5px;vertical-align:middle;display:inline-block;}