.header {background: #fff;overflow: hidden;padding: 20px 0;border-bottom: none;margin-bottom: 10px;}
.header * {font-family: "微软雅黑";}
.header>div {text-align: center;}
.header .home {width: 37.5%;float: left;text-align: center;margin-top: -5px;}
.header .vs {width: 25%;float: left;}
.header .guest {width: 37.5%;float: right;text-align: center;margin-top: -5px;}
.header .home a,.header .guest a {font-size: 18px;display: block;text-decoration: none;font-weight: bold;height: 48px;padding: 0 8px;line-height: 48px;color: #333;}
.header .home a:hover,.header .guest a:hover {color: #ff5106;}
.header .home a {float: right;}
.header .guest a {float: left;}
.header .home img,.header .guest img {display: block;margin: 0 auto;}
.header .home img {float: right;vertical-align: middle;}
.header .guest img {float: left;vertical-align: middle;}
.header .row {line-height: 30px;width: 100%;display: block;overflow: hidden;}
.header .row.vs {font-size: 22px;line-height: 40px;font-weight: bold;color: #333;}
.header .row .dataBaseBtn {background: #007fe4;color: #fff;padding: 3px 5px;margin-left: 10px;border-radius: 4px;}
.header .row .LName {color: #007fe4;}
.header .row .half {width: 150px;margin: 0 auto;}
.header .row .half>div {width: 33.3%;float: left;}
.header .row .half .score {font-size: 27px;font-weight: bold;color: #009a01;line-height: 40px;}
.header .row .half .vs .row {line-height: 20px;color: #009a01;font-size: 12px;}
.header .row .half .vs .row:last-child {color: #ff5106;line-height: 40px;font-size: 14px;}
.header .row .HT {width: 150px;margin: 0 auto;}
.header .row .HT>div {width: 33.3%;float: left;}
.header .row .HT .score {font-size: 27px;font-weight: bold;color: #007fe4;line-height: 40px;}
.header .row .HT .vs {line-height: 40px;color: #007fe4;font-size: 15px;}
.header .row .end {width: 180px;margin: 0 auto;}
.header .row .end .row.red {color: #ff5106;}
.header .row .end>div {width: 33.3%;float: left;}
.header .row .end>div.vs {font-size: 15px;line-height: 40px;}
.header .row .end>div.vs.step {line-height: 20px;font-size: 12px;}
.header .row .end>div.vs.step span {display: block;}
.header .row .end .score {font-size: 30px;font-weight: bold;color: #ff5106;line-height: 40px;}
.pubDetail {padding: 10px;width: 678px;}
    .pubDetail .game_ball {
        float: left;
        width: 60px;
        margin-top: 10px;
    }
.pubDetail .time {float: left;width: 80px;margin-top: 10px;}
.pubDetail .topicBtn {float: right;width: 60px;border-radius: 4px;text-align: center;border: solid 1px #cccccc;margin-top: 8px;}
.pubDetail .topicBtn:hover {background: #209dde;color: #fff;border-color: #209dde;text-decoration: none;}
.pubDetail .match {float: left;width: 476px;}
.pubDetail .home a,.pubDetail .guest a {padding: 0;}
.pubDetail .home img,.pubDetail .guest img {margin: 8px;}
#right .win .infoBox .title {height: auto;overflow: hidden;width: auto;white-space: normal;line-height: normal;font-weight: 400;font-size: 14px;}
#right .win .infoBox .title span {font-size: 12px;color: #999;font-weight: 400;white-space: nowrap;}
/* .pageContent {float: left;} */

.moreTopic {line-height: 40px;text-align: center;border: solid 1px #e1e1e1;cursor: pointer;margin-top: 10px;background: #fff;font-size: 14px;float: left;width: 100%;}
.moreBtn {color: #666;line-height: 30px;text-align: center;cursor: pointer;background: #fff;font-size: 14px;margin: auto;padding: 5px 10px;border-radius: 4px;}
.moreTopic:hover,.moreBtn:hover {color: #FF5106;background: #FFF8E8;transition: all 0.2s linear;}
.matchNews {width: 688px;height: 110px;border: solid 1px #e1e1e1;border-top: none;border-bottom: none;background: #fff;border-bottom: none;padding: 0 5px 0 5px;}
.openMatchDetail {
    height: 20px;
    text-align: center;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    clear: left;
    border: solid 1px #e1e1e1;
    border-top: none;
    background: #fff;
    border-bottom: none;
    margin: -20px 0 0 0;
    padding-left:0px;
}
/* .openMatchDetail:hover{background: #f5f6f7;} */

.matchNews .red {color: #ff5106;}
.matchNews .green {color: #009a01;}
.matchNews .blue {color: #007fe4;}
.matchNews .b {font-weight: bold;}
.matchNews ul {float: left;width: 50%;margin: 5px 0 0 0;cursor: pointer;}
.matchNews ul li {border: none;text-align: center;line-height: 24px;font-size: 14px;margin: 3px 0;}
.matchNews ul.odds li {float: left;width: 25%;}
.matchNews ul.odds li span {padding: 0 5px;position: relative;bottom: -1px;}
.matchNews ul.guess li {float: left;width: 246px;text-align: left;padding-left: 10px;}
.matchNews ul.guess li.t {float: left;width: 25%;}
.matchNews ul.VSale {width: 100%;}
.matchNews ul.VSale li .des {text-align: left;padding-left: 10px;float: left;max-width: 550px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.matchNews ul.VSale li.t {float: left;width: 87px;}
.matchNews ul li.t {text-align: center;background: #f0f0f0;padding: 0;}
.matchNews ul li.on {background: #fbebe0;}
.blue_btn {width: 70px;background: #469dec;color: #FFF;text-align: center;display: block;border-radius: .3125em;margin-top: 4px;cursor: pointer;padding: 0px;line-height: 22px;height: 22px;position: relative;}
.FocusBox {text-align: center;font-size: 14px;margin-top: 15px;}
.FocusBox .FBtn {color: #f2725d;border: solid 1px #f2725d;border-radius: 30px;line-height: 30px;display: inline;padding: 5px 20px;box-shadow: 0px 3px 3px RGBA(0, 0, 0, 0.1);}
.FocusBox .FMsg {color: #999;line-height: 40px;font-size: 12px;}
.replyBox {width: 100%;box-sizing: border-box;float: left;padding: 16px 28px;background: #fff;margin-top: 12px;border-radius: 3px;}
#left .replyBox .win .leftBox {width: 48px;height: 48px;margin:0  10px 0 0;}
#left .replyBox .win .leftBox .hostUser{left: 0px;top: 0px;}
.replyBox h4 {line-height: 44px;font-weight: bold;font-size: 18px;border-bottom: solid 1px #efefef;clear: both;
    margin-top: -5px;color: #333;}
.replyBox h4 .sortBox {float: right;font-size: 12px;line-height: 16px;margin-top: 13px;}

.replyBox .weiquBox {padding: 10px 0;border-bottom: 1px dashed #efefef;}
.replyBox .weiquBox:last-child {border: none;}
.replyBox .weiquBox .left-info {float: left;}
.weiquBox .left-info a .icon {width: 40px;height: 40px;border-radius: 50%;}
.replyBox .weiquBox .right-info {float: right;width: 92%;}
.right-info .att-user {font-size: 14px;}
.right-info .att-user .user-name {color: #007FE4;}
.right-info .att-user .user-name:hover {color: #ff5106;}
.right-info .att-user .user-name:before {content: "·";color: #333;margin-right: 5px;}
.payCount {float: right;color: #c36818;font-size: 12px;width: auto;height: 22px;line-height: 22px;background: url(../images/QBpay.png) no-repeat left center;background-size: 20px;padding: 0 0 0 24px;cursor: pointer;}
.right-info .time {color: #999;font-size: 12px;}
.right-info .title {font-size: 15px;font-weight: bold;line-height: 30px;}
#content .context #left .left {padding: 0;border: none;}
.commentBox .time {font-size: 12px;color: #999;line-height: 30px;display: inline-block;}
.commentBox .replyBtn {float: right;}
.Bline {border-bottom: 1px solid #f5f5f5;}
.replyinfo,#left .reference {width: 95%;background: #f5f5f5;font-size: 12px;color: #999;border-radius: 3px;padding: 10px;text-align: justify;}
.replyinfo .praise {background: url(../images/praise_on.png)no-repeat left;padding-left: 20px;color: #999;}
.replyinfo .answer {font-size: 12px;color: #666;}
.replyinfo .answer .aninfo {position: relative;cursor: pointer;}
.aninfo:hover .pop {opacity: 1;top: -5px;transition: all 0.2s linear;}
.answer .pop {width: 122px;position: absolute;top: 0;right: -130px;background: #fff;color: #333;font-size: 14px;text-align: center;border: 1px solid #ddd;border-radius: 3px;box-shadow: 0 0 5px #ccc;z-index: 99;opacity: 0;}
.answer .pop li.ans-btn {width: 60px !important;border-right: 1px solid #ddd;line-height: 26px;cursor: pointer;float: left;}
.answer .pop li.ans-btn:hover {background: #f5f5f5;color: #666;transition: all 0.2s linear;}
.answer .pop li.ans-btn:last-child {border: none;}
.answer .pop li.ans-btn.one {width: 100% !important;}
.replyinfo .morereply {margin-top: 5px;display: block;}