﻿.org { color: #ff6600; }
#left .left { width: 100%; float: left; position: relative; }
.app { position: relative }
.app:hover .QRcode { display: block }
.QRcode { display: none; border: solid 1px #ccc; width: 230px; height: 230px; position: absolute; left: -255px; bottom: -15px; background-color: #fff }
.QRcode img { width: 100% }
.QRcode i { background: url(../images/r_icon.gif) no-repeat; width: 22px; height: 45px; position: absolute; right: -22px; bottom: 10px }
.msg { float: left; margin-left: 0px; }
.msg.red { color: #fd2a2a }
.msg.gray { color: #999 }
.newsMenu { line-height: 40px; font-size: 14px; overflow: hidden; border-bottom: 1px solid #eaeaea }
.newsMenu .rightBox { float: right; padding-top: 7px; line-height: normal; margin-right: 10px }
.newsMenu .rightBox .btn { cursor: pointer; background-color: #ff5a00; border-radius: 2px; width: 80px; border: none; height: 25px; color: #fff; vertical-align: top }
.newsMenu .rightBox select { padding: 3px 0; border-radius: 2px; border: solid 1px #ccc; margin: 0 10px 0 0; width: auto }
.newsMenu .leftBox { float: left }
.newsMenu .leftBox a { padding: 0 16px; display: block; float: left; font-size: 15px; font-weight: 400 }
.newsMenu a { color: #666; }
.newsMenu a.now { color: #e9410f; font-weight: bold; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #e9410f; }
a.likeBtn { background-color: #ff5a00; border-radius: 2px; border: none; color: #fff; padding: 3px 10px; }
/* 公告栏 */
.bulletin { background: #f8f6ff; padding: 5px 16px; display: block; }
.bulletin::after { content: ""; display: block; clear: both; }
.bulletin i { background: #51409d; color: #fff; font-size: 12px; font-weight: bold; text-align: center; font-style: normal; padding: 9px; margin: 1px 0; border-radius: 20px; float: left; }
.bulletin i img { animation: swing 2s linear infinite; width: 20px; height: 20px; }

@keyframes swing {
    0% { transform: rotate(0); }
    5% { transform: rotate(-20deg); }
    10% { transform: rotate(20deg); }
    15% { transform: rotate(-20deg); }
    20% { transform: rotate(20deg); }
    25% { transform: rotate(0); }
    100% { transform: rotate(0); }
}

.bulletin .title { float: right; width: 93%; }
.bulletin h2 { font-size: 15px; line-height: 22px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bulletin .dis { color: #666; font-size: 12px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#newsList li { display: block; padding: 15px; overflow: hidden; position: relative }
#newsList li + li { border-top: 1px solid #F2F2F2 }
#newsList li:hover { background-color: #F7F7F7; }
#newsList li:hover .title a:link { color: #ff5a00 }
#newsList li .info { color: #7f7f7f; position: absolute; right: 0; bottom: 14px; width: 560px; }
#newsList li .info .readCount { float: right; margin-right: 10px }
#newsList li .info .readCount a { margin-right: 2px; }
#newsList li .title { display: inline; color: #333; font-size: 18px; height: 28px; overflow: hidden; line-height: 20px; }
#newsList li .title .newtitle { display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 380px; white-space: nowrap; }
#newsList li .title .gn { color: #FFF; font-size: 12px; padding: 1px 4px 2px 4px; border-radius: 3px; }
#newsList .title .limitLength { text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 360px; overflow: hidden; vertical-align: middle; }
#newsList li a:visited b { color: #999 }
#newsList li .discriptction { margin: 7px 0; color: #999; line-height: 20px; height: 44px; overflow: hidden; font-size: 14px }
#newsList li .img { float: left; margin-right: 15px }
#n_right { float: right; width: 28%; }
.box h2 { padding: 0 10px; color: #333; font-weight: 700; font-size: 16px; line-height: 40px; background-color: #FFF; font-weight: 600; color: #333; border-bottom: 1px solid #eaeaea; }
.box h2, .box h2 a { color: #333; }
.box h2 span { float: right }
.box h2 span a { font-size: 9pt }
#liveScore { }
.box .classbs { background: #f7f7f7; border-bottom: 1px solid #eaeaea; margin: 0 auto; }
.box .classbs a { color: #666; font-size: 15px; text-align: center; line-height: 34px; width: 50%; border-radius: 0; position: relative; display: inline-block; cursor: pointer; }
.box .classbs a.on { font-weight: bold; color: #51409d; border-bottom: 2px solid #51409d; }
/* .box .classbs a.on::after { content: ""; background: #51409d;display: inline-block; width: 60px; height: 2px;position: absolute; bottom: 0; left: 50%; margin-left: -30px; border-radius: 20px; } */
#liveScore li { clear: both; margin-bottom: 1px; padding-top: 5px; padding-left: 5px; height: 78px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eaeaea; padding-bottom: 5px; background-color: #FFF; }
#liveScore li:last-child { margin-bottom: 0; border-bottom: 0 }
#liveScore li img { border-radius: 4px; width: 36px; height: 36px; padding: 5px 0 0 0; }
#liveScore li .startime { padding-top: 10px }
#liveScore li .source { color: #c30; font-weight: bold; text-align: center; font-size: 20px; line-height: 45px }
#liveScore li.hover, #liveScore li:hover { background-color: #F5F5F5; }
#liveScore li .info { height: 45px; text-align: center }
#liveScore li .name { text-align: center; line-height: 24px; font-size: 14px; }
#liveScore li .state { width: 90px; text-align: center; line-height: 22px }
#liveScore li .state2 { width: 90px; text-align: center; line-height: 22px; }
#liveScore li .state2 a:link, #liveScore li .state2 a:visited { color: #e9410f; }
#liveScore li .img { overflow: hidden; padding: 1px; width: 100%; height: 44px; text-align: center }
#liveScore li .content { float: left; width: 90px; height: 68px }
#liveScore li .guest, #liveScore li .home { float: left; width: 95px; height: 68px }
.newsul2 { padding: 4px 8px }
.newsul2 li { margin: 0 auto; padding-left: 10px; color: #333; line-height: 22px; padding: 10px 5px 10px 10px; }
.newsul2 li a { font-size: 14px }
.newsul2 li a:hover { color: #f30; text-decoration: none }
.newsul2 li + li { border-top: 1px solid #EAEAEA }
.newsul2 li a span { color: #999; clear: both; display: block; font-size: 12px }
.soccegame { height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E6EBEE; }
.soccegame li { float: left; }
.soccegame li a { float: left; display: block; padding: 0 12px; height: 29px; text-align: center; line-height: 29px; }
.soccegame .inon a { border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ff5a00; color: #ff5a00; height: 30px; font-weight: bold; }
.jfb td { color: #666; text-align: center; line-height: 26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EFEFEF; }
.jstitle td { color: #a9a9a9 }
.js1 { background-color: #f5f5f5 }
.xjc1 { background-image: url(../images/rightdivbg.gif); background-position: left -213px; background-repeat: repeat-x; line-height: 25px; border-bottom-color: #cbd6de }
.xjc1, .xjc2 { text-align: center; border-bottom-width: 1px; border-bottom-style: solid }
.xjc2 { padding-top: 10px; padding-bottom: 10px; background-color: #eaeaea; border-bottom-color: #cdd0d6 }
.xjc3 { padding-top: 7px; padding-bottom: 7px; background-color: #fff; background-image: url(../images/rightdivbg.gif); background-position: left -238px; background-repeat: repeat-x; text-align: center; line-height: 22px; border-top-width: 1px; border-top-style: solid; border-top-color: #fcfcfc }
.xjc1 a, .xjc3 a { padding: 0 4px }
.list2s a { padding: 0 5px; line-height: 20px }
.jxbs, .sctitle { background-color: #FFF }
.userInfoBox { background: url(../images/bg.jpg) no-repeat; background-size: 100%; position: relative; color: #FFF; font-size: 14px; padding: 20px 20px 0 20px; }
.userInfoBox .userIcon { width: 80px; height: 80px; border-radius: 100px; background-color: #fff; margin-right: 30px; float: left; text-align: center; position: relative; }
.userInfoBox .userIcon img { width: 100%; height: 100%; border-radius: 50% }
.userInfoBox .userIcon .mark { position: absolute; color: #fff; padding: 2px 0 3px; border-radius: 10px; top: 68px; left: 50%; margin-left: -35px; font-size: 12px; text-align: center; width: 70px; background: linear-gradient(90deg,#ff8f20,#ff7107); cursor: pointer; }
.userInfoBox .userIcon .markeject { background: #fff; color: #666; font-size: 12px; padding: 4px 6px; border-radius: 4px; border: 1px solid #999; position: absolute; top: 90px; left: 0; z-index: 999; width: 300px; text-align: left; }
.userInfoBox .userIcon .markeject:empty { display:none;}
.userInfoBox .nameBox { padding-bottom: 2px; }
.userInfoBox .name { font-size: 18px; font-weight: 700; line-height: 36px; display: inline-block; }
.userInfoBox .name .v { font-size: 12px; background-color: #ff5a00; border-radius: 2px; border: none; height: 28px; color: #fff; padding: 5px 10px; margin-left: 5px; margin-right: 5px }
.userInfoBox .name .tip { font-size: 12px; width: 196px; padding: 5px 15px; background: url(../images/des.png) no-repeat top left; border-radius: 2px }
.linkRecord { margin: 0 0 0 6px; display: inline-block; }
.userInfoBox .quantity { height: 24px; margin-bottom: 10px; }
.userInfoBox .quantity span { padding: 3px 10px; background-color: #fff3ed; border-radius: 20px; color: #e9410f; font-size: 12px; line-height: 24px; margin-right: 10px; }
.userInfoBox .quantity span.ranking { border-radius: 0 10px 0 10px; padding: 3px 6px; }
.userInfoBox .quantity span.fans { background: #fff3ed url(../images/news/icon_user.svg) no-repeat 8px center; background-size: 14px 14px; padding-left: 26px; }
.userInfoBox .quantity span.see { background: #fff3ed url(../images/news/icon_unlock.svg) no-repeat 8px center; background-size: 14px 14px; padding-left: 26px; }
.userInfoBox .des { color: #a5c8de; width: 480px; height: 96px; overflow: hidden }
.userInfoBox .likeBtn { cursor: pointer; padding: 5px 15px; border: solid 1px #fff; font-style: normal; position: absolute; right: 20px; top: 30px; border-radius: 4px }
.userInfoBox .likeBtn:hover { color: #FFED00; border: solid 1px #FFED00 }
.right_d { border: 1px solid #FFF; margin-bottom: 10px; background-color: #FFF }
.proman li { border-bottom: 1px solid #EAEAEA; clear: both; }
.proman li:last-child { border-bottom: 0px }
.proman li .cmmo { display: block; padding: 10px 6px; vertical-align: top; position: relative; }
.tj_avatar2 { padding-top: 3px; }
.proman .hottag { font-size: 8px; color: #FFF; background-color: #F30; height: 14px; width: 14px; position: absolute; left: 40px; top: 10px; border-radius: 50%; line-height: 14px; text-align: center; }
.left { float: left; }
.lw2 { line-height: 22px; height: 44px; }
.tj_avatar2 img { border-radius: 50%; height: 35px; width: 35px; margin: 0 10px; }
.tj_expert_name { font-size: 14px; font-weight: bold; }
.zjv2 { color: #999; margin-right: 2px; font-size: 11px; }
.ws { color: #F30 }
.ls { color: #0C0 }
.ds { color: #3CF }
.dlbtn:link, .dlbtn:visited { color: #FFF; border-radius: 15px; padding: 2px 10px; margin-right: 8px; background-color: #e9410f; }
.dlbtn:hover { background-color: #51409d; }
.hotimg { background: url('/images/news/hot-icon.png') no-repeat; height: 16px; width: 16px; background-size: 100%; display: inline-block; vertical-align: text-bottom; }
.ta_name .hotimg, .userInfos .hotimg { height: 21px; width: 21px; }
.hotmlist { overflow: hidden; }
.tj_expert2 { float: left; }
.proman-team { line-height: 28px; background-color: rgba(0, 0, 0, 0.06); clear: both; width: 96%; margin: 6px auto 0 auto; height: 28px; border-radius: 4px; overflow: hidden; position: relative; top: -10px; display: block }
.proman-team span { float: left; display: inline-block; text-align: center; }
.proman-team .pt1 { background-color: rgba(0, 0, 0, 0.05); padding: 0 6px; color: #999; }
.proman-team .pt2 { width: 35%; }
.proman-team .pt3 { width: 26px; color: #2C78B1; }

/*前瞻-战绩标签*/
/*近X中X*/ .zhanji { display: inline-block; color: #fff; background: linear-gradient(90deg,#F1AC58,#F39D43); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*近X中X*/ .zhanji i { width: 16px; height: 16px; border-radius: 50%; background: #F1AC58 url('/images/label-desc.svg') center center; border: 1px solid #ffdf7e; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*最长连红*/ .Rident { display: inline-block; color: #fff; background: linear-gradient(90deg,#F99F6D,#FF7557); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*最长连红*/ .Rident i { width: 16px; height: 16px; border-radius: 50%; background: #F99F6D url('/images/label-Rident.svg') center center; border: 1px solid #ffddb4; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*人气榜*/ .m_hot { display: inline-block; color: #fff; background: linear-gradient(90deg,#78BEF9,#5DACF8); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*人气榜*/ .m_hot i { width: 16px; height: 16px; border-radius: 50%; background: #78BEF9 url('/images/label-hot.svg') center center; border: 1px solid #caeeff; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*联赛胜率*/ .league { display: inline-block; color: #fff; background: linear-gradient(90deg,#62CCD6,#4EC2D0); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*联赛胜率*/ .league i { width: 16px; height: 16px; border-radius: 50%; background: #62CCD6 url('/images/label-win.svg') center center; border: 1px solid #94ffea; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*连胜*/ .continuous { display: inline-block; color: #fff; background: linear-gradient(90deg,#ff745b,#ff583a); border-radius: 10px; padding: 0 8px 0 0; line-height: 18px; font-size: 11px; }
/*连胜*/ .continuous i { width: 16px; height: 16px; border-radius: 50%; background: #ff745b url('/images/label-win.svg') center center; border: 1px solid #ffd6b9; float: left; display: inline-block; margin-right: 3px; margin-left: -1px; }
/*简洁*/ .zhanji.concise, .Rident.concise, .Rident_long.concise, .m_hot.concise, .league.concise, continuous.concise { padding: 0 8px !important; }

#newsExperter .zhanji i, #newsExperter .Rident i, #newsExperter .Rident_long i, #newsExperter .m_hot i, #newsExperter .league i { border: none; background: none; width: 0; height: 0; }
#newsExperter .zhanji, #newsExperter .Rident, #newsExperter .Rident_long, #newsExperter .m_hot, #newsExperter .league,#newsExperter .continuous, #guessExperter .m_hot, #guessExperter .zhanji { padding: 0 8px; }
.zhanji + .zhanji, .zhanji + .fans, .zhanji + .Rident, .zhanji + .m_hot, .league + .zhanji, .m_hot + .Rident, .league + .Rident, .list_hot_latelywp + .list_hot_latelywp, .zhanji + .Rident_long, .continuous + .Rident, .continuous + .m_hot, .continuous + .Rident_long { margin-left: 4px; }
.zhanji[data-wid],.continuous[data-wid] {cursor:pointer }

/* 注册弹框 */
.adpopbox { background: linear-gradient(0deg,#fff 50%,#fef4bf); width: 320px; min-height: 260px; border-radius: 30px 100px 30px 30px; box-shadow: 0 0 30px #9f9f9f; position: fixed; top: 25%; left: 50%; transform: translate(-50%,0); z-index: 99; }
.adpopbox .adtitle { background: linear-gradient(90deg,#fed3ae,#fef6ca); color: #e7794e; font-size: 20px; font-weight: bold; text-align: left; line-height: 60px; padding: 0 20px; border-radius: 50px 100px 0 0; position: relative; }
.adpopbox .adimg { position: absolute; top: -48px; right: -52px; }
.adpopbox .adinfo { color: #333; font-size: 14px; line-height: 26px; text-align: justify; padding: 26px; }
/*.adpopbox .adinfo a {color: #06C;}*/
.adpopbox .adbtn { background: #ff7753; color: #fff; font-size: 16px; font-weight: bold; text-align: center; line-height: normal; width: 40%; padding: 8px; margin: 20px auto 0; border-radius: 30px; cursor: pointer; display: block }
.adpopbox .close { background: #fff; width: 24px; height: 24px; border: 1px solid #999; border-radius: 50%; position: absolute; bottom: -35px; left: 50%; opacity: 0.7; transform: translate(-50%,0); cursor: pointer; }
.adpopbox .close::before, .adpopbox .close::after { content: ""; background: #999; width: 14px; height: 1px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(-45deg); }
.adpopbox .close::after { transform: translate(-50%,-50%) rotate(45deg); }

.convey { display: none; background: linear-gradient(-135deg,#fff5e7,#fde5c0); border-radius: 4px; position: absolute; top: 20px; left: 0px; width: 340px; padding: 10px; border-radius: 8px; box-shadow: 0px 2px 10px 2px rgba(205,205,205,0.8); z-index: 9 !important; }
.convey::before { content: ""; background: url(/images/news/xz.png)no-repeat center; width: 118px; height: 58px; position: absolute; right: 0; top: -15px; opacity: 0.85; z-index: 1; }
.conveytop { text-align: center; padding: 0 0 8px 0; margin: 0 auto; }
.conveytop a { color: #b46307 !important; font-size: 16px; font-weight: bold; }

.conveylist { background: #fffcf8; color: #666; border-bottom: 1px solid #f2f2f2; padding: 7px 10px; margin: 0 auto; position: relative; overflow: hidden; }
.conveylist:nth-child(2) { border-radius: 5px 5px 0 0; }
.conveylist:last-child { border-radius: 0 0 5px 5px; }

.conveylist .result { position: absolute; right: 5px; width: 30px; height: 30px; }
.conveylist .result.mingzhong { background: url(/images/news/mingzhong.png)no-repeat; background-size: 30px; top: 0px; right: 5px; left: auto !important; }
.conveylist .result.go { background: url(/images/news/go.png)no-repeat; background-size: 30px; }
.conveylist .obvious { color: #FF5106; font-weight: 600; }
