.win .info ul li {padding: 12px;border-bottom: 1px solid #f5f5f5;box-shadow: none;}
.win .info ul li:hover,.info .matchBox:hover {background: #FFF8E8;transition: all 0.2s linear;}
.win .info ul li:last-child {border: none;}
#content {width: 1080px;margin-right: auto;margin-left: auto;}
.context {margin-top: 10px;}
#content .context #left {float: left;width: 768px;position: relative;border-style: none;}
#content .context #left .left {width: 100%;float: left;margin: 10px 0 0;padding: 0 0 1px;border-bottom: solid 1px #efefef;}
#content .context #left .left:last-child {border: none;}
#content .context .popup_user .leftBox {float: left;width: 50px;height: 50px;border-radius: 50px;overflow: hidden;margin: 5px;}
#content .context .popup_user .leftBox img {width: 50px;height: 50px;}
#content .context .popup_user .userInfo {float: right;width: 260px;font-size: 14px;}
#content .context .popup_user .userInfo .title {margin: 0 4px 0 0;font-size: 14px;font-weight: bold;}
#content .context .popup_user .userInfo .huise {line-height: normal;}
#content .context .popup_user .infoBox {margin-top: 8px;margin-bottom: 5px;}
#left .popup_user #iconBox .button {display: inline;color: #FFF;cursor: pointer;margin-left: 0;white-space: nowrap;font-size: 12px;font-weight: 400;line-height: 20px;height: 20px;background: #80afc6 url(none);padding: 3px;}
#content .context .popup_user .infoBox .title {width: 220px;display: block;}
#content .context #right {float: right;width: 300px;overflow: hidden;}
/* #content .context #right .right {margin-bottom: 10px;background-image: url(../images/bottomLine.jpg);background-repeat: no-repeat;background-position: left bottom;border-color: #dce3e9 #dce3e9 #eceded;border-style: solid;border-width: 1px 1px 2px;} */
#content .nobg {background-image: none;border-style: none;}

/* 资讯详情页头部导航 */
.topbox {background: #fff;border-bottom: 1px solid #f5f5f5;border-radius: 3px 3px 0 0;overflow: hidden;}
.topbox .crumbslis {color: #777;font-size: 12px;line-height: 30px;font-weight: normal;padding: 7px 15px;border-radius: 0 30px 30px 0;box-shadow: 6px 0 10px rgba(0,0,0,0.1);display: inline-block;cursor: pointer;position: relative;}
.topbox .crumbslis.on,.topbox .crumbslis.on:hover {color: #333;}
.topbox .crumbslis:hover {color: #ff5106;}
.topbox .crumbslis:last-child {box-shadow: none;}
/* .topbox .crumbslis::after {content:"";border-width: 6px;border-style: solid;border-color: #d9d9d9 transparent transparent transparent;transform: translate(0,-50%) rotate(-90deg);top: 50%;right: -12px;position: absolute;} */

#left #list {float: left;width: 700px;}
#left .addBox {width: 695px;padding-left: 5px;background-color: #FFF;padding-top: 0;margin-top: 5px;}
#left #bg {padding: 0 0 20px 0;height: 50px;margin: 12px 0;position: relative;}
/*#left #bg .qiubaInfoBox {width: 78%;}*/
#left #bg .userGuessData {float: right;position: absolute;top: 0;right: 0;}
#left #bg .userGuessData li {min-width: 50px;float: left;text-align: center;color: #ff5106;font-weight: bold;font-size: 16px;}
#left #bg .userGuessData li span {display: block;color: #999;font-weight: normal;font-size: 12px;}
#left #bg .userGuessData.hot {background: #fff2f1;padding: 4px;border-radius: 8px;}
#left #bg .userGuessData.hot span {color: #b77772;}
#left .qiubaBox {background: #FFF;border-radius: 3px;padding: 18px 28px; margin-bottom: 12px;}
#left .qiubaBox .qiuba_Info {overflow: hidden;text-align: justify;}
#left .qiubaBox .title {font-size: 22px;line-height: 24px;font-weight: bold;}
#left .qiubaBox .qiuba_Info form {margin: 5px 0;font-size: 12px;color: #999;}
#left .qiubaBox .qiuba_Info .msg {background: #f5f5f5;color: #666;font-size: 12px;text-align: center;width: max-content;margin-top: 10px;padding: 0 15px;border-radius: 20px;}
#left .qiubaBox .qiuba_Info2 {position: relative;color: #999;white-space: nowrap;text-overflow: ellipsis;line-height: 20px;overflow: hidden;}
#left .qiubaBox .qiuba_Info .ext-tag {margin-top: 10px;}

#left .commentBox .floorBox {float: left;text-align: left;}
#left .win {overflow: visible;}
#left .win li {width: 698px;display: block;overflow: hidden;}
#left .reference {background-color: #f9f9f9;margin-bottom: 5px;color: #999;font-size: 12px;padding: 10px;text-align: justify;/* border: solid 1px #dce3e9; */}
#left .qiubaIcon {float: left;margin-right: 10px;text-align: center;vertical-align: middle;height: 50px;width: 50px;border-radius: 50%;display: block;background-color: #FFF;}
#left .qiubaIcon .leftBox {font-size: 0;}
#left .qiubaIcon .leftBox img {border-radius: 50%;overflow: hidden;}
#left .qiubaIcon .button {display: block;background-image: url(../images/join_btn_20.jpg);background-repeat: repeat-x;line-height: 22px;color: #446170;background-position: left bottom;border-top-width: 1px;border-top-style: solid;border-top-color: #E3EBF1;background-color: #FFF;margin: 0;padding: 1px;}
#left .qiubaInfoBox {/*width: 620px;*/position: relative;line-height: 30px;}
#left .qiubaIcon img {width: 100%;height: 100%;}
.qiuba_title {font-size: 14px;}
.qiuba_title a {font-size: 14px;font-weight: bold;}
.qiuba_title a:first-child {margin-right: 2px;}
#left .qiubaInfoBox .qiuba_title p {font-size: 14px;color: #333;line-height: 20px;margin-left: 10px;display: inline;}
#left .qiubaInfoBox .qiuba_title p span {font-size: 14px;}
#left .qiubaInfoBox .qiuba_title span {font-size: 14px;font-weight: 700;line-height: 30px;color: #287191;position: relative;display: inline;padding: 0 10px 0 0;}
#left .qiubaInfoBox .qiuba_title .time {color: #999;font-size: 12px;font-weight: normal;margin: 0 5px;padding: 0;}
#left .qiubaInfoBox .qiuba_title .follow-box {background-color: #FFF;border-radius: 20px;font-size: 12px !important;color: #ff5106 !important;font-weight: 400 !important;padding: 3px 12px !important;cursor: pointer;text-align: center;border:1px solid #f9cfb2;margin-left:2px;}
#left .qiubaInfoBox .qiuba_title .follow-box.on {color: #666 !important;background-color: #f5f5f5;border-color: #e5e5e5;}
.btnsBox {position: absolute;right: 0;top: 0;line-height: 30px;z-index: 99;}
.btnsBox .button,.btnsBox .button:hover {background-color: transparent;font-size: 14px;color: #999;width: 40px;text-align: center;float: left;padding: 5px 0;}
#left .qiubaInfoBox #icons {font-size: 12px;font-weight: 400;color: #333;position: absolute;top: 0;right: 10px;}
#icons .icon_back {background-image: none;text-align: center;padding: 0;}
#icons .icon_back img {display: inline;text-align: center;height: 18px;float: none;margin: 0;padding: 0;}
#left .qiuba_Info {font-size: 16px;line-height: 1.75em;color: #333;/* clear: both; */padding-bottom: 20px;}
/* -----图片----- */
/* #left .qiuba_Info img {max-width: 590px;_width: expression(this.width>590?"590px": this.width);} */
.picicon {width: 100px;height: auto;border-radius: 5px;cursor: pointer;display: block;}
.aninfo .picicon {width: 30px;height: 30px;margin: 0 5px;display: inline-block;}
#openContentData .picicon {width: 200px;margin: 0 auto;}

#left .win .leftBox {height: 50px;width: 50px;display: inline;position: relative;margin: 10px;}
#left .win .leftBox .icon {width: 48px;height: 48px;overflow: hidden;border-radius: 50%;}
#left .win .leftBox .hostUser {left: -11px;top: -11px;}
#left .win .leftBox img {height: 100%;width: 100%;}
#left .win .infoBox {width: 91%;float: right;padding-bottom: 6px;}
#left .win .infoBox .qiuba_Info {font-size: 14px;color: #333;padding: 0;}
#left .win .infoBox .qiuba_Info .content {text-align: justify;font-size: 14px;padding: 4px 0;}

.commentBox {padding: 0;}
.commentBox .sortBox {padding: 0;}
.commentBox .like {padding-top: 6px;background-position: left 8px;}
.commentBox .FR {float: right;}
.commentBox .button {background: transparent;color: #999;padding: 0;margin-left: 10px;line-height: 30px;height: auto;text-align: right;width: auto;}
.commentBox .button:hover {background-color: transparent;color: #ff5106;}


#left .win:hover .reportBtn,#left .win:hover .deleteBtn{ display: block;}

.commentBox .reportBtn {
      background: url(../images/report.png) no-repeat;width: 16px;
      height: 16px;padding-left: 20px;margin: 7px 7px 0 7px;background-size: 16px auto;
     
}
.commentBox .deleteBtn {
      background: url(../images/delete16.png) no-repeat;width: 16px;
      height: 16px;margin: 7px 7px 0 7px;background-size: auto 16px;
      display: none;
}


#left .win .infoBox .title {font-weight: 400;font-size: 14px;display: block;line-height: 26px;height: 26px;}
#left .win .infoBox .title>span {margin-left: 10px;}
#right .win .leftBox {width: 48px;height: 48px;text-align: center;border-radius: 48px;overflow: hidden;margin: 0 10px 0 0;}
#right .win .leftBox img {width: 100%;height: 100%;}
.sponsorBtnBox {padding-top: 20px;color: #333;text-align: center;}
.sponsorBtnBox .btn {display: inline-block;font-size: 14px;line-height: 34px;margin: 0 10px;}
.sponsorBtnBox img {cursor: pointer;}
.sponsorBtnBox input {position: relative;top: 2px;margin-right: 5px;}
.sReason {color: #333;text-align: center;cursor: pointer;padding-top: 5px;padding-bottom: 5px;margin-right: 5px;}
.sReason:hover {color: red;text-align: center;}
table tr.h_tdtitle td {background: #7097c0;color: #FFF;line-height: 16px;font-size: 12px;font-weight: 400;height: 16px;text-align: center;}
#left .mytable tr td {font-size: 12px;}
.mytable2 td {background: #F8F8F8;line-height: 30px;height: 30px;}
.mytable2 th {font-weight: 400;background: #F2F2F2 url(../images/poupwin_11.gif) repeat-x;line-height: 30px;}
#content .context #left .hotComments {float: left;width: 698px;margin-top: 10px;border: 1px solid #80AFC6;background: #FEFEF3;padding-bottom: 10px;}
#left .hotComments .commentBox {width: 668px;}
#left .hotComments .infoBox {width: 585px;}
#content .context #right .infoBox {width: auto;text-align: justify;}
.win .info.tag {padding: 8px 12px;}
.context .information {padding: 2px 0 !important;border: none !important;}
.context .information:hover {background: none !important;}
.context .information .tagbtn {color: #333;font-size: 12px;line-height: 30px;width: 32%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;transition: all 0.2s linear;}
.context .information .tagbtn:hover {color: #ff5106;}
.context .information .tagbtn .teamicon {background: #f5f5f5;width: 24px;height: 24px;margin: 0 5px 2px 0;border-radius: 50%;display: inline-block;}

.miniUserBox {padding-top: 6px;clear: both;}
.miniUserBox .icon {float: left;margin:1px 4px 0 0;}
.miniUserBox .icon img {width: 16px;height: 16px;border-radius: 50%;border: solid 2px #f5f5f5;}
.miniUserBox .name {color: #666;}
.miniUserBox .time {float: right;color: #999;}
#content .context #left .hotComments .left {margin-right: 10px;margin-left: 10px;width: 678px;}
#content .context #left .hotComments .title {background: #5CAACF;line-height: 30px;font-weight: 700;padding-left: 10px;color: #FFF;font-size: 14px;}
#content .context .userInfo {float: left;text-align: left;line-height: 30px;}
#content .context #left .hotComments .userInfo .title {background: transparent;color: #333;float: left;margin-right: 10px;padding: 0;}
#content .context #left .hotComments .infoBox .title {background: #FFF;font-weight: 400;padding: 0;}
.payBox {height: 35px;line-height: 35px;margin-top: 10px;margin-bottom: 10px;margin-left: 10px;float: left;}
.payBox div {float: left;margin-right: 10px;}
.win .icon_read {margin-top: 0;width: auto;height: 20px;line-height: 20px;background: url(../images/topic_27.gif) no-repeat left center;background-size: auto 13px;padding: 0 0 0 26px;}
#right .win .infoBox .name {font-size: 14px;text-decoration-line: none;font-weight: 700;color: #333;}
#right .win .infoBox .name img {margin-left: 3px;}
#right .win .reader {color: #999;float: right;text-align: right;padding: 0 8px;border-right: 1px solid #efefef;line-height: 10px;margin: 6px;}
#right .win .infoBox .title {height: auto;overflow:hidden;width: auto;white-space: normal;line-height: normal;font-weight: 400;}
#right .win .infoBox .title span {font-size: 12px;color: #999;font-weight: 400;white-space: nowrap;}
.addComment {margin-top: 10px;}
.addComment .icon {float: left;width: 48px;height: 48px;background-color: #ccc;margin-right: 10px;border-radius: 48px;overflow: hidden;}
.addComment .editer {float: right;width: 620px;position: relative;}
.addComment .editer .nologin {left: 50%;top: 50%;margin-left: -70px;margin-top: -15px;padding: 0;}
.addComment .editer textarea {border: solid 1px #ccc;box-sizing: border-box;}
.addComment .info {overflow: hidden;float: right;margin-top: 10px;}
.addComment .rule {float: right;margin: 18px 18px 0 0;}
.addComment .addBtn {float: right;margin-top: 10px;background-color: #007FE4;color: #fff;font-size: 14px;width: 100px;height: 40px;border-radius: 3px;line-height: 40px;text-align: center;cursor: pointer;}
.addComment .addBtn.reply {background: #deecf7;color: #007FE4;margin-right: 10px;position: relative;}
.addComment .replybox {background: #fff;min-width: 235px;padding: 10px 10px 10px 30px;border-radius: 8px;position: absolute;bottom: 45px;right: 0;box-shadow: 0 0 10px rgba(0,0,0,0.2);z-index: 10;}
.addComment .replybox li {color: #333 !important;font-size: 14px;line-height: 20px;text-align: left;padding: 5px;}
.addComment .replybox li:hover {background: #f9f9f9;color: #007FE4 !important;}
.popupCommentBox {position: fixed;bottom: 0;width: 744px;border-top: solid 1px #e9e9e9;background-color: #FFF;z-index: 99998;line-height: 40px;padding: 12px;}
.nologin {position: absolute;top: 12px;padding-left: 12px;left: 10px;height: 30px;font-size: 14px;color: #999;}
.popupCommentBox .input {width: 582px;box-sizing: border-box;float: left;line-height: 40px;}
.popupCommentBox .input input {width: 632px;height: 38px;border: solid 1px #efefef;line-height: 38px;font-size: 14px;padding: 0 5px;background-color: #f9f9f9;}
.popupCommentBox .btn {width: 100px;float: right;box-sizing: border-box;height: 40px;text-align: center;background-color: #007FE4;cursor: pointer;color: #fff;font-size: 14px;border-radius:0 4px 4px 0}
#addBtn {width: 130px;height: 80px; float: none;/* overflow: hidden; */margin: 20px auto 0;}
/* #addBtn .give {width: 55px;height: 30px;float: left;background: url(../images/c.png) top center no-repeat;background-size: 100% auto;text-align: center;color: #f2725d;font-size: 20px;cursor: pointer;margin: 0 5px;}
#addBtn .like {float: left;width: 55px;height: 30px;background: url(../images/z.png) top center no-repeat;background-size: 100% auto;text-align: center;color: #f7b55d;font-size: 15px;cursor: pointer;margin: 0 5px;} */
#addBtn .open {padding-top: 55px;float: left;width: 50px;height: 30px;background: url(../images/o.png) top center no-repeat;background-size: 100% auto;text-align: center;color: #f7b55d;font-size: 15px;cursor: pointer;margin: 0 5px;position: relative;}
/* #addBtn .open .myPubList{ display: none;} */

#addBtn .open .myPubList {border: solid 1px #ccc;padding: 10px 10px 5px 10px;width: 150px;border-radius: 4px;background: #fff;display: block;position: absolute;bottom: 40px;left: 70px;}
#addBtn .open .myPubList .tit {font-size: 14px;color: #333;font-weight: bold;text-align: left;padding-bottom: 5px;}
#addBtn .open .myPubList i {background: url("../images/lt.png") no-repeat;position: absolute;left: -11px;bottom: 10px;padding: 0;margin: 0;min-width: 11px;height: 16px;}
#addBtn .open .myPubList ul li {text-align: left;line-height: 38px;border-top: solid 1px #e1e1e1;width: 100%;overflow: hidden;}
#addBtn .open .myPubList ul li a {font-size: 12px;text-align: left;}
#addBtn .open .myPubList ul li a .icon {background: #e1e1e1;overflow: hidden;border-radius: 50%;width: 30px;margin: 5px;height: 30px;float: left;}
#addBtn .open .myPubList ul li a .icon img {width: 100%;height: 100%;}
#addBtn .open .myPubList ul li a .name {}



.sortBox .item {float: left;padding: 0 10px;position: relative;}
.sortBox .item:hover {color: #007FE4;}
.sortBox .item::after {content:"";position: absolute;right: 0;top: 3px;width: 1px;height: 12px;background: #dce3e9;}
.sortBox .item:last-child::after {background: none;}
.sortBox .on,.sortBox .on:hover {color: #f00;font-size: 14px;font-weight: bold;}
.sortBox .item a {margin: 2px 6px 2px 0;}


.shareBox {line-height: 32px;color: #a9a9a9;overflow: hidden;}
.shareBox .button {background-position:left center;color:#8c8c8c;width:auto;height:20px;line-height:20px;float:right;margin:6px;/* padding-left: 20px; */}
/* .shareBox .button.like{background: url(../images/star.png) no-repeat left center;} */
/* .shareBox .button.reportBtn{} */
.shareBox  a.bds_weixin {background: url(../images/share/1.png) no-repeat;width: 32px;height: 32px;padding: 0;vertical-align: middle;margin:0 3px;}
.shareBox  a.bds_tieba {background: url(../images/share/2.png) no-repeat;width: 32px;height: 32px;padding: 0;vertical-align: middle;margin:0 3px;}
.shareBox  a.bds_tsina {background: url(../images/share/3.png) no-repeat;width: 32px;height: 32px;padding: 0;vertical-align: middle;margin:0 3px;}
.shareBox  a.bds_qq {display: block;background: url(../images/share/4.png) no-repeat;width: 32px;height: 32px;padding: 0;vertical-align: middle;margin:0 3px;}
.shareBox .row {float: left;}
.social-share a {margin: 0 4px;}
.show-feedback {color: #a9a9a9;margin: 5px 0;float: right;}
.show-feedback a {color: #5690d2 !important;padding: 0 4px;}

#left .win .rightBox,#left .win .rightBox div {margin-right: 10px;}
/*#left .qiubaBox i {font-style: normal;text-align: right;background: url(../images/gameBG.png) no-repeat right bottom;font-size: 12px;min-width: 102px;margin: 0 5px 0 -10px;padding: 0 10px 3px 0px;color: #ffffff;height: 20px;line-height: 20px;display: block;float: left;}*/
/*#left .qiubaBox i a {padding: 0 5px;float: left;color: #fff;}
#left .qiubaBox i a:hover {text-decoration: underline;}*/
.saleBox {margin-bottom: 5px;text-align: left;color: #FF7D00;font-size: 12px;}
.saleBox::before {content: "";display: inline-block;width: 0;height: 0;border-top: 4px solid #FF7D00;border-bottom: 0 none;border-left: 4px solid transparent;border-right: 4px solid transparent;margin: 5px 5px 5px 0;transform: rotate(0deg);vertical-align: -3px;}
.content-data {background: #fff9ef;padding: 10px 20px;margin: 5px 0 15px;font-size: 15px;border-style: none;border-radius: 3px;}
.content-data .tyjieguobg {background: #fff0f2;border: 1px solid #ffd2d2;height: auto;font-size: 14px;margin: 8px 8px 8px 0;}
.content-data .tyjieguobg .tyjieguobg_title {border-radius: 20px;padding: 2px 8px;}

/* -----文章改版------ */
.red {color: #ff5106 !important;}
.blue {color: #007FE4 !important;}
.lineTit {float: none;padding: 0;display: none;}
.qiuba_Info .ext {color: #666;font-size: 12px;text-align: center;float: right;transform: skew(18deg);cursor: pointer;position: relative;}
.qiuba_Info .ext img {vertical-align: -5px;margin-right: 2px;}
.qiuba_Info .unlockpop {background: #fff;width: 300px;padding: 5px 10px;border-radius: 5px;position: absolute;top: 34px;right: 0;box-shadow: 0 0 10px rgba(0,0,0,0.3);cursor: auto;}
.qiuba_Info .unlockpop .tit {color: #333;font-size: 14px;font-weight: bold;line-height: 30px;text-align: left;padding: 0 5px;}
.qiuba_Info .unlockpop .tit::before {content:"";background: #007FE4;width: 3px;height: 12px;margin-right: 8px;border-radius: 3px;vertical-align: -2px;display: inline-block;}
.qiuba_Info .unlockpop .close {float: right;}
.qiuba_Info .unlockpop .close::before,.qiuba_Info .unlockpop .close::after {content:"";background: #bfbfbf !important;}
.qiuba_Info .unlockpop .locklis {border-top: 1px solid #efefef;text-align: left;line-height: 30px;padding: 5px;}
.qiuba_Info .unlockpop .usericon {width: 20px;height: 20px;border-radius: 50%;margin-right: 10px;}
.qiuba_Info .unlockpop .name {color: #333;width: 100px;display: inline-block;}
.qiuba_Info .unlockpop .time {color: #999;}
.qiuba_Info .unlockpop .vipbtn {float: right;position: relative;}
.qiuba_Info .unlockpop .vipicon {width: 30px;margin: 10px 0;vertical-align: 0;cursor: pointer;}
.qiuba_Info .unlockpop .viptip {background: #fffaea;color: #99721c;font-size: 12px;padding: 0 10px;width: max-content;border-radius: 4px;position: absolute;top: 34px;right: -5px;box-shadow: 0 0 10px #ddcba4;z-index: 1;}

.info-box {margin: 10px 0;}
.Nbg {background: none !important;}
/* .info-box h2 {font-size: 16px;font-weight: bold;text-align: justify;line-height: 30px;margin-bottom: 10px;} */
.info-box .relatmatch {background: #f9f9f9;color: #666;font-size: 12px;line-height: 22px;border: 1px solid #eee;border-radius: 20px;padding: 5px 20px;margin: 0 auto;display: table;position: relative;}
.info-box .relatmatch::after {content:"";clear: both;display: block;position: absolute;top: 16px;right: -82%;width: 82%;height: 1px;background: #eee;}
.info-box .relatmatch::before {content:"";position: absolute;top: 16px;left: -82%;width: 82%;height: 1px;background: #eee;}
.relatmatch .time {float: left;min-width: 120px;text-align: center;}
.relatmatch .time span {margin: 0 10px 0 5px;}
.relatmatch .data {float: left;position: relative;color: #666;padding: 0 15px 0 20px;margin-left: 20px;cursor: pointer;}
.relatmatch .data::before {content:"";position: absolute;top: 5px;left: 0;width: 1px;height: 14px;background: #e5e5e5;}
.relatmatch .data:after {content:"";position: absolute; width: 7px;height: 7px;right: 2px;top: 7px;border-right: 1px solid #999;border-bottom: 1px solid #999;transform: rotate(-45deg);}
.relatmatch .data:hover {color: #FF7D00;}
.relatmatch .data:hover:after {border-color: #FF7D00;}
.info-box .match {padding: 10px;margin-bottom: 10px;text-align: center;font-size: 18px;font-weight: 700;line-height: 50px;}
.match .homename {width: 37%; text-align: right;padding: 0 5px; display: inline-block;}
.match .VS {width: 18%;font-size: 16px;font-weight: bold;padding: 0 5px;display: inline-block;}
.match .VS span {padding: 0 5px;font-size: 14px;}
.match .guestname {width: 37%;text-align: left;padding: 0 5px;display: inline-block;}
.match ul {display: table;margin: 5px auto;text-align: center;}
.match ul:after {content: "";clear: both;display: block;}
.match li {float: left;display: inline-block;width: 200px;height: 50px;line-height: 50px;font-size: 16px;background: #f2f2f2;color: #333;border-top: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;}
.match li.jz {width: 50px;}
.match li.jz.on {background: #fb8b00;border-color: #fb8b00;}
.match li.on {background: #ff5107;color: #FFF;border: 1px solid #ff5107;}
.match li span {padding: 0 5px;}
.match li.Nbg span {color: #666;}
.convertit {font-size: 20px;font-weight: bold;line-height: 34px;padding-left: 5px;transform: skew(-18deg);color: #333;margin: 24px 8px 12px 0;position: relative;z-index: 10;}
.convertit:before,.convertit:after {content: "";width: 5px;height: 18px;background: #ff5106;display: inline-block;margin-right: 8px;vertical-align: -2px;}
.convertit:after {margin-left: 8px;}
.giveList {background: none;border: none;margin-top: 20px;}
.participants {width: 100%;border: 1px solid #f5f5f5;}
#addBtn .like,#addBtn .give {width: 50px;height: 50px;background: #f7b55d;color: #fff;font-size: 22px;text-align: center;line-height: 50px;border-radius: 50%;float: left;margin: 7px;cursor: pointer;}
#addBtn .give {background: #f2725d;}
#addBtn .like:hover,#addBtn .give:hover {opacity: 0.8;transition: all 0.2s linear;}
#addBtn .like span {display: block;color: #f7b55d;font-size: 15px;line-height: 24px;}
#addBtn .give span {display: block;color: #f2725d;font-size: 15px;line-height: 24px;}
.lineTit.tf {width: 97%;float: left;padding: 5px 10px;text-align: justify;}
.nopayinfo {width: 100%;padding-left: 5px;}
.nopayinfo .home-team {float: left;width: 50%;}
.nopayinfo .guest-team {float: right;width: 50%;}
.nopayinfo li {width: 26%;margin-right: 5px;}
.qiubaInfoBox .time, .replyinfo .answer .time {color:#999 !important;font-size:12px !important;}
.linkmatch {background: #f5f5f5;border: 1px solid #efefef;font-size: 14px;line-height: 24px;text-decoration: none;padding: 0 6px 0 10px;margin-left: 10px;border-radius: 20px;display: inline-block;cursor: pointer;transition: all 0.2s linear;}
.linkmatch span {margin-right: 6px;}
.linkmatch i {display:inline-block;width:0;height:0;border-top:4px solid #ccc;border-bottom:0 none;border-left:4px solid transparent;border-right:4px solid transparent;margin:2px;transform:rotate(-90deg);}


/*-----文章详情页对阵图-----*/
.againstpage {background: url(../images/dzqt2bg.png) no-repeat center center;background-size: 100%;position: relative;display: flex; -webkit-box-pack: center;padding:30px 20px 24px;justify-content: center;align-items: flex-start;border-radius: 10px;margin-top: 20px;}
.againstpage .titem {text-align: center;flex:1;overflow: hidden;-webkit-box-flex: 1;}
.againstpage .titem img {width: 60px;height: 60px;border-radius: 50%; padding: 1px;}
.againstpage .titem p {text-decoration: none;  font-weight: bold; font-size: 16px;color: #fff;text-align: center;margin: 0;padding-top: 6px;}
.againstpage .vs {text-align: center;width: 24%;margin-top: 6px;}
.againstpage .row {width: 100%;display: block; overflow: hidden;margin-top: 0; white-space: nowrap;text-overflow: ellipsis;}
.againstpage .row.class {font-size: 14px;line-height: 24px;color: #fff;}
.againstpage .row.time {font-size: 12px;line-height: 20px;color:#999;}
.againstpage .row.vs {font-size: 26px;line-height: 40px;font-weight: bold;color: #fff;}
.againstpage .row.ongoing {font-size: 26px;line-height: 40px;font-weight: bold;color: #19981E;}
.againstpage .row.end {font-size: 26px;line-height: 40px;font-weight: bold;color: #F04545;}
.againstpage .goalsfor {position: absolute;top: 10px;left: 10px;font-size: 14px;line-height: 16px; background-color:rgba(255, 255, 255, 0.178);padding: 4px 10px; border-radius:15px;color: #fff;filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.7}
.againstpage .mingzhong {position: absolute;bottom: 2px;right: 10px;width: 64px;height: 63px;background: url(../images/mingzhong2.png) no-repeat center center;background-size: 64px 63px;}
.againstpage .state-ongoing {font-size: 12px;line-height: 20px;color: #19981E;}
.againstpage .state-end {font-size: 12px;line-height: 20px;color: #F04545;}
.againstpage .mhsplit {padding: 0 4px;}