* { outline: none; }

.dropdown-menu { margin: 0 !important; }
.dropdown:hover > .dropdown-menu { display: block; }
@font-face {
  font-family: "huaweisans-regular";
  src: url("../fonts/huaweisans-regular.eot?hqtb4h");
  src: url("../fonts/huaweisans-regular.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Regular.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-regular.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-regular.svg?hqtb4h#icomoon") format("svg");
}
@font-face {
  font-family: "huaweisans-bold";
  src: url("../fonts/huaweisans-bold.eot?hqtb4h");
  src: url("../fonts/huaweisans-bold.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Bold.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-bold.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-bold.svg?hqtb4h#icomoon") format("svg");
}
@font-face {
  font-family: "huaweisans-medium";
  src: url("../fonts/huaweisans-medium.eot?hqtb4h");
  src: url("../fonts/huaweisans-medium.eot?hqtb4h#iefix") format("embedded-opentype"), url("../fonts/HuaweiSans-Medium.ttf?hqtb4h") format("truetype"), url("../fonts/huaweisans-medium.woff?hqtb4h") format("woff"), url("../fonts/huaweisans-medium.svg?hqtb4h#icomoon") format("svg");
}
a:focus { background: none !important; }

html { overflow-y: scroll; overflow-x: hidden; }

