/**
██   ██ ██    ██ ██████  ██  ██████ ███    ███ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ████  ████ ██      
███████ ██    ██ ██   ██ ██ ██      ██ ████ ██ ███████ 
██   ██ ██    ██ ██   ██ ██ ██      ██  ██  ██      ██ 
██   ██  ██████  ██████  ██  ██████ ██      ██ ███████ 
            ===========================================
 * @Sign
================================
        Keep calm and get rich.
                    Is the best huudi.
 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
body {
    background-color: #000000;
}
.box {
    background-color: #000000;
}
.title h3 {
    color: #ffffff;}
.vod-txt a {

    color: #ffffff;}
#bottone5 {
 align-items: center;
 background-color: #FFFFFF;
 border: 1px solid rgba(0, 0, 0, 0.1);
 border-radius: .25rem;
 box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
 box-sizing: border-box;
 cursor: pointer;
 display: inline-flex;
 font-family: system-ui,-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size: 16px;
 font-weight: 600;
 justify-content: center;
 line-height: 1.25;
 min-height: 3rem;
 padding:10px 13px;
 text-decoration: none;
 transition: all 250ms;
 user-select: none;
 -webkit-user-select: none;
 touch-action: manipulation;
 vertical-align: baseline;
 width: auto;
}
#bottone5:hover,
#bottone5:focus {
 border-color: rgba(0, 0, 0, 0.15);
 box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
 color: rgba(0, 0, 0, 0.65);
}
#bottone5:hover {
 transform: translateY(-1px);
}
#bottone5:active {
 background-color: #F0F0F1;
 border-color: rgba(0, 0, 0, 0.15);
 box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
 color: rgba(0, 0, 0, 0.65);
 transform: translateY(0);
}
.nav1{width: 62.5%;margin-bottom:.75rem;}
@media (max-width:479px) {
	.nav1{width: 100%;}
	
}
@media (min-width:1080px) {
  .nav1,.nav{width:1080px;}
}
.nav a {
    display: block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size: .9375rem;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
    background-color: #ff7c00;
    color: #ffffff;
    border-radius: 4px;
}
.nav {
	margin-top: 5px;
    width: 100%;
    margin-bottom: .75rem;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    grid-gap: .25rem;
    background-color: #000;
}
		@media screen and (max-width:768px) {
		    
    .nav {      grid-template-columns: repeat(5, 1fr);    }
		}
    .nav-div3 {
    border-bottom: 1px #FD4C5D solid;
    width: 100%;
    margin-bottom: 1rem;
}
.nav-div2 {
}

.nav-div1 {
    position: relative;
}


.nav-div4 {
    background-color: #FD4C5D;
    color: #fff;
    float: left;
    width: 10%; 
    font-size: .8rem;
    line-height: 1.5rem;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.nav-div4 a {
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: white;
}

.nav-div4-ul {
    overflow: hidden;
    font-size: .8rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: white;
}

.nav-div4-ul li {
    width: 12%;
    display: inline-block;
    text-align: center;
}
.nav-div4-ul li a {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #FD4C5D;
    font-weight: bold;
}
@media screen and (max-width:768px) {
.nav-div4 {    width: unset;}
		    .nav-div4 a {    font-size: 15px;     line-height: 2rem;}
		    .nav-div4-ul li a {    font-size: 15px;}
.nav-div1 li {
        width: 23.9%;
    }
		}
	
.photo-two{
		display: inline-block;
		  display: block;
		  height: 90px;
		   width: 90px;
		  margin: 20px;	
		  text-align: center;
		 
	}
.photo-two a{
        line-height:24px;   
	}
.photo-two img{
		border-radius: 12%;
		height: 90px;
		width: 90px;
	}
.photo-name{
        font-weight: bold;
	color: #000;
        font-size: initial;
    }




@media screen and (max-width:1280px){
    .photo-two img{
		border-radius: 12%;
		height: 60px;
		width: 60px;
	}
	
	.photo-two a{
        line-height:20px;   
	}
}



@media screen and (max-width:980px){

    .photo-two img{
		border-radius: 12%;
		height: 58px;
		width: 58px;
	}
	
	
	
	
}

@media screen and (max-width:750px){

    .photo-two{
		width: 20%;
		margin: 6px;
	}
	.photo-name{
       	font-size: small;
       	
    }

	
	
}
.col6  {
    position: relative;
    min-height: 1px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row6 {
        display: flex;
    flex-wrap: wrap;
}


@media screen and (max-width:750px){
.col6 {
    width: 100%!important;
}
.col6 img {
    height:60px!important;
}
}    

@media (min-width: 768px)
.col6 {
    width: 100%;
}
.hotlink {border-radius:6px;color: #fff;background:red;font-size: 14px;padding: 2px 5px;}
.page_wrap {
					width: 100%;
					text-align: center;
					margin: 20px 0 15px 0;
					padding-bottom: 20px;
				}

				.page_wrap li {
					display: inline-block;
				}

				.page_wrap li a {
					padding: 5px 10px 4px 10px !important;
					display: inline-block;
					color: #ccc;
					font-size: 16px;
					line-height: 16px;
					border-radius: 2px;
				}

				.page_wrap li a i.layui-icon {
					color: #ddd;
					font-size: 16px;
					line-height: 16px;
					margin: 0;
					padding: 0;
				}

				.page_wrap li a.activepage {
					background-color: #00343f;
					color: #fff;
					cursor: not-allowed;
					margin-right: 5px;
					padding: 5px 15px 4px 15px !important;
				}

				.page_wrap li a.pageitem {
					background: #0202028c;
					margin-right: 5px;
					color: #fff;
					padding: 5px 15px 4px 15px !important;
				}

				.page_wrap .jump-btn {
					background-color: #415fa2;
					color: #eee;
					cursor: pointer;
				}

				.page_wrap .jump-btn:hover,
				.page_wrap li a.pageitem:hover {
					background-color: red;
					color: #efefef;
				}

				.bluebg {
					background-color: #1e9fff;
				}

				.greybg {
					background-color: #999 !important;
				}


				.alphabet {
					display: -ms-flexbox;
					display: flex;
					-ms-flex-wrap: wrap;
					flex-wrap: wrap;
					float: left;
					margin-bottom: 20px
				}

				.alphabet .item {
					margin: 1px
				}

				.alphabet .item.active a {
					background-color: #e40066;
					color: #fff
				}

				.alphabet a {
					padding: 8px 12px;
					border-radius: 15px;
					overflow: hidden;
					display: -ms-flexbox;
					display: flex;
					-ms-flex-align: center;
					align-items: center;
					background-color: #e9e9ef;
					color: #7c7c8e;
					cursor: pointer
				}

				.mycate {
					float: left;
					width: 98%;
					padding: 0.4rem 0.5% 0;
				}

				.mycate a {
					display: block;
					height: 2rem;
					line-height: 2rem;
					border-radius: 2px;
					text-align: center;
					border: 1px solid #f91;
					color: #f91;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					width: 20%;
					float: left;
					margin-bottom: 5px;
					font-weight: bold;
				}

				.mycate a:hover {
					background: #1e9fff;
					color: #fff !important;
				}

				@media screen and (min-width: 760px) {
					.mycate a {
						height: 2rem;
						line-height: 2rem;
						width: 10%;
					}
				}

				.group-item p {
					color: #fff !important;
				}