﻿/* 内容 */
.body{width: 1000px;margin: 0 auto;padding: 20px;box-sizing: border-box;position: relative;z-index: 1;overflow: hidden;background: #fff;}

.body .content {float: left;width: 635px;}

.body .sideRight {float: right;width: 309px;}

/* 标题 */
.liTitle{padding: 0 8px 12px 0;height: 21px;background-color: transparent;}
.liTitle h2{position: relative;height: 21px;font-size:16px;line-height: 21px;color: #333333; float: left;padding-left: 20px;}
.liTitle .a_more{display: block;font-size: 12px;line-height: 21px;color: #000;float: right;}
.hotRace .liTitle {padding-right: 0;}
.sidebar .liTitle {padding-right: 0;}

/* 专家信息 */
.experts {background: #EEF6FF;padding: 10px 12px 12px 12px;margin-bottom: 16px;border: 1px solid #C5DFFB;border-radius: 8px;}
.infoLi .liTitle {margin-bottom: 16px;border-bottom: 1px solid #EFEFEF;padding-bottom: 9px;}
.infoLi .liTitle span{cursor: pointer;margin-right: 24px;position: relative;color:#333;font-size: 16px;position: relative;padding-left: 24px;line-height: 20px;}

.infoLi .liTitle span:hover::after{position: absolute;left: 50%;bottom: -6px;transform: translate(-50%);content: '';width: 18px;height: 3px;background-color: #333;}
.infoLi .liTitle span.on{cursor: default;font-weight: bold;}
.infoLi .liTitle span.on::after{position: absolute;left: 50%;bottom: -6px;transform: translate(-50%);content: '';width: 18px;height: 3px;background-color: #333;border-radius: 15px;}
.infoLi .liTitle h2 span:nth-child(1)::before{background: url('/tips/static/images/base/soccerIcon.png');display: block;content: '';width: 20px;height: 20px;background-size: 20px;background-position: center;position: absolute;left: 0; top: 0;}
.infoLi .liTitle h2 span:nth-child(2)::before{background: url('/tips/static/images/base/basketballIcon.png');display: block;content: '';width: 20px;height: 20px;background-size: 20px;background-position: center;position: absolute;left: 0; top: 0;}
.experts .infoTop {}
.experts .infoTop .it_info {}

/* 专家信息 */
.experts .infoTop .it_info {display: block;min-height: 40px;padding-left: 48px;position: relative;margin-bottom: 8px;}
.experts .infoTop .it_info .am_img {height: 40px;width: 40px;position: absolute;left: 0;top: 0;}
.experts .infoTop .it_info .am_img img {display: block;width: 40px;height: 40px;position: relative;z-index: 1;-moz-border-radius: 60px;-webkit-border-radius: 60px;-khtml-border-radius: 60px;border-radius: 60px;object-fit: cover;}
.experts .infoTop .it_info .am_img em {display: block;width: 16px;height: 16px;position: absolute;bottom: 0;right: 0;z-index: 100;background-image: url(/static/images/base/level-icon.png);background-repeat: no-repeat;background-position: center center;}
.experts .infoTop .it_info .p1 {font-size: 0;}
.experts .infoTop .it_info .p1 b {display: inline-block;vertical-align: middle;font-size: 14px;line-height: 40px;color: #333333;font-weight: normal;margin-right: 8px;}
.experts .infoTop .it_info .p1 i {display: inline-block;vertical-align: middle;font-size: 14px;line-height: 22px;color: #fff;background-color: #FFBF2F;padding: 0 8px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;margin-left: 4px;}
.experts .infoTop .it_info .p1 i.bet{color: #fff;background-color: #EF5555; }
.experts .infoTop .it_info .p_middle {padding-top: 18px;}
.experts .infoTop .p2 {font-size: 0;}
.experts .infoTop .p2 span {display: inline-block;vertical-align: top;font-size: 12px;line-height: 18px;color: #333;word-break: break-all;word-wrap: break-word;}
.recent_war {position: relative;background-color: #EEF6FF;padding: 12px;margin-bottom: 16px;border-radius: 8px;border: 1px solid #C5DFFB;}
.recent_war p{font-size: 12px;color: #333}
.recent_war p i {display: inline-block;vertical-align: middle;font-size: 12px;line-height: 18px;color: #EF5555;background-color: rgba(255, 77, 70, 0.1);padding: 0 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;margin-left: 4px;}
.recent_war p i.bet{font-weight: bold;color: #fff;background-color: #EF5555; }
.recent_war > b {display: inline-block;vertical-align: top;padding-top: 8px;}
.recent_war > b i {display: inline-block;vertical-align: top;width: 20px;height: 20px;line-height: 20px;text-align: center;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 50%;color: #fff;font-size: 12px;font-weight: normal;margin-right: 4px;}
.recent_war > b i.i_1 {background-color: #EF5555;}
.recent_war > b i.i_2 {background-color: #0357a8;}
.recent_war > b i.i_0 {background-color: #9ECC51;}

.experts .infoTop .it_info .js_tags{display: inline-block;}
/* 胜率 */
.it_win {position: absolute;right: 20px;bottom: 14px;}
.it_win i {font-size: 14px;color: #333;line-height: 24px;}
.it_win b {font-size: 20px;color: #a5a5a5;line-height: 20px;vertical-align: sub;}
.it_win b.on {color: #EF5555;}

/* 文字 */
.experts .infoText {padding: 10px 0;}
.experts .infoText p {display: block;font-size: 14px;color: #a5a5a5;line-height: 22px;}

/* 标题 */
.experts .li_title {border-top: 1px solid #e8e8e8;}
.experts .li_title p {position: relative;display: block;font-size: 14px;line-height: 50px;color: #D31610;float: left;padding: 0 10px;font-weight: bold;}
.experts .li_title p em {display: block;width: 30px;height: 4px;position: absolute;bottom: -4px;left: 50%;margin-left: -15px;background-color: #D31610;-moz-border-radius: 4px;-webkit-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;}

/* 推荐列表 */
.infoLi {}

/* 列表 */
.infoLi .infoUl {padding-bottom: 30px;}
.infoLi .infoUl ul {}
.infoLi .infoUl ul li {padding: 16px 12px 10px;background-color: #fff;overflow: hidden;margin-bottom: 6px;border: 1px solid #EFEFEF;border-radius: 8px;}
/* .infoLi .infoUl ul li:hover .info_l .p1 b{text-decoration: underline;color: #ff9900;} */

/* 列表顶部 */
.infoLi .li_info {position: relative;}
/* .infoLi .info_l {position: relative;} */
.infoLi .info_l .p1 {font-size: 14px;line-height: 24px;color: #b3b3b3;margin-bottom: 12px;width: 536px;}
.infoLi .info_l .p1 i {display: inline-block;vertical-align: middle;font-size: 12px;height: 18px;line-height: 18px;letter-spacing: 2.24px;color: #EF5555;border: 1px solid #EF5555;border-radius: 3px;padding: 0 4px;margin-right: 8px;}
.infoLi .info_l .p1 b {color: #333;display: inline-block;vertical-align: top;font-size: 20px;font-weight: normal;}
.infoLi .info_l .p2 {position: relative;;height: 18px;;font-size: 0;white-space: nowrap;color: #333333;background-color: #f7f7f7;border-radius: 3px;padding: 6px 10px;margin-bottom: 7px;}
.infoLi .info_l .p2 > i {display: inline-block;vertical-align: middle;width: auto;height: 18px;text-align: center;font-size: 12px;line-height: 16px;color: #fff;background-color: #783AF4;border-radius: 3px;margin-right: 8px;padding: 0 6px;}
.infoLi .info_l .p2 > span {font-size: 14px;line-height: 18px;color: #333;vertical-align: middle;display: inline-block;}
.infoLi .info_l .p2 em {}
.infoLi i.result {position: absolute;right: 12px;bottom: 25px;width: 68px;height: 68px;}
/* .infoLi .info_l .p2 i.result.result1{border-color: #EF5555;color: #EF5555;background-color: rgba(255, 77, 70, 0.1);}
.infoLi .info_l .p2 i.result.result5{border-color: #0080ff;color: #0080ff;background-color: rgba(0, 128, 255, 0.1);} */
.infoLi i.result.result1_gb{
  background: url('/tips/static/images/base/results_1.png');
  width: 56px;
  height: 56px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
.infoLi i.result.result1_big{
  background: url('/tips/static/images/base/results_big_1.png');
  width: 56px;
  height: 56px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
.infoLi i.result.result3_gb{
  background: url('/tips/static/images/base/results_3.png');
  width: 56px;
  height: 56px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
.infoLi i.result.result3_big{
  background: url('/tips/static/images/base/results_big_3.png');
  width: 56px;
  height: 56px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}
.infoLi i.result.result5_gb,.infoLi i.result.result5_big{
  background: url('/tips/static/images/base/results_5.png');
  width: 56px;
  height: 56px;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 100;
}


.infoLi .info_r {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.infoLi .info_r p{text-align: center;width: 134px;cursor: default;}
.infoLi .info_r .p1{font-size: 14px;color: #333;padding-bottom: 4px;}
.infoLi .info_r .p2 b{font-size: 14px;color: #EF5555;}

.infoLi .infoUl ul li .publishTime{
  color: #b4b4b4;
  font-size: 12px;
}

.infoLi .infoUl ul li .playType{
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  padding-right: 8px;
  border-right: 1px solid #333;
  margin-right: 8px;
}
.infoLi .infoUl ul li .detail{
  color: #EF5555;
  font-size: 14px;
}
.infoLi .infoUl ul li .goback{
  color: #ef5555;
  font-size: 12px;
  font-weight: bold;
}
.infoLi .infoUl ul li .price{
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  height: 16px;
  line-height: 16px;
}
.infoLi .infoUl ul li .price img{
  display: block;
  margin-left: 3px;
}
.btPay {border: 1px solid #EF5555;background-color: #EF5555;display: block;width: 134px;text-align: center;font-size: 14px;color: #ffffff;display: none;}
.btPay img {vertical-align: middle;margin-right: 4px;}
.btPayWhiteBg {border-top-left-radius: 6px;border-top-right-radius: 6px;background-color: #fff;color: #EF5555;}
.btPayHeightSingle {height: 38px;border-radius: 6px;line-height: 40px;}
.btPayHeightCouple {height: 36px;border-top-left-radius: 6px;border-top-right-radius: 6px;line-height: 36px;}
.btMissOut {line-height: 18px;height: 18px;width: 134px;text-align: center;font-size: 12px;font-weight: bold;color: #EF5555;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border: 1px solid #EF5555;letter-spacing: 1.92px;}
.btMissOutWhiteBg {background-color: #ffffff;color: #EF5555;}
.btMissOutRedBg {background-color: #EF5555;color: #ffffff;}
/* 底部 */
.infoLi .li_results {height: 40px;border-top: 1px solid #efefef;padding: 10px 0;position: relative;}
.infoLi .li_results p {font-size: 14px;line-height: 22px;color: #b3b3b3;padding-top: 8px;}
.infoLi .li_results p span {color: #db323b;}
.infoLi .li_results em {display: block;width: 40px;height: 40px;position: absolute;right: 20px;top: 10px;}
/* 底部 */
.infoLi .e_foot {padding: 20px 0;}
.infoLi .e_foot p {font-size: 14px;line-height: 24px;text-align: center;color: #b3b3b3;}
.sidebar {margin-bottom: 20px;}

/* 列表 */

.sideExperts{height: 314px;overflow: hidden;}


#mainMenu{
  width: 1000px!important;
  margin: 0 auto;
  float: none!important;
  margin-bottom: 0!important;
}
#mainMenu ul{
  width: 1000px!important;
  margin-left: 0!important;
}
.infoLi .infoUl ul li .newuser{
  background: #EF5555;
  border-radius: 4px;
  line-height: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  margin-right: 0;
  margin-left: 8px;
  border: none;
  letter-spacing: 0;
}

.infoLi .infoUl ul li .only{
  color: #ef5555;
  font-size: 12px;
  padding: 0 8px;
}
.infoLi .infoUl ul li .discoutIcon{
  display: inline-block;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  background: url('/tips/static/images/base/diamond_ash.png') 0 0 no-repeat;
  background-size: 100%;
}
.infoLi .infoUl ul li .originalPrice{
  font-size: 12px;
  color: #b5b5b5;
  text-decoration: line-through;
}












