body { font-family: "HuaweiSans-Regular", Helvetica,'fzlthjt', 'Microsoft Yahei', 'helvetica neue', helvetica, sans-serif; line-height: 1.5; background-color: #ffffff; font-size: 16px; color: #444; }

ul { padding: 0; margin: 0; }

ul li { list-style: none; }

a { color: #444; outline: none; }

a:hover { color: #c7000b !important; text-decoration: none; }

.hide { display: none !important; }

.wrap { padding: 0; }

.content-wrap { max-width: 1080px !important; }

@media (max-width: 576px) {
    .wrap { min-width: auto; }
}

.logined { display: none; }
.btn-logout > a { color: #fff; font-size: 14px; }

/*-- header --*/
.top-bg {
    background: #000 url(../img/live/tv/head2.jpg) no-repeat center bottom; background-size: cover; overflow:hidden; /*padding-bottom: 140px*/;
}

header {/* padding: 0 !important;*/position: fixed; top: 0; z-index:99;}

header h2 { color: #444; font-size: 26px; margin-top: 65px; margin-left: 5px; }

header .nav-bg { width: 100%; height: 54.5px; position: absolute; top: 0; left:0;     background-color: rgba(255,255,255,0.1);  }


header nav.navbar .navbar-brand,header nav.navbar .navbar-brand:focus,header nav.navbar .navbar-brand:link,header nav.navbar .navbar-brand:visited,header nav.navbar .navbar-brand:hover,header nav.navbar .navbar-brand:active { /*width: 56px;*/ height: 33px; padding-top:2px !important; padding-bottom:0px !important; /*background: url(../img/ucenter/logo.png) top center no-repeat !important; background-size: cover !important;*/ }

header nav.navbar .nav-link { color: #333 !important; padding-left: 1.25vw !important; padding-right: 1.25vw !important; font-size:15px; }

header nav.navbar .nav-item.active a { color: #c7000b !important; }

header nav.navbar .nav-link:hover { color: #c7000b !important; }


@media (max-width: 960px) {
header nav.navbar .nav-link {  padding-left: 1rem !important; padding-right: 1rem !important; }	
}

@media (max-width: 576px) {
    header { height: auto; background: #fff; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) !important; }
    header nav.navbar .navbar-brand { /*background: url(../img/ucenter/logo2.png) top center no-repeat; background-size: cover;*/ }

    header .nav-bg { background: #fff !important; }

    header .navbar-toggler:focus { outline: none; }

    header nav.navbar .nav-link { color: #000 !important; }
    header nav.navbar .navbar-nav { margin-top: 20px; }
}

header nav.navbar .input-wrap { position: relative; }

header nav.navbar .input-wrap .icon-search { width: 15px; height: 16px; background: url(../img/ucenter/icon-search.png) no-repeat; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto; display: none; }

header nav.navbar .input-wrap input { width: 150px !important; border: none; border-radius: 20px !important; font-size: 14px; display: none; }

header nav.navbar .login { cursor: pointer;color: #fff; padding-left: 30px; margin-left: 20px; background: url(../img/ucenter/icon-login.png) left center no-repeat; }

header nav.navbar .login a { color: #fff; font-size: 14px; }

header nav.navbar .login a:hover { color: #c7000b; }

header .dropdown .dropdown-menu { border: 0; min-width: 5rem; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

header .dropdown .dropdown-menu a { font-size: 14px; }

header .dropdown a { color: #444 !important; }


/* public */
[v-cloak] { opacity: 0; }

@media (max-width: 576px) {
    header nav.navbar .login, header nav.navbar .login a { background: none; color: #000; }
    header nav.navbar .input-wrap input { border: 1px solid #999; }
}

.page-title { height: 100px; background: url(../img/ucenter/head.jpg) top right no-repeat; background-size: cover; overflow: hidden; }

.page-title h2 { font-size: 20px; margin: 30px 30px; }

/*-- iconfont --*/
.iconfont { pointer-events: none; }

/*-- footer --*/
footer { height: 80px; background-color: #fff; font-size: 14px; color: #5e5e5e; }

@media (max-width: 576px) {
    footer { height: 80px; }
    footer .footer1 { padding-top: 20px; }
}

footer .content-wrap { padding-left: 5px; padding-right: 5px; }

footer .follow-us .share { margin-left: 15px; }

footer .footer1, footer .footer2 { width: 100%; margin: 10px 0; }

footer .footer-nav li { border-right: 1px solid #5e5e5e; line-height: 14px; padding-right: 5px; padding-left: 5px; }

footer .footer-nav li:last-child { border: none; padding-right: 0; }

footer .footer-nav a { color: #5e5e5e; }

footer .copyright { font-size: 12px; color: #acacac; margin-top: 5px; }

/*-- footer share --*/
ul.share li { margin-right: 5px; position: relative; }

ul.share li .popwx { border: 1px solid #eee; position: absolute; z-index: 999; top: -204px; left: -89px; width: 200px; height: 185px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; cursor: pointer; }
ul.share li .popwx > .head { width: 100%; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; position: relative; }
ul.share li .popwx > .head > div:first-child { width: 100%; height: 100%; line-height: 26px; text-align: center; color: #777; }
ul.share li .popwx > .head > div:last-child { width: 26px; height: 26px; line-height: 26px; text-align: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); color: #000 !important; }
ul.share li .popwx > .body { width: 100%; height: calc(100% - 26px); }
ul.share li .popwx > .body > img { width: 138px; margin: 10px auto; }
ul.share li .popwx:after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -13px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 6px 6px; top: auto; border-color: #f3f3f3 transparent transparent transparent; }

ul.share li a { width: 24px; height: 24px; color: rgba(0,0,0,0); display: block; background-size: cover !important; cursor: pointer; }
ul.share li a:hover { color: rgba(0,0,0,0) !important; }

ul.share li.weibo a { background: url(../img/share/sina.png) no-repeat !important; background-size: cover !important; }
ul.share li.weibo a:hover,ul.share li.weibo a:focus { background: url(../img/share/sina-1.png) no-repeat !important; background-size: cover !important; }

ul.share li.in a { background: url(../img/share/in.png) no-repeat !important; background-size: cover !important; }
ul.share li.in a:hover,ul.share li.in a:focus { background: url(../img/share/in-1.png) no-repeat !important; background-size: cover !important; }

ul.share li.wechat a { background: url(../img/share/wechat.png) no-repeat !important; background-size: cover !important;  }
ul.share li.wechat a:hover,ul.share li.wechat a:focus { background: url(../img/share/wechat-1.png) no-repeat !important; background-size: cover !important;  }

ul.share li.toutiao a { background: url(../img/share/toutiao.png) no-repeat !important; background-size: cover !important;  }
ul.share li.toutiao a:hover,ul.share li.toutiao a:focus { background: url(../img/share/toutiao-1.png) no-repeat !important; background-size: cover !important;  }

ul.share li.zhihu a { background: url(../img/share/zhihu.png) no-repeat !important; background-size: cover !important;  }
ul.share li.zhihu a:hover,ul.share li.zhihu a:focus { background: url(../img/share/zhihu-1.png) no-repeat !important; background-size: cover !important;  }

ul.share li.douban a { background: url(../img/share/douban.png) no-repeat !important; background-size: cover !important;  }
ul.share li.douban a:hover,ul.share li.douban a:focus { background: url(../img/share/douban-1.png) no-repeat !important; background-size: cover !important;  }

/*-- main-wrap --*/
.main-wrap { padding-top: 0px; padding-bottom: 30px; }

/*2022骞�8鏈�19鏃ユ柊澧炲姞淇敼璋冩暣鐨刢ss  寮€濮�*/
header .nav-bg {
    background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0.1042vw 0.7292vw 0 rgba(0,0,0,.07);
}
header .nav-bg2 { width: 100%; height: 60px; position: absolute; top: 0; left:0; background-color: rgba(255, 255, 255, 1);  }
header nav.navbar .login_login{
	display: none!important;
}
.Head_portrait{
width: 40px;
border: 2px solid #dfe4ea;
border-radius: 50px;
background-color: #dfe4ea;
cursor: pointer;
position: relative;
margin-top: 2px;
    height: 40px;
}
.Head_portrait a{
        display: block;
}
.Head_portrait .Head_portrait_img{
	    max-width: 100%;width: 100%;
}

.Head_portrait .dropdown-menu {
	display: none;
	width: 120px;
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 100;
	transform: translate(-50%,0%);
	padding-top: 23px;
	    background-color: rgb(0 0 0 / 0%);border: 0;
}
.Head_portrait .dropdown-menu2 {
	margin: 0;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	color: #212529;
	text-align: center;
	list-style: none;
	background-color: #302a4c;
	background-clip: padding-box;
	border-radius: 10px;position: absolute;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%);
	width: 120px;
	    transform: translate(-50%,0%);
	    left: 50%;
}
.Head_portrait .dropdown-menu2::before{
	    content: "";
		width: 10px;
		height: 10px;
		display: inline-block;
		position: absolute;
		top: -5px;
		left: 50%;
    background-color: #302a4c;
    transform: rotate( 45deg);
    margin-left: -5px;
}
.Head_portrait .dropdown-item {
	    display: inline-block;
	    padding: 10px 1.5rem;
	    font-weight: 400;
	    color: #212529;
	    font-size: 14px;
}
.Head_portrait .dropdown-menu2 .dropdown-item{
    display: inline-block;
    padding: 10px 0;
    font-weight: 400;
    color: #fff;
    font-size: 14px;
    background-color: #302a4c;    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.Head_portrait .dropdown-menu2 .dropdown-item:nth-child(2){
   border-bottom: 0;
}
.Head_portrait:hover .dropdown-menu{
	display: block;
}
body .wrap{
background: #f3f5f7 url(../img/live/tv/bg.png) center top no-repeat;
    background-size: 100% auto;
}
body .live-guests .live-guest-info .live-guest-avatar::after {
    content: '';
    position: absolute;
    top: -3%;
    left: -3%;
    width: 106%;
    height: 106%;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}
body .live-guests .live-guest-info {
    border-radius: 15px;
    background-color: #fff;
	box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);    
}
.The_guest_title{
	    width: 100%;
	    text-align: center; 
}
body .live-guests .live-guest-info .font-weight-bold{
	    min-height: 60px;
	    padding: 0 20px;
		
}
body .live-guests .live-guest-info .The_guest_title .guest-title {
    margin: 0 auto;    font-size: 13px;
}
body .live-title{
	justify-content: space-between;    padding-left: 0;
}
body .live-title span.title-sub {
    color: #333;
    font-weight: 500;
}
body .swiper-container {
    width: 90%;
    height: 100%;
}
body .live-title span.title-main {
    line-height: 28px;
    font-size: 28px;
    color: #000;    font-family: "huaweisans-bold", Helvetica,'fzlthjt', 'Microsoft Yahei', 'helvetica neue', helvetica, sans-serif;
}
.icon-yjt:before {
    content: '\e622' !important;
}
.icon-zjt:before {
    content: '\e622' !important;
}
.live-guests .swiper-button-next {
	transform: rotate( 90deg);
}
.live-guests .swiper-button-prev {
transform: rotate(-90deg);
}
.meet_xiaoqiu .live-agenda-list .live-agenda-time{
color: #7f92d6;
    font-size: 13px;
    padding: 0 1.5rem;
    margin-top: 0!important;
    padding-top: 1.5rem;
    font-weight: 600;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-time img{
	width: 15px;
}
.meet_xiaoqiu .live-title{
	padding-left:0;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-title {
    font-weight: bold;
    font-size: 16px;
    padding-left: 0;
    margin-bottom: 20px;    margin-top: 8px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;    margin-left: 1.5rem;
    margin-right: 1.5rem;font-family: "huaweisans-bold", Helvetica,'fzlthjt', 'Microsoft Yahei', 'helvetica neue', helvetica, sans-serif;
}

.meet_xiaoqiu .live-agenda-list .live-agenda-title2 {
    font-weight: bold;
    font-size: 16px;
    padding-left: 0;
    margin-bottom: 20px;    margin-top: 8px;
    border-bottom: 0px solid #e1e1e1;
    padding-bottom: 20px;    margin-left: 1.5rem;
    margin-right: 1.5rem;font-family: "huaweisans-bold", Helvetica,'fzlthjt', 'Microsoft Yahei', 'helvetica neue', helvetica, sans-serif;
}

.meet_xiaoqiu .live-agenda-list .live-agenda-guests {
  background-color: #f9fafb;
     padding: 0;
     color: #000;
     border-radius: 0 0 15px 15px;
     min-height: 35px;
     margin-top: 0!important;
	 padding-bottom: 1rem;
}
.meet_xiaoqiu .live-agenda-list > li > div {
padding: 0;
    border-radius: 15px !important;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    background-color: #f9fafb;
    border: 1px solid #fff;
}
.meet_xiaoqiu li{
	margin-bottom: 1rem;
}

.meet_xiaoqiu .live-agenda-list .live-agenda-guests .guest-title{
    color: #999999;
    font-size: 13px;
    padding-right: 10%;
    line-height: 1.6;
    margin-left: 16px;
    margin-top: 6px;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-guests .guest-name{
	    font-size: 15px;
	    padding-right: 10%;
	    line-height: 1.5;
	    display: flex;
	    align-items: center;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-guests ul > li {
    line-height: 24px;
    width: 50%;
         display: inline-table;
}

.meet_xiaoqiu .live-agenda-list .live-agenda-guests .guest-name i{
    width: 5px;
    height: 5px;
    background-color: #c7000b;
    display: inline-block;
    border-radius: 50px;    margin-right: 10px;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-guests ul > li .xiaoqiu_teacher{
display: flex;
    align-items: baseline;
}
.meet_xiaoqiu .live-agenda-list .live-agenda-guests .collapsed{
	 box-shadow: 0 0px 0px 0 rgb(0 0 0 / 5%);
	 padding-bottom: 0;
}
.meet_xiaoqiu .live-agenda-list .btn-more{
	z-index: 100;
	    position: relative;
		    background-color: #f9fafb;
		    padding: 0 1.5rem;
    margin-right: 0;
	padding-bottom: 1rem;
    border-radius: 0 0 15px 15px; 
	 box-shadow: 0 16px 20px 0 rgb(0 0 0 / 5%);
}

.meet_xiaoqiu .guest-list-more_xiaoqiu{
    background-color: #f9fafb;
    position: relative;
    z-index: 1000;
    padding: 0 1.5rem;	
}

.meet_xiaoqiu .guest-list-more_xiaoqiu2{
    padding: 0 1.5rem;	
}

body .meet_xiaoqiu3 .swiper-container,
body .meet_xiaoqiu2 .swiper-container{
    width: 100%;
    height: 100%;
}
body .live-promo .swiper-slide{
     width: 100%;
}
.meet_xiaoqiu .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #7f92d6;
}
.meet_xiaoqiu3 .swiper-button-next,.meet_xiaoqiu3 .swiper-container-rtl .swiper-button-prev {
    display: none;
}
.meet_xiaoqiu3 .swiper-button-prev,.meet_xiaoqiu3 .swiper-container-rtl .swiper-button-next {
    display: none;
}
/*.meet_xiaoqiu .swiper-slide .product-intro {
    background-color: rgba(255, 255, 255, 0.8); color: #000;
}*/
.meet_xiaoqiu .swiper-slide-active   .product-intro .product-name{
      font-weight: 600;
}
/*.meet_xiaoqiu .swiper-slide-active  .product-intro {
    color: #000;  background-color: rgba(255, 255, 255, 0.8);
}*/
.live-products .swiper-wrapper .swiper-slide{
	    border-radius: 15px!important;
}
.live-products .swiper-wrapper .swiper-slide-active {
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 15%);
}
.meet_xiaoqiu .live-promo-list img {
    border-radius: 15px;
}
.meet_xiaoqiu2 .swiper-pagination {
    display: none;
}
.logo_xiaoqiu{
	width: 50px;
}

.meet_xiaoqiu .product-intro .product-link a {
/*    color: #444;*/
	display: flex;
	    align-items: center;
}
.meet_xiaoqiu .product-intro .product-link a span{
   transform: rotate(90deg);
       display: inline-block;
       font-size: 1.1rem; 
}
.meet_xiaoqiu .product-intro .product-link a span:after {
content: '\e622' !important;
    color: #c7000b;
    font-family: "iconfont" !important;
}

.meet_xiaoqiu .live-agenda-list > li:hover div.rounded{
	background-color: #fff;
}
.meet_xiaoqiu .live-agenda-list > li:hover div.live-agenda-guests{
	background-color: #fff;
}
.meet_xiaoqiu .live-agenda-list > li:hover div.btn-more{
	background-color: #fff;
}
.meet_xiaoqiu .live-agenda-list > li:hover .guest-list-more_xiaoqiu{
	background-color: #fff;
}
.meet_xiaoqiu .live-agenda-list .tip::before {
    color: #c7000b;
    content: '\e622';
}
.btns_xiaoqiu{
	margin-right: 10px;
}
.btns_xiaoqiu a{
	    color: #fff;
	    border: 1px solid #fff;
	      padding: 5px 12px;
	    font-size: 13px;
	    border-radius: 50px;
	    margin: 0 5px;
		transform: 0.6s;
}
.btns_xiaoqiu a:hover{
	    background-color: #c7000b;    border: 1px solid #c7000b;	    color: #fff!important;
}
.btns_xiaoqiu a.langActive{
	    background-color: #c7000b;    border: 1px solid #c7000b;    color: #fff!important;
}
.live-products .swiper-slide.swiper-slide-active:hover .product-intro{
    bottom: -1px !important;
}
.main-wrap {
  padding-top: 0 !important;
}
header .dropdown .dropdown-menu3{
       background-color: rgba(28, 25, 43, 0);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0);    width: 100%;
}
.dropdown-menu3 .dropdown-item {
  background-color: rgba(14, 11, 31, 0);
}
header .dropdown .dropdown-menu3 a {
  color: #333 !important;    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
    padding-bottom: 10px;
       margin-bottom: 6px
}
header .dropdown .dropdown-menu3 a:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
header .dropdown .dropdown-menu3 a:hover{
    background-color: rgba(14, 11, 31, 0);  color: #c7000b !important;
}
.navbar-expand-sm .navbar-nav {
   /* margin: 0 auto;*/ margin:0 0 0 2rem;
}
.xaiqoiu_dropdown::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 50%;
    background-color: #fff;
    transform: rotate( 45deg);
    margin-left: -5px;
}
.xaiqoiu_dropdown{
	position: absolute;background-color:#fff;
	    top: 16px;border-radius: 10px;
	    left: 50%;
	    margin-left: -4.7rem!important;
	    text-align: center;    min-width: 8rem;    padding: 1rem;    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.docker2.docker2_xiaoqiu{
    width: 100%;
    position: inherit;
    right: inherit;
    background-color: #fff;transform: scale(1);margin-top: -6px;
}

.docker2.docker2_xiaoqiu ul>li {
display: inline-block;
    width: 20%;
    float: left;
    transform: inherit;    margin-bottom: 0px !important;    border-right: 1px solid #f7f7f7;
}
.docker2.docker2_xiaoqiu ul>li:last-child{
	 border-right: 0;
}
.docker2.docker2_xiaoqiu .docker-body {
  background: #fff;    border-radius: 15px;
}
.docker2.docker2_xiaoqiu #docker2-list {
    position: inherit;
    padding-top: 0;
    margin-left: 0;
    width: 100%;
    overflow: hidden;    padding: 2rem 0;
}

.docker2.docker2_xiaoqiu ul li.icon_1 {
    background: url(../img/live/tv/docker/group2/icon111_3.png) center top no-repeat;background-size: 42px;
}

.docker2.docker2_xiaoqiu ul li.icon_1:hover {
    background: url(../img/live/tv/docker/group2/icon111_3.png) center top no-repeat;background-size: 42px;
}

.docker2.docker2_xiaoqiu ul li.icon_2 {
    background: url(../img/live/tv/docker/group2/icon222_3.png) center top no-repeat;background-size: 34px;
}

.docker2.docker2_xiaoqiu ul li.icon_2:hover {
    background: url(../img/live/tv/docker/group2/icon222_3.png) center top no-repeat;background-size: 34px;
}
.docker2.docker2_xiaoqiu ul li.icon_3 {
    background: url(../img/live/tv/docker/group2/icon333_2.png) center top no-repeat;background-size: 36px;
}

.docker2.docker2_xiaoqiu ul li.icon_3:hover {
    background: url(../img/live/tv/docker/group2/icon333_2.png) center top no-repeat;background-size: 36px;
}
.docker2.docker2_xiaoqiu ul li.icon_4 {
    background: url(../img/live/tv/docker/group2/icon444_2.png) center top no-repeat;background-size: 36px;
}

.docker2.docker2_xiaoqiu ul li.icon_4:hover {
    background: url(../img/live/tv/docker/group2/icon444_2.png) center top no-repeat;background-size: 36px;
}

.docker2.docker2_xiaoqiu ul li.icon_5 {
    background: url(../img/live/tv/docker/group2/icon555_2.png) center top no-repeat;background-size: 42px;
}

.docker2.docker2_xiaoqiu ul li.icon_5:hover {
    background: url(../img/live/tv/docker/group2/icon555_2.png) center top no-repeat;background-size: 42px;
}

.docker2.docker2_xiaoqiu ul li a {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;    color: #555;
}
.docker2.docker2_xiaoqiu ul li:hover a{
 color: #cc000b!important;
}
.docker2.docker2_xiaoqiu ul li a:hover{
 color: #cc000b!important;
}
.dropdown-toggle::after {
      content: '\e622' !important;
          font-family: "iconfont" !important;
      margin: 0;
      border: 0;
      vertical-align: 0;
      transform: rotate( 180deg);
      margin-left: 8px;
}
.dropdown-toggle.icon-zjt:before {
    content: '\e622' !important;display: none;
}
.dropdown-toggle.iconfont {
    pointer-events: all;
}
.dropdown-item_loginBtn{
  display: inline-block;
color: #333 !important;
margin-left: 14px;
cursor: pointer;font-size: 14px;
}
.Title_name{
       
background: rgba(255 ,255 ,255 ,0.6);
    text-align: center;
    border-radius: 5px;
    font-size: 15px;
padding-left: 2rem;
padding-right: 2rem;
}
.Title_name p{
 background: url(../img/live/tv/docker/group2/Click.png) no-repeat left 12px;
background-size: 30px;
margin-bottom: 0;
display: inline-block;
padding-left: 35px;
line-height: 1.5;
padding-bottom: 1.2rem;
padding-top: 1rem;
}

#agenda3 #guest-list-more3{
        z-index: 900;
}
#agenda4 #guest-list-more3{
     z-index: 900;
}
#agenda5 #guest-list-more3{
     z-index: 800;
}
#agenda6 #guest-list-more3{
      z-index: 800;
}
#agenda7 #guest-list-more3{
      z-index: 700;
}
#agenda8 #guest-list-more3{
     z-index: 700;
}
#agenda9 #guest-list-more3{
     z-index: 600;
}
#agenda10 #guest-list-more3{
     z-index: 600;
}

#agenda11 #guest-list-more3{
     z-index: 500;
}
#agenda12 #guest-list-more3{
     z-index: 500;
}
#agenda13 #guest-list-more3{
     z-index: 400;
}
#agenda14 #guest-list-more3{
     z-index: 400;
}
#agenda15 #guest-list-more3{
     z-index: 300;
}
#agenda16 #guest-list-more3{
    z-index: 300;
}
#agenda17 #guest-list-more3{
    z-index: 200;
}
#agenda18 #guest-list-more3{
     z-index: 200;
}
#agenda19 #guest-list-more3{
     z-index: 100;
}
#agenda20 #guest-list-more3{
     z-index: 100;
}
.language_ili{
    position: relative; 
    display: flex;
    border-left: 1px solid rgba(100,100,100,0.4);
    margin-left: 14px;
    margin-top:1px;
}
.language_ili:hover .dropdown-menu{
        display: block;
}

.language_ili .dropdown-menu{
   background-color: rgba(28, 25, 43, 0);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 0%);
    width: 100%;
        border: 0;
    min-width: 5rem;height: 140%;
}
.language_ili .dropdown-menu2{
    position: absolute;
    background-color: #fff;
    top: 24px;
    border-radius: 10px;
    left: 50%;
     margin-left: -4rem!important;
    text-align: center;
    min-width: 8rem;
    padding: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.language_ili .dropdown-menu2 a {
    color: #333 !important;
    border-bottom: 1px solid rgba(100, 100, 100, 0.2);
    padding-bottom: 6px;
    margin-bottom: 6px;    font-size: 14px;display: block;  
    
}
.language_ili .dropdown-menu2 a:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.language_ili .dropdown-menu2 a:hover{
   color: #c7000b!important;
}
.language_ili .dropdown-menu2::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: 50%;
    background-color: #fff;
    transform: rotate( 45deg);
    margin-left: -5px;
}
@media (max-width: 1400px) {
	body .meet_xiaoqiu  .live-guest-info .live-guest-avatar img {
	    width: 125px;
	    height: 125px;
	}
	body .meet_xiaoqiu  .live-guest-info {
	 
	}
	
}
@media (max-width: 1200px) {
body .meet_xiaoqiu 	 .live-guest-info .live-guest-avatar img {
	    width: 95px;
	    height: 95px;
	}
	
}
@media (max-width: 980px) {
header .nav-bg {
    height: 74px;
}
	
}
@media (max-width: 950px) {
	body .meet_xiaoqiu   .live-guest-info .live-guest-avatar img {
	    width: 65px;
	    height: 65px;
	}
	
}

/*2022骞�8鏈�19鏃ユ柊澧炲姞淇敼璋冩暣鐨刢ss  缁撴潫*/

@media (max-width: 576px) {
    .main-wrap { min-width: auto; }
}

/*-- sidebar --*/
aside { width: 100%; }

@media (min-width: 576px) {
    aside { padding: 0 !important; }
}

aside .card { margin-bottom: 20px; }

aside .profile-avatar { padding-top: 10px; margin: 0 auto; }

aside .profile-avatar img { border-radius: 50%; }

aside .profile-nickname { margin-top: 15px; font-size: 16px; text-align: center; }

aside .profile-info { margin-top: 15px; font-size: 14px; color: #7c7c7c; }

aside .qrcode { background-color: #fff; }

aside .qrcode > div { background: url(../img/ucenter/pattern.png) left 34px no-repeat, url(../img/ucenter/pattern2.png) right 36px no-repeat; background-color: #fff; }

aside .qrcode > div.collapsed { background: #fff; }

aside .qrcode .collapsed .qr-tip1 { display: none; }

aside .qrcode .collapsed .qr-tip2 { display: block !important; }

aside .qrcode .card-header { background: transparent; }

aside .qrcode .card-body { padding-top: 0; padding-bottom: 0; }

aside .qrcode .card-body .split { height: 15px; width: 100%; border-top: 1px solid #d5d5d5; }

aside .profile-info li { padding-left: 25px; background-position: left 5px; background-repeat: no-repeat; position: relative; margin-bottom: 12px; }

aside .profile-info li::before { content: ''; position: absolute; width: 15px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: contain; left: 0px; }

aside .profile-info li.profile-phone { color: #556c8d; }

aside .profile-info li.profile-phone a { color: #556c8d; }

aside .profile-info li.profile-mail::before { background-image: url(../img/ucenter/info/icon-mail.png); }

aside .profile-info li.profile-phone::before { width: 12px; background-image: url(../img/ucenter/info/icon-phone.png); }

aside .profile-info li.profile-title::before { background-image: url(../img/ucenter/info/icon-title.png); }

aside .profile-info li.profile-system::before { background-image: url(../img/ucenter/info/icon-system.png); }

aside .profile-info li.profile-region::before { background-image: url(../img/ucenter/info/icon-region.png); }


/*-- agenda --*/
@media (min-width: 576px) {
    .agenda { padding: 0 !important; }
}

.agenda h3 { font-size: 18px; font-weight: 500; padding-top: 5px; margin-bottom: 20px; }

.agenda .agenda-list .card { margin-bottom: 15px; }

.agenda .agenda-list .card .card-header { color: #556c8d; font-size: 16px; line-height: 20px; border-radius: 10px; }

.agenda .agenda-list .card .card-body { padding: 0; }

.agenda .agenda-list-daily > li { background-color: #fdfdfe; padding: 20px; }

.agenda .agenda-list-daily > li:nth-child(odd) { background-color: #f4f5f8; }

.agenda .agenda-list-daily .agenda-title { font-size: 14px; }

.agenda .agenda-list-daily .agenda-time { font-size: 13px; text-align: left; padding-left: 20px; }

.ucenter .agenda-actions { max-width: 40%; flex: 0 0 37% !important; }

.ucenter .agenda .agenda-list-daily .agenda-time { max-width: 12%; }

@media (max-width: 576px) {
    .agenda .agenda-list-daily .agenda-time { text-align: left; max-width: 100%; }
    .agenda-actions { max-width: 100%; flex: 0 0 100% !important; }
    .agenda-actions a { width: 50%; display: flex; justify-content: center; margin-right: 4px !important; margin-left: 4px !important; }
}

.agenda .agenda-list-daily .agenda-actions a { margin: 5px 0; color: #556c8d; font-size: 14px; }

.agenda .agenda-list-daily .agenda-actions a > i { width: 20px; height: 20px; display: inline-block; margin-right: 5px; }

.agenda .agenda-list-daily .agenda-actions a.disable { padding-left: 17px; padding-right: 17px; background: transparent !important; border-color: #999; color: #999 !important; }

.agenda .agenda-list-daily .agenda-actions a.disable:hover { background: transparent !important; border-color: #666; color: #999 !important; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-download { background: url(../img/ucenter/icon-download.png) center center no-repeat; background-size: contain; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-download { background: url(../img/ucenter/icon-download-1.png) center center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-play { background: url(../img/ucenter/icon-play.png) left center no-repeat; background-size: contain; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-play { background: url(../img/ucenter/icon-play-1.png) left center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-fav { background: url(../img/ucenter/icon-fav.png) center center no-repeat; background-size: 87.5%; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-fav { background: url(../img/ucenter/icon-fav-1.png) center center no-repeat; background-size: 87.5%; }

.agenda .agenda-list-daily .agenda-actions a > i.icon-cancel { background: url(../img/ucenter/icon-cancel.png) left center no-repeat; }
.agenda .agenda-list-daily .agenda-actions a:hover > i.icon-cancel { background: url(../img/ucenter/icon-cancel-1.png) left center no-repeat; }

.agenda .agenda-list-daily .agenda-actions a:hover { background-color: #c7000b !important; color: #fff !important; background: none; border: 1px solid #fff; }

.agenda .agenda-list-daily .agenda-actions a.favored { padding-left: 18px; padding-right: 18px; }

.agenda .agenda-list-daily .agenda-list-daily-item { position: relative; }

.agenda .agenda-list-daily .agenda-duration { background-color: #e4e7ed; display: inline-block; padding: 5px 10px; border-radius: 4px; font-size: 12px; margin-top: 15px; color: #556c8d; }

.agenda .agenda-list-daily .agenda-location-offline::before,
.agenda .agenda-list-daily .agenda-location::before { content: ''; position: absolute; width: 15px; height: 15px; background: url(../img/ucenter/icon-locatoin.png) left center no-repeat; background-size: contain; left: 0; }

.agenda .agenda-list-daily .agenda-location-online::before { width: 13px; background: url(../img/ucenter/icon-monitor.png) left center no-repeat; background-size: contain; }

.agenda .agenda-list-daily .agenda-location-offline,
.agenda .agenda-list-daily .agenda-location { padding-left: 20px; margin: 15px 0; position: relative; display: flex; align-items: center; }

.agenda .agenda-list-daily .agenda-location > span:nth-child(2) { color: #556c8d !important; }

.agenda .agenda-list-daily .agenda-location span:nth-child(1) { margin-right: 10px; }

.agenda .agenda-list-daily .agenda-location span:nth-child(2) { color: #999; }

.agenda .agenda-category { padding-bottom: 10px; font-size: 14px; }

.agenda .agenda-category ul > li { padding: 0 50px; }

@media (max-width: 576px) {
    .agenda .agenda-category ul > li { padding: 0 30px; }
}

.agenda .agenda-category ul > li.active a { color: #c7000b !important; border-bottom: 5px solid #c7000b; padding-bottom: 8px; }


/*-- card --*/
.card { background: #fff; border: none; font-size: 14px; }

.card .card-header { background: #fff; border: none; }

.card .card-body { padding-top: 15px; }

.card .card-body img { max-width: 100%; }

.card .card-header.toggle .tip::before { content: '\e622'; }

.card .card-header .tip::before { content: '\e612'; }

.card .card-header.collapsed .tip::before { content: '\e612'; }

/*-- button more --*/

.btn:focus, .btn:active { outline: none !important; box-shadow: none !important; background-color: #c7000b !important; }

.btn.btn-outline-primary { border: 1px solid #444; background-color: transparent !important; color: #444; }

.btn.btn-outline-primary.disabled { pointer-events: none !important; }


.btn.btn-outline-primary:hover { background-color: #c7000b !important; color: #fff !important; border: none; }

.btn.btn-outline-secondary { background-color: transparent !important; border: 1px solid #556c8d; }

.btn.btn-primary { background-color: #c7000b; color: #fff !important; border: none; }


.btn.btn-more { background-color: #c7000b; color: #fff; padding-left: 20px; padding-right: 20px; margin: 30px 0; font-size: 14px; }

.btn.btn-more:hover { background-color: #c7000b; color: #fff !important; text-decoration: underline; }

/*-- dialog --*/

body.modal-open { padding-right: 0 !important; overflow: hidden; }

.modal { padding: 0 10px !important; }

button.close { position: absolute !important; top: 10px; right: 10px; outline: none; }

.modal-backdrop.show { opacity: 0.7 !important; }

.modal .modal-content { border: none !important; }

.modal .modal-content input { border-color: #444 !important; }

.modal .modal-content h5 { font-size: 16px; }

/*-- search result --*/
.search-result .search-keyword { color: #c7000b; }

.search-result-recommend li { line-height: 24px; }

.search-result-recommend li a { font-size: 14px; }

/*-- form error --*/
.form-error { font-size: 14px; color: #e02020; }

.getcode { color: #c7000b; border-color: #c7000b !important; }

/*-- input --*/
input:focus { box-shadow: 0 0 0 0rem rgba(199, 0, 11, .25) !important; }

::-webkit-input-placeholder { color: #999 !important; }

:-moz-placeholder { color: #999 !important;: -ms-input-placeholder
{ color: #999 !important; }