@charset "utf-8";
/**
 *author:weiyj
 *date:2018-08-17
 */

/*顶部对阵信息*/
.top-vs-box{ position: relative; height: 130px;}
.top-vs-box .guanzhu{ position: absolute; width: 42px; cursor: pointer; height: 42px; display: block; top: 16px; right: 82px; background: #fff; border-radius: 100%;}
.top-vs-box .guanzhu::before{ content: ""; width: 20px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(../img/home/guanzhu0.png) no-repeat 0 0;}
.top-vs-box .guanzhu.on::before{background: url(../img/home/guanzhu.png?v1121) no-repeat 0 0;}
.top-vs-box .tolive-bn{ position: absolute; height: 30px; line-height: 30px; bottom: 5px; right: 38px; font-size: 16px; color: #fa612b;}
.top-vs-box .tolive-bn::before{ content: ""; display: block; width: 16px; height: 12px; position: absolute; top: 50%; right: -20px; margin-top: -6px;background: url(../img/home/js_40.png) no-repeat 0 0;}
.vsname-box{ padding-left: 150px;}
.vsname-box .vsname{float: left; width: 270px; height: 106px; text-align: center;}
.vsname-box .vsname.vs-m{ width: 360px; position: relative;line-height: 24px;}
.vsname-box .vsname .txt1{ margin-bottom: 12px;}
.vsname-box .vsname .txt1 .img{ width: 70px; height: 70px; display: inline-block; }
.vsname-box .vsname .txt1 .img img{ width: 70px; height: 70px; display: inline-block; border:none;}
.vsname-box .vsname .txt1 .img em{ width: 70px; height: 70px; display: inline-block; border:none; border:none;background: url(../img/home/logo.png) no-repeat 0 0;}

.vsname-box .vsname .txt2{ font-size: 18px; line-height: 24px;}
.vsname-box .vsname .txt2 em{ font-size: 12px;}
.vsname-box .vsname.vs-m .score{ width: 90px; position: absolute; height: 106px; line-height: 90px; font-size: 70px; top: -5px; font-weight: bold; color: #fa612b;}
.vsname-box .vsname.vs-m .score.l{ left: 0;}
.vsname-box .vsname.vs-m .score.r{ right:0;}
.vsname-box .vsname.vs-m .t1{ font-size: 12px; color: #787878; padding-top: 8px;}
.vsname-box .vsname.vs-m .t2{ font-size: 14px; color: #fa612b;}
.vsname-box .vsname.vs-m .t3{ font-size: 14px; color: #787878;}
.vsname-box .vsname.vs-m .t4{ font-size: 70px; color: #fa612b; line-height: 45px; height: 64px;}




.vsname-box .vsname.vs-m .t2 em{ padding-left: 3px; -webkit-animation:em146 1s infinite linear forwards;animation:em146 1s infinite linear forwards;}
@-webkit-keyframes em146{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
@keyframes em146{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}




/*内页分析导航*/
.fenxi-nav{ height: 50px; line-height: 50px; background: #fff; text-align: center; font-size: 0; position: relative;}
.fenxi-nav a.navitem{ display: inline-block; height: 50px; padding: 0 20px; font-size: 16px; color: #333; position: relative;}
.fenxi-nav a.navitem.on{ color: #fa612b;}
.fenxi-nav a.navitem.on::before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #fa612b; left: 15px; right: 15px;}
.fenxi-nav a.icon1{ color: #dd4a4a;}
.fenxi-nav a:hover{ background: #f7f7f7;}
.fenxi-nav a.hide2{ display: none;}
.fenxi-nav a.hide2.nohide{ display: inline-block;}

.fenxi-nav a.icon1::after{ content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 13px;right: 11px; border-radius: 100%; background: #dd4a4a;}
.fenxi-nav a.icon2{ color: #333;}
.fenxi-nav a.icon2::after{ content: ""; display:inline-block; width: 17px; margin-left: 3px; height: 13px; vertical-align: -2px;}
.fenxi-nav a.icon2.bg2::after{ background:url(../img/fx/fx2.png) no-repeat 0 0;}
.fenxi-nav a.icon2.bg3::after{ background:url(../img/fx/fx3.png) no-repeat 0 0;}
.fenxi-nav a.icon2.bg1::after{ background:url(../img/fx/fx1.png) no-repeat 0 0;}


.fenxi-nav span.navitem{ display: inline-block; height: 50px; padding: 0 20px; font-size: 16px; color: #333; position: relative;}
.fenxi-nav span.navitem.on{ color: #fa612b;}
.fenxi-nav span.navitem.on::before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #fa612b; left: 15px; right: 15px;}
.fenxi-nav span.icon1{ color: #dd4a4a;}
.fenxi-nav span:hover{ background: #f7f7f7;}
.fenxi-nav span.hide2{ display: none;}
.fenxi-nav span.hide2.nohide{ display: inline-block;}

.fenxi-nav span.icon1::after{ content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 13px;right: 11px; border-radius: 100%; background: #dd4a4a;}
.fenxi-nav span.icon2{ color: #333;}
.fenxi-nav span.icon2::after{ content: ""; display:inline-block; width: 17px; margin-left: 3px; height: 13px; vertical-align: -2px;}
.fenxi-nav span.icon2.bg2::after{ background:url(../img/fx/fx2.png) no-repeat 0 0;}
.fenxi-nav span.icon2.bg3::after{ background:url(../img/fx/fx3.png) no-repeat 0 0;}
.fenxi-nav span.icon2.bg1::after{ background:url(../img/fx/fx1.png) no-repeat 0 0;}