.atem .is-av {
			position: absolute;
			bottom: 8px;
			right: 0px;
			z-index: 3;
			opacity: 0.8;
			background-color: #2B2D2C;
			font-size: 11px;
			letter-spacing: 0.33px;
			color: #ffffff;
			padding: 2px 2px;
}
		.mobile_nav {
			display: none;
			order: 6;
			width: calc(100% + 20px);
			margin: 0 -10px;
			align-items: center;
			justify-content: space-between;
			flex-wrap: nowrap;
			border: 1px solid #276FDB;
			border-left: none;
			border-right: none;
			background-color: #000000;
			margin-top: 10px;
		}
		
		@media (max-width: 1152px) {
			.mobile-small-nav {
				display: flex;
				margin-bottom: -10px;
			}
			.primary .pignu {
				display: none;
			}
		}
		
		.mobile-small-nav li {
			width: 33.33%;
			border-right: 1px solid #276FDB;
		}

		.mobile-small-nav li a {
			display: block;
			text-align: center;
			padding: 8px 0;
		}

		.mobile-small-nav li:first-child a {
			color: #45b004;
		}

		.mobile-small-nav li:nth-child(2) a {
			color: #276fdb;
		}

		.mobile-small-nav li:last-child a {
			color: #ee0000;
		}

		.mobile-small-nav li:last-child {
			border-right: none;
		}

		.navigation .primary .green {
			color: #45b004;
		}
		
		.navigation .primary .blue {
			color: #276fdb;
		}

		.navigation .primary .red {
			color: #ee0000;
		}
		/* start styles for hide block on video page */

		.btn-hide {
			position: relative;
			font-size: 0;
			margin-left: 10px;
  			width: 7rem;
  			height: 4rem;
  			border-radius: 2rem;
			display: none;
			align-items: center;
			justify-content: center;
			background-color: #212121;
			padding: 2px 2px;
			-webkit-transition: background-color 0.3s, border-radius 0.3s;
			transition: background-color 0.3s, border-radius 0.3s;
		}

		@media (max-width: 860px) {
			.btn-hide {
				display: flex;
			}
		}
		.btn-hide .ico-flag {
			width: 2.2rem;
			height: 2rem;
			display: block;
			font-family: "icomoon" !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			z-index: 1;
			font-size: 1.9rem;
		}
		.btn-hide .ico-flag:before {
			content: "\e90a";
		}

		.btn-hide::after {
			content: "\e901";
			display: block;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			font-family: "icomoon" !important;
			speak: none;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			z-index: 1;
			font-size: 6px;
			-webkit-transition: -webkit-transform 0.3s;
			transition: -webkit-transform 0.3s;
			transition: transform 0.3s;
			transition: transform 0.3s, -webkit-transform 0.3s;
			transform: rotate(0deg);
			position: static;	
		}

		@media (max-width: 860px) {
			.hide-block.hide .btn-hide::after {
				transform: rotate(180deg);
			}

			.hide-block .tab-content {
				height: 0;
				opacity: 0;
				padding: 0 0 0;
			}

			.hide-block .tabs-menu {
				height: 0;
				opacity: 0;
			}

			.hide-block.hide .tab-content {
				height: 100%;
				opacity: 1;
				padding: 0 0 0;
				padding: 0 1rem 1rem;
			}

			.hide-block.hide .tabs-menu {
				height: 100%;
				opacity: 1;
			}

			.hide-block .info-buttons {
				margin: 0 0 0;
				border-bottom: none;
				padding: 0 10px 0px;
			}

			.hide-block.hide .info-buttons {
				margin: 0 0 1rem;
				padding: 0 10px 10px;
				border-bottom: 1px solid #212121;
			}
		}
		/* end styles */

	/* start styles for dropdown header block */
		.primary .dropdown-holder {
			position: relative;
		}

		.dropdown-holder ul {
		    width: 165px!important;
		    top: calc(100% + 10px)!important;
		    left: -55px!important;	
        	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.28);
		}
		.dropdown-holder ul a {
			text-overflow: ellipsis;
    		overflow: hidden;
			background-color: #000000!important;
		}
		.dropdown-holder ul a:hover {
			background-color: #276fdb!important;
		}
		.dropdown-holder.show-box ul {
			opacity: 1;
    		visibility: visible;
		}
		@media (min-width: 1152px) {
			.dropdown-holder:hover ul {
				opacity: 1;
	    		visibility: visible;
				z-index: 2147483647 !important;
			}
		}
		@media (max-width: 1152px) {
			.dropdown-holder ul {
				width: 141px !important;
    			top: -185px !important;
        		left: 131px !important;
				border-radius: 0 !important;
				z-index: 2147483647 !important;
			}
		}
		.dropdown-holder ul li a {
			text-align: left;
		}
		/* end styles */
.message {
        display: none; /* 初始隐藏 */
        background-color:#d01e1e;
        padding: 10px;
        margin-top: 10px;
        border-radius: 5px;
        color: #fff;
        
    }
.show {
        display: block; /* 显示元素 */
        color: #ffffff;
    }		
		
#suggestions {
            position: absolute;
            background-color: #100f0f;
            border: 1px solid #226dd7;
            list-style-type: none;
            padding: 0;
            margin: 0;
            z-index: 1000;
            max-height: 500px;
            overflow-y: auto;
           width: 100%;
            
 }   
 
/* 美化滚动条 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #226dd7; /* 轨道颜色 */
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #ee0000;/* 滑块颜色 */
}
 
/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块hover颜色 */
}   
    
#suggestions li{
            padding: 8px 12px;
            cursor: pointer;
            color: #fff;
        }

        #suggestions li:hover {
            background-color: #cf2a2a;
        }		
 @media  screen and (max-width: 768px) {
#suggestions {
width: 90%;
            
 } 
}		
.list-videos .is-hits {
    position: absolute;
    top: 5px;
    left:5px;
    z-index: 3;
    opacity: 0.8;
    background-color: #32cd82db;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.33px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 4px 8px;
}
.list-videos .is-time {
    position: absolute;
    bottom: 5px;
    left:5px;
    z-index: 3;
    opacity: 0.8;
    background-color: #226dd7a3;
    border-radius: 12px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.33px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 4px 8px;
}
.toubutj{
   height: 20px;
       display: flex;
    justify-content: center;
}
.toubutj a{
   padding: 0 5px; 
   font-size: 14px;
   color: #ff327e;
}
@media screen and (max-width: 768px) {
 .toubutj a{
   padding: 0 3px; 
   font-size: 10px;
   
}}