body { margin: 0; padding: 0; font-family: "微软雅黑","黑体",Arial }
ul { list-style: none }
p { font-size: 14px }
#content *, #scroller * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.newMenu { left: 18px; z-index: 1; width: 100%; border-bottom: 1px solid #D9D9D9; background: -webkit-gradient(linear,0 0,0 100%,from(#FFF),to(#F1F1F5)); color: #FFF }
.newMenu ul { margin: 0; padding: 0; width: 100%; list-style: none }
.newMenu li { float: left; overflow: hidden; width: 33%; text-align: center }
.newMenu .btns li div { display: block; margin: 0 3px; padding: 0 2px; height: 36px; color: #676475; white-space: nowrap; font-size: 15px; line-height: 36px }
.newMenu .btns li div.selectA { border-bottom: 2px solid #f66; color: #FFF; color: #f66; white-space: nowrap; cursor: pointer }
.pageview { background-color: #fff; padding-bottom: 10px; }
#newsList li { position: relative; display: block; overflow: hidden; padding: 10px; width: 100%; border-bottom: 1px solid #ebebeb; color: #333; background-color: #fff; }
#newsList li .left { float: left; padding-right: 2%; padding-left: 2%; width: 35%; text-align: center }
#newsList li .left img { height: 80px }
#newsList .pics img { margin: 2px; height: 60px }
#newsList li .right { float: left; width: 65% }
#newsList li .readNum { right: 5px; bottom: 5px; float: right; color: #999; font-size: 12px; line-height: 26px }
#newsList li .newstitle { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 700 }
#newsList li .desc { color: #8e8e8e; font-size: 12px; line-height: 18px; padding-top: 2px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.space { padding-right: 4px; }
#newsList .news_title { display: block; overflow: hidden; width: 100%; height: 24px; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 600; }
#content { float: left; overflow: hidden; width: 100% }
#btnMore { float: none; margin: 10px 2%; padding-top: 10px; padding-bottom: 10px; width: 96%; background: #E7E7E7; color: #666; text-align: center; font-size: 13px; font-family: "微软雅黑","黑体",Arial }
#btnMore:empty { padding: 0; }
#btnMore a { display: block; margin: -10px 0; padding: 10px 0 }
.moreBox { margin-right: auto; margin-left: auto; width: 100% }
.title { position: relative; margin: 0; padding: 0; height: 45px; background: #3e3c8f; color: #FFF; text-align: center; line-height: 45px }
.title .backBtn { position: absolute; top: 10px; left: 0; float: left; display: block; margin-top: 3px; padding-right: 10px; padding-left: 10px; height: 20px; line-height: 20px }
#banner_scroll .touchslider-item { overflow: hidden; width: 100% }
#banner_scroll .touchslider-item img { width: 100% }
.touchslider-nav { position: absolute; right: 16px; bottom: 4px; width: 100%; text-align: right }
#banner_scroll span.current { background-color: #FFF }
.touchslider-nav span { display: inline-block; margin-right: 2px; width: 5px; height: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #d3d3d3 }
.fTitle { position: absolute; bottom: 0; padding: 2px 0 0 5px; width: 100%; height: 24px; background: #333; color: #fff; opacity: .7 }
#returnTop { position: fixed; right: 12px; bottom: 50px; z-index: 5; background: #3e3276; border-radius: 50%; padding: 10px; width: 24px; height: 24px; text-align: center; opacity: 0.8; }
#returnTop img { width: 22px; height: 22px; }

.vip1, .vip2, .vip3 { padding: 8px; background-size: 100%; vertical-align: text-bottom; margin-left: 2px; display: inline-block; }
.vipbig { padding: 10px; }
.vip1 { background-image: url(/Content/images/news/V1@3x.png); }
.vip2 { background-image: url(/Content/images/news/V2@3x.png); }
.vip3 { background-image: url(/Content/images/news/V3@3x.png); }
.topicon { display: inline-block; float: right; width: 26px; height: 26px; margin: 8px 10px 0 0; }
.collect { background: url("images/ballpub/collect.svg") no-repeat; background-size: 100%; }
.layui-m-layercont ul { width: 100%; margin: 0; padding: 0; }
.layui-m-layercont ul li { height: 45px; line-height: 45px; padding: 0 14px; font-size: 14px; border-bottom: solid 1px #f0f0f0; text-align: center; letter-spacing: 4px; }

/*前瞻详情页*/
.n-gamedata { border-radius: 10px; overflow: hidden; padding: 10px 10px; width: calc(100% - 58px); margin: 0 16px; background-color: #f5f7f9; color: #333; font-size: 14px; background: linear-gradient(147deg,#f6eff8,#fcfbfd); position: relative; border: 1px solid #e5e3e3; }

.n-gamedata .Against-b { width: 100%; display: flex; height: 68px; }
.n-gamedata .titem { text-align: center; flex: 1; overflow: hidden; -webkit-box-flex: 1; }
.n-gamedata .titem img { width: 40px; height: 40px; border-radius: 50%; padding: 1px; border: 1px solid #d8d8d8; }
.n-gamedata .titem p { text-decoration: none; font-weight: bold; font-size: 14px; color: #fff; text-align: center; margin: 0; padding-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 0; }
.vs { text-align: center; width: 24%; margin-top: 2px; }
.n-gamedata .row { width: 100%; display: block; overflow: hidden; margin-top: 0; white-space: nowrap; text-overflow: ellipsis; }
.n-gamedata .row.class { font-size: 12px; line-height: 18px; color: #333; }
.n-gamedata .state-end { font-size: 12px; line-height: 18px; color: #F04545; }
.n-gamedata .row.end { font-size: 18px; line-height: 30px; font-weight: bold; color: #F04545; }

.p_user_lock .lockbtn { background: linear-gradient(135deg,#0087ff,#51409d 65%); box-shadow: 0 1px 12px rgb(0 55 255 / 37%); width: auto; min-width: 240px; height: 48px; line-height: 34px; padding: 6px; margin: 0; border-radius: 50px; transition: all 0.2s linear; }
.p_user_lock .focusbtn { background: linear-gradient(135deg, #6E54BD, #472E92 100%); box-shadow: 0 1px 12px rgb(0 55 255 / 37%); width: auto; min-width: 240px; height: 48px; line-height: 34px; padding: 6px; margin: 0; border-radius: 50px; transition: all 0.2s linear;  }
.p_user_lock .lockbtn:hover,.p_user_lock .focusbtn:hover { transform: scale(1.05); }
.p_user_lock .lockbtn img { background: rgba(255,255,255,0.15); width: 36px; height: 36px; padding: 8px; border-radius: 50%; margin-right: 10px; float: left; }
.p_user_lock .focusbtn img{ background: rgba(255,255,255,0.15); width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; float: left; }
.p_user_lock a span { font-size: 14px; line-height: 18px; margin: 0 10px; clear: both; }
.p_user_lock { border: 1px dashed #d4d1eb; height: 160px; width: 100%; text-align: center; position: relative; margin-top: 30px; font-size: 16px; background: linear-gradient(147deg,#f6eff8,#fcfbfd); border-radius: 10px; }
.p_user_lock .drag { position: absolute; z-index: 10; left: 50%; width: 280px; top: 48%; transform: translate(-50%,-50%); }
.p_user_lock a { display: inline-block; color: #FFF;  text-decoration: none;font-size: 16px; }
.hotm { font-weight: bold; color: #F60; margin: 0 6px; }
.p_user_lock_ok { border: 1px dashed #D7D7D7; background-color: #FFF; padding: 15px; margin-top: 10px; border-radius: 10px; background: #fff7ed; }
.p_user_lock_ok .look { background: #fd8b3f; color: #Fff; display: block; width: 110px; padding: 0 12px; margin: 0 auto 10px auto; font-size: 12px; text-align: center; text-indent: 0; border-radius: 20px; }

.shang { width: 80px; height: 30px; border-radius: 4px; margin: 0 auto; background-color: #ff614a; line-height: 30px; text-align: center; color: #fff; font-size: 16px; cursor: pointer }
.shangIcons { margin: 20px 0; text-align: center; line-height: 38px; font-size: 14px }
.shangIcons .icon { vertical-align: middle; display: inline-block; position: relative; width: 28px; height: 28px; overflow: hidden; border-radius: 28px; background: #FFF; border: solid 1px #C8C8C8 }
.shangIcons .icon img { width: 28px }
.shangIcons .icon + .icon { margin-left: -18px }

.n-gamedata .statetime { font-size: 12px; text-align: center; margin-bottom: 6px; line-height: 12px; color: #888; }
.n-gamedata .statetime span { padding-right: 6px; }
.n-gamedata .Against-a { width: 100%; display: flex; }
.n-gamedata .titem2 { width: 40%; height: 24px; line-height: 24px; }
.n-gamedata .titem2 img { width: 20px; height: 20px; border-radius: 50%; padding: 1px; border: 1px solid #d8d8d8; margin: 0 6px; }
.n-gamedata .titem2 p { text-decoration: none; font-weight: bold; font-size: 14px; color: #333; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-indent: 0; display: block; width: calc(100% - 48px); }
.n-gamedata .titem2 img.left, .n-gamedata .titem2 p.left { float: right; text-align: right; }
.n-gamedata .titem2 img.right, .n-gamedata .titem2 p.right { float: left; text-align: left; }
.n-gamedata .Againstvs { width: 20%; text-align: center; font-weight: bold; line-height: 24px; color: #888 }
.n-gamedata .score { width: 20%; text-align: center; font-weight: bold; line-height: 24px; color: #e54939 }

.convey { width:unset !important; background: linear-gradient(-135deg,#fff5e7,#fde5c0); border-radius: 4px; padding: 8px; border-radius: 8px; box-shadow: 0px 2px 10px 2px rgba(205,205,205,0.8); }
.convey::before { content: ""; background: url(/Content/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 4px 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: 2px 4px; 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(/Content/images/news/mingzhong.png)no-repeat; background-size: 24px; top: 0px; right: 1px; left: auto !important; }
.conveylist .result.go { background: url(/Content/images/news/go.png)no-repeat; background-size: 30px; }
.conveylist .obvious { color: #FF5106; font-weight: 600; }