body {background: #f5f5f5;}
.content {width: 950px; margin: 0 auto;}
.content h2 {height: 33px; background: url("/images/index/title.jpg") no-repeat;margin-left: -15px;}
.content .hotNews { float: left; border: solid 1px #e7e7e7; border-radius: 4px; background: #fff; padding: 10px; width: 618px;}
.content .hotNews .new {font-size: 14px; line-height: 24px; border-bottom: solid 1px #dcdcdc; padding: 10px 10px 14px 10px; margin-bottom: 5px;}
.content .hotNews .new::after {content: "";display: block; clear: both;}
.content .hotNews .new ul {padding-top: 10px; width: 100%; clear: both;}
.content .hotNews .new ul li {overflow: hidden; height: 24px; line-height: 24px;}
.content .hotNews .new:last-child {border: none;}
.content .hotNews .new .title {font-weight: bold; font-size: 16px;}
.content .hotNews .new .title .link {float: right; line-height: 23px;font-size: 14px;}
.content .hotNews .new .title i {text-align: right; background: url("/images/index/gameBG.png") no-repeat right bottom; font-size: 12px; width: 102px; margin: 0 5px 0 -25px; padding: 0 10px 3px 0px; color: #ffffff; height: 20px; line-height: 21px; display: block; float: left;}
.content .hotNews .new .title i span {padding: 0 5px; float: left;}
.content .hotNews .new .title .PIcon {margin-left: 5px;}
.content .hotNews .new .title .tit {float: left; max-width: 350px;
    /* text-decoration: none; */ font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content .hotNews .new .title .tit .vs {color: #666666; padding: 0 5px;}
.content .hotNews .new .title .tit:hover span {text-decoration: underline;}
.content .hotNews .new .title .time {text-decoration: none;}
/* .content .hotNews .new .title .tit:hover span.time,
.content .hotNews .new .title .tit:hover span.PIcon,
.content .hotNews .new .title .tit:hover span.s{text-decoration: none;} */
.content .hotNews .new .title .s {padding-left: 5px;border-left: solid 1px #ccc; font-size: 12px; height: 16px; margin-top: 4px; line-height: 16px; color: #666;margin-left: 5px;}
/* .content .hotNews .new .title .end{  padding-left:5px;} */
.content .hotNews .new .title .s.blue {color: #0097e2;}
.content .hotNews .new ul li a {color: #666666; float: left; max-width: 390px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 24px; display: block;}
.content .hotNews .new ul li a:hover {color: #F30;}
.content .hotNews .new ul li .data {float: right; font-size: 12px;color: #666666;clear: right;}
.content .hotNews .new ul li .data .from {float: left; width: auto; text-align: left; margin: 0 2px;}
.content .hotNews .new ul li .data .author {float: left;text-align: right; margin: 0 2px; max-width: 72px; overflow: hidden;color: #666666;}
.content .hotNews .new ul li .data .author:hover {color: #F30;}
.content .hotNews .new ul li .data a {color: #156790; float: left;}
.content .hotNews .new ul li .data span {float: left;}
.content .right { float: right;}
.content .right .ad {border-radius: 4px; background: #fff;margin-bottom: 10px; height: 96px; overflow: hidden;}
.content .left { float: left;}

#left_ms li { font-size: 14px; font-weight: bold; color: #333333; line-height: 32px; padding-left: 23px; border-bottom: solid 1px #e4e4e4;}
#left_ms li:last-child {border: none;}
#left_ms span {float: right;}
#left_ms span a { color: #156790;padding: 0 5px;}
#left_ms span a:hover {color: #F30;}
.red {color: #F30;}
.blue {color: #156790;}
.mnimg1 { background: url(/images/leftball.gif) no-repeat 1px 8px;}
.mnimg2 { background: url(/images/leftball.gif) no-repeat 1px -25px;}
.mnimg3 { background: url(/images/leftball.gif) no-repeat 1px -59px;}
.mnimg4 { background: url(/images/leftball.gif) no-repeat 1px -92px;}
.mnimg5 { background: url(/images/leftball.gif) no-repeat 1px -124px;}
.mnimg6 { background: url(/images/leftball.gif) no-repeat 1px -157px;}
.mnimg7 {background: url(/images/leftball.gif) no-repeat 1px -190px;}

.panel {border: solid 1px #e7e7e7; border-radius: 4px; width: 288px; padding: 5px; background: #fff;margin-bottom: 10px;}
.panel h3 {line-height: 35px; border-bottom: solid 1px #e7e7e7; font-size: 15px; font-weight: bold;padding: 0 5px;}
.panel h3 .createBtn { height: 24px; background: #209edc url("/images/index/jia.gif") 5px center no-repeat; color: #fff; float: right; padding: 0 5px 0 20px; font-size: 12px; line-height: 24px;margin-top: 3px; border-radius: 4px; margin-right: -5px;}
.panel .info {padding: 5px; overflow: hidden;}
.panel h3 a {float: right; font-weight: normal; font-size: 12px;}
.pub {overflow: hidden; border-bottom: solid 1px #e4e4e4;padding: 5px 0; display: table;}
.pub>* {display: table-cell; vertical-align: middle;}
.pub:last-child {border: none;padding-bottom: 0;}
.pub .icon {width: 50px; font-size: 0; overflow: hidden; float: left;}
.pub .icon img {width: 50px; height: 50px;border-radius: 50%;}
.pub .pubData { width: 218px; padding-left: 10px;}
.pub .pubData.nodesc .desc {display: none;}
.pub .pubData .name a {font-weight: bold; height: 16px; line-height: 16px; font-size: 14px;}
.pub .pubData .name a.hid {font-weight: bold; max-width: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; line-height: 16px; display: block;float: left;}
.pub .pubData .name .userCount { width: 36px; height: 16px; line-height: 16px; background: url(/images/user.gif) no-repeat left center; padding-left: 24px; display: block; float: right;}
.pub .pubData .name .userLike { display: none; width: 69px; float: right;height: 16px; line-height: 16px; background: url(/Images/star.png) no-repeat left center; padding-left: 18px;}
.pub .pubData .name img {vertical-align: middle;}
.pub .pubData .desc {color: #7c7c7c; white-space: normal; width: 218px; word-break: break-all; align-items: center;}
.pub .pubData .desc span { line-height: normal;display: inline-block;width: 217px; overflow: hidden;}
.pub .pubData .desc::before {content: ""; width: 1px; display: inline-block;vertical-align: middle;}
.linkMenu {display: block; width: 100%; overflow: hidden; padding: 10px 0; border-bottom: solid 1px #e4e4e4;}
.linkMenu:last-child {border: none;padding-bottom: 5px;}
.linkMenu .icon {float: left; margin: 0 15px 0 10px; height: 50px; overflow: hidden;}
.linkMenu .links {float: left; font-size: 14px; color: #ccc; line-height: 25px;}
.tabs { border: solid 1px #e4e4e4; border-radius: 4px; overflow: hidden;width: 298px;}
.tabs .q_menu { overflow: hidden; width: 100%;}
.tabs .q_menu a,
.tabs .q_menu a:hover { text-decoration: none; width: 149px; float: left; text-align: center; line-height: 37px; background: #e1e1e1; font-size: 14px;}
.tabs .q_menu a.qon { background: #fff; border-top: solid 2px #59a1d3;}
.tabs .soccegame { WIDTH: 100%; HEIGHT: 25px; margin-bottom: 5px; background-color: #fff;}
.tabs .soccegame LI { FLOAT: left; width: 20%; margin: 0; padding: 0;}
.tabs .soccegame LI A { DISPLAY: block; TEXT-ALIGN: center; line-height: 26px; color: #333; font-size: 14px;}
.tabs .soccegame .inon A,
.tabs .soccegame .inon A:visited,
.tabs .soccegame .inon A:hover { border-radius: 4px; margin-bottom: 2px; BACKGROUND-POSITION: left -123px; background: #0990d6; COLOR: #fff; BACKGROUND-REPEAT: no-repeat; text-decoration: none;}
#div_football,
#div_basketball {padding: 5px; background: #fff;height: 465px; overflow: hidden;}
.nbaph td { text-align: center; line-height: 26px; font-size: 12px; color: #666;}
.nbaph td:first-child {font-size: 14px;}
.nbay td { color: #FFF; background-color: #59a1d3;}
.jfb TD { COLOR: #666; LINE-HEIGHT: 26px; TEXT-ALIGN: center; font-size: 12px;}
.jfb TD a {font-size: 14px;}
.jfb TD span a {line-height: 20px; font-size: 12px;}
/* .jfb tr:not(:first-child) td:first-child{font-size: 12px;} */
.jfb .jstitle TD { COLOR: #fff; BACKGROUND-COLOR: #59a1d3;}
.js1 { BACKGROUND-COLOR: #e7e7e7;}
.guess h3 a {margin-left: 10px;}
.guessBar { margin-top: 3px; border-bottom: solid 1px #e1e1e1; overflow: hidden; padding: 5px 0;}
.guessBar:last-child {border: none;}
.guessBar .team {float: left; width: 65px; text-align: center; font-weight: bold;}
.guessBar .team .icon { overflow: hidden; width: 40px; height: 40px; margin: 0 auto;cursor: pointer; border-radius: 50%; text-align: center; line-height: 19px; background: #fff3da;}
.guessBar .guessBox {float: left;width: 138px; padding: 0 5px;margin-top: 7px;}
.guessBar .icon img {width: 100%;}
.guessBar .guessData { width: 100%; float: left;text-align: center;}
.guessBar .guessData .barBG { height: 8px; width: 100%; float: left;background: #f1a0a0;}
.guessBar .guessData .barBG .bar { height: 8px; float: left; background: #8ac4e2;}
.guessBar .guessData .hCount {float: left; color: #666; background: url("/images/guess/hi.gif") no-repeat left; padding-left: 13px;}
.guessBar .guessData .gCount {float: right;color: #666; background: url("/images/guess/hi.gif") no-repeat right; padding-right: 13px;}

.msgBox{background: url(/images/index/lb.png) no-repeat 5px center;
    overflow: hidden;color:#aaa;
    padding-left:20px; line-height: 24px; background-size:auto 60%;}
.msgBox .r{float: right; width:300px; overflow: hidden; text-align: center;}
.msgBox ul{float: left;width:50%; overflow: hidden; height: 24px;}
.msgBox ul li{width:100%; float: left; }