
.d_live_headtwo {
  height: 77px;
  box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.04);
  background-color: #fff;
  overflow-x: hidden;
}

.d_live_headtwo_box {
  width: 1190px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  position: relative;
}

.d_live_headtwo_log {
  display: inline-block;
  align-self: center;
  padding-right: 20px;
  border-right: 1px solid;
  border-image: linear-gradient(-180deg, #fff 0%, #dedddd 50%, #fff 99%) 2 2 2 2;
  margin-right: 18px;
}

.d_live_headtwo_log img {
  max-height: 42px;
}

.d_live_headtwo_title {
  font-size: 26px;
  line-height: 26px;
  color: #333333;
  align-self: center;
}

.d_live_headtwo_btn {
  position: absolute;
  right: 0;
  display: inline-block;
  align-self: center;
}
.d_live_headtwo_btn>input {
  float: left;
  height: 29px;
  width: 260px;
  position: relative;
  border: 0;
  border: 1px solid #D1D1D1;
  border-radius: 15px;
  font-size: 12px;
  padding: 0 70px 0 32px;
  box-sizing: border-box;
}
.d_live_headtwo_btn>div {
  cursor: pointer;
position: absolute;
right: 0;
width: 53px;
height: 29px;
background:linear-gradient(90deg,rgba(255,65,59,1),rgba(255,105,73,1));
border-radius: 0 15px 15px 0;
font-size: 12px;
color: #fff;
line-height: 29px;
text-align: center;
}

.d_live_headtwo_btn>a {
  font-size: 14px;
  color: #55504F;
  border-radius: 15px;

}
.d_live_headtwo_btn>i {
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translate(0,-50%);
  font-size: 18px;
  color: #D1D1D1;
}


.headtwo_btn_tab {
  background: linear-gradient(270deg, rgba(248, 120, 96, 1), rgba(231, 59, 42, 1));
  color: #fff !important;
  padding: 5px 15px;
  margin: 0 6px;
}

/*---- banner ---*/
.swiper-container {
  height: auto;
  width: 100%;
  height: 400px!important;
  text-align: center;
  margin: 0 auto!important;
  position: relative;
  overflow: hidden;
  z-index: 5;
}

.swiper-wrapper {
  position: relative;
  z-index: 10;
}

.swiper-slide {
  position: relative;
  text-align: center;
  float: left;
}

.swiper-slide a {
  position: relative;
  width: 100%;
  height: 400px;
  display: block;
  overflow: hidden;
}

.pagination {
  position: absolute;
  height: 1.2em;
  bottom: -6px;
  z-index: 100;
  margin-left: -31px;
}

.pagination .swiper-pagination-switch {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #FFF;
  border-radius: 25px;
  margin-right: 6px;
}

.pagination .swiper-active-switch {
  width: 20px;
}

/* 近期直播 */
.d_live_recentlive {
  width: 1190px;
  margin: 70px auto 0;
}

.d_live_recentlive_title>span {
  font-size: 24px;
  line-height: 24px;
  color: #2B3330;
  font-weight: bold;
}

.d_live_recentlive_box {
  margin-top: 35px;
  height: 323px;
  width: 100%;
  overflow: hidden;
}

.d_live_recentlive_ul {
  float: left;
  width: 585px;
  height: 100%;
  display: inline-block;
}

.d_live_recentlive_study {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 75px;
  background: linear-gradient(134deg, rgba(249, 107, 96, 1), rgba(255, 110, 153, 1));
}

.d_live_recentlive_study_title {
  text-align: center;
}

.d_live_recentlive_study_title>span {
  font-size: 24px;
  line-height: 24px;
  width: 450px;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.d_live_recentlive_study_status {
  margin-top: 20px;
  text-align: center;
}

.d_live_recentlive_study_status>div {
  display: inline-block;
}

@keyframes liu1 {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -60px 0;
  }
}

.d_live_recentlive_study_status i {
  background: url('../img/live/zoushi1.png');
  width: 10px;
  height: 8px;
  display: inline-block;
  animation: liu1 .6s steps(6) 0ms infinite;
  margin-right: 10px;
}

.d_live_recentlive_study_status span {
  font-size: 14px;
  color: #fff;
}

.d_live_recentlive_study_btn {
  margin-top: 40px;
  text-align: center;
}

.d_live_recentlive_study_btn>a {
  display: inline-block;
  width: 158px;
  height: 41px;
  border-radius: 21px;
  background: #fff;
  font-size: 16px;
  color: #F96B60;
  font-weight: bold;
  line-height: 41px;
  text-align: center;
}
.d_live_recentlive_study_btn>a:hover {
  background: #fef6f5;
}

.d_live_recentlive_study_bottom {
  margin-top: 40px;
  padding: 0 30px;
  display: flex;
  position: relative;
}

.d_live_recentlive_study_bottom_img {
  align-self: center;
  display: inline-block;
  width: 43px;
  height: 43px;
  overflow: hidden;
  border-radius: 50%;
}

.d_live_recentlive_study_bottom_img>img {
  width: 100%;
}

.d_live_recentlive_study_bottom_name {
  font-size: 16px;
  line-height: 16px;
  color: #FFFFFF;
  align-self: center;
  margin-left: 14px;
}

.d_live_recentlive_study_bottom_text {
  margin-left: 80px;
  display: inline-block;
  align-self: center;
  width: 284px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #fff;

}

.d_live_recentlive_study_bottom_icon {
  align-self: center;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 30px;
}


/* 右侧滚动 */
.d_live_recentlive_roll {
  width: 605px;
  height: 100%;
  background-color: #fff;
  float: right;
  overflow: auto;
  padding-left: 28px;
}

.d_recentlive_roll_li {
  height: 79px;
  width: 100%;
  background-color: #fff;
  position: relative;
  border-left: 2px solid #f4f4f4;
  box-sizing: border-box;
  padding: 19px 0 0 0;
  cursor: pointer;
}

.d_recentlive_roll_li:hover {
  background-color: #FBF6F5;
}

.d_recentlive_roll_icon {
  position: absolute;
  width: 14px;
  height: 14px;
  background: #F96B60;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  top: 23px;
  left: -2px;
  transform: translate(-50%, 0);
}

.d_recentlive_roll_li_one {
  float: left;
  width: 86px;
  height: 100%;
  text-align: center;
}

.d_recentlive_roll_li_one>span {
  display: block;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  color: #9598A2;
}

.d_recentlive_roll_li_one>i {
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url('../img/live/zoushi2.png');
  animation: liu1 .6s steps(6) 0ms infinite;
  margin-top: 15px;
}

.d_recentlive_roll_li_two {
  float: left;
  height: 100%;
  width: 350px;
  margin-top: -3px;
}

.d_recentlive_roll_li_two>i {
  border-radius: 3px;
  background-color: #F7F7F7;
  font-size: 12px;
  color: #9598A2;
  padding: 1px 7px;

}

.d_recentlive_roll_li_two>span {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #575757;
  margin-top: 9px;
}

.d_recentlive_roll_li_three {
  float: left;
  padding-top: 23px;
  box-sizing: border-box;
}

.d_recentlive_roll_li_three>span {
  font-size: 14px;
  color: #9598A2;
}

.recentlive_roll_tab {
  background-color: #FBF6F5;
}

.recentlive_roll_tab .d_recentlive_roll_icon {
  width: 18px;
  height: 18px;
}

.recentlive_roll_tab .d_recentlive_roll_li_one>span {
  color: #F96B60;
}

.recentlive_roll_tab .d_recentlive_roll_li_two>i {
  background-color: #F96B60;
  color: #fff;
}

.recentlive_roll_tab .d_recentlive_roll_li_two>span {
  color: #F96B60;
}

.recentlive_roll_tab .d_recentlive_roll_li_three>span {
  color: #F96B60;
}


.d_live_choose {
  margin: 55px auto 0;
  width: 1190px;
}

.d_live_choose_head {
  display: flex;
  position: relative;
}

.d_live_choose_head_title {
  align-self: center;
  font-size: 24px;
  line-height: 24px;
  color: #2B3330;
  font-weight: bold;
  margin-right: 105px;
}

.d_live_choose_head_tab {
  align-self: center;
  display: inline-block;
}

.d_live_choose_head_tab>a {
  margin: 0 34px;
  font-size: 16px;
  color: #333333;
  position: relative;
}

.choose_tab>i {
  display: inline-block;
  width: 32px;
  height: 3px;
  background-color: #FA7267;
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%, 0px);
  transition: all 0.5s ease 0s;
}

.choose_tab>i:hover {
  width: 32px;
}

.choose_tab>span {
  color: #F96B60;
}

.d_live_choose_head_more {
  position: absolute;
  right: 0;
  align-self: center;
  width: 40px;
}

.d_live_choose_head_more:hover span {
  color: #F96B60;
}

.d_live_choose_head_more:hover i {
  color: #F96B60;
}

.d_live_choose_head_more>span {
  font-size: 14px;
  line-height: 14px;

  color: #333;
}

.d_live_choose_head_more>i {
  position: absolute;
  right: 0;
  top: 1px;
  font-size: 12px;
  color: #333;
  margin-top: 1px;
}

.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.clearfloat {
  zoom: 1
}

.d_live_choose_box {
  margin-top: 35px;
}

.d_live_choose_box>.tab-pane {
  width: 100%;
}

.d_live_choose_box_li {
  width: 281px;
  height: 349px;
  float: left;
  background-color: #fff;
  margin-right: 22px;
  margin-bottom: 22px;
  box-sizing: border-box;
  padding: 18px 18px 0;
  position: relative;
  transition: all .25s;
}

.d_live_choose_box_li:nth-child(4n) {
  margin-right: 0;
}

.d_live_choose_box_li:hover {
  margin-top: -5px;
  margin-bottom: 27px;
  box-shadow: 3px 9px 20px 1px rgba(0, 0, 0, 0.09);
}

.d_live_choose_box_title>span {
  font-size: 16px;
  line-height: 20px;
  color: #545E64;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.d_live_choose_box_title>span {
  min-height: 40px;
}
.d_live_choose_box_li:hover .d_live_choose_box_title span {
  color: #F96B60;
}

.d_live_choose_box_text {
  line-height: 12px;
}

.d_live_choose_box_text>span {
  font-size: 12px;
  color: #A1A4A9;
  line-height: 12px;
}

.d_live_choose_box_icon {
  margin-top: 40px;

}

.d_live_choose_box_icon_li {
  display: inline-block;
  margin-right: 10px;
}

.d_live_choose_box_icon_img {
  width: 44px;
  height: 44px;
}

.d_live_choose_box_icon_img>img {
  width: 100%;
}

.d_live_choose_box_icon_text {
  text-align: center;
  margin-top: 2px;
}

.d_live_choose_box_icon_text>span {
  font-size: 12px;
  color: #9598A2;
  line-height: 12px;
}

.d_live_choose_box_btn {
  position: relative;
  box-sizing: border-box;
  margin-top: 23px;
  height: 30px;
  display: flex;
}

.d_live_choose_box_btn_text {
  font-size: 12px;
  color: #F96B60;
  align-self: center;
}

.color_A1A4A9 {
  color: #A1A4A9;
}

.d_live_choose_box_btn>a {
  position: absolute;
  right: 0;
  width: 80px;
  height: 30px;
  background: linear-gradient(90deg, rgba(250, 113, 102, 1), rgba(235, 88, 76, 1));
  border-radius: 17px;
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  align-self: center;
}
.d_live_choose_box_btn_price {
  position: absolute;
  left: 0;
  align-self: center;
}
.d_live_choose_box_btn_price>span {
  font-size: 22px;
  color: #F96B60;
}
.d_live_choose_box_btn_price>i {
  font-size: 16px;
  color: #F96B60;
}
.d_live_choose_box_time {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 14px;
}

.d_live_choose_box_time>i {
  align-self: center;
  font-size: 18px;
  color: #767676;
}

.d_live_choose_box_time>span {
  font-size: 14px;
  color: #767676;
  margin-left: 7px;
  align-self: center;

}
.red_box_time >i,.red_box_time>span{
  color: #F96B60;
}
.d_live_choose_box_li_img {
  width: 245px;
  height: 142px;
  overflow: hidden;
  display: inline-block;
}
.d_live_choose_box_li_img>img {
  width: 100%;
}
.d_live_choose_box_num {
  overflow: hidden;
  margin-top: 18px;
}
.d_live_choose_box_num>div:nth-child(1) {
  float: left;
  display: inline-block;
}
.d_live_choose_box_num>div:nth-child(2) {
  float: right;
  display: inline-block;
}
.d_live_choose_box_live  {
  display: flex;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 14px;
}
.d_live_choose_box_live>i {
  display: inline-block;
  width: 10px;
  height: 8px;
  background: url(../img/live/zoushi2.png);
  animation: liu1 .6s steps(6) 0ms infinite;
  align-self: center;
  margin-right: 5px;
}
.d_live_choose_box_live>span {
  font-size: 14px;
  color: #FA7066;
  align-self: center;
}
.dy_footer_new {
  margin-top: 56px!important;
}


.no_zhibo{
  height: 300px;
  background-color: #fff;
  position: relative;
}
.no_zhibo_box{
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.no_zhibo_box>img {
  align-self: center;
}
.no_zhibo_box_title {
  margin-left: 20px;
  display: inline-block;
  align-self: center;
}
.no_zhibo_box_title>span {
  display: block;
  color: #999;
  font-size: 16px;
}
.no_zhibo_box_title>span>a {
  font-size: 16px;
  color:#F27C7C ;
}
.no_zhibo_box_title>span>a:hover {
  color: red;
}
.live_content_img {
  width: 1900px;
  height: 400px;
  margin: 0 auto;
}
.live_content_img>img {
  width: 100%;
}