@charset "utf-8";
/*苹果cms盒子 MacCmsBox.Com*/
html, body {
	overflow-x: hidden;
	font-size:14px;
    color: #e0e0e0;
	background-color:#0d0d0d;
    margin:0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
}
form, h1, h2, h3, h4, h5, h6,th {
	font-weight:400;
	font-size:13px;
}
form, h1, h2, h3, h4, h5, h6, ul, ol, dl, dt, dd {
	margin:0;
	padding:0;
	list-style:none;
}
a {
 	color:#e0e0e0;
    text-decoration:none;
  	font-size:14px;
    transition: color 0.3s ease;
}
a:hover {
 	color:#ff6b9d;
}
.l {
	float:left
}
.r {
	float:right
}
/*
.text-left{text-align:left}
.text-right{text-align:right}*/
.text-center{text-align:center;}
.white-space{white-space:nowrap}
.text-color{color:#337ab7}
/*清除浮动*/
.clearfix:after,.clearfix:before{display:table;content:" "}
.container{
  margin-right:auto;
  margin-left:auto
}
/* 头部 */
.header {
	overflow-y:auto;
    margin:0;
    padding:15px 0;
	overflow:hidden;
  	width:100%;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    border-bottom: 1px solid rgba(255,107,157,0.2);
}
.header .logo {
	float:left;
	overflow:hidden;
	width:23%;
	padding-top:0px;
	white-space:nowrap;
}
.header .logo a{
	height:auto;
    line-height:1.74;
	font-weight:700;
	font-size:22px;
    padding:8px 16px;
    display:inline-block;
	text-align:center;
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
	color:#fff;
	white-space:nowrap;
	vertical-align:middle;
    border-radius:8px;
    box-shadow: 0 4px 15px rgba(255,107,157,0.4);
    text-shadow:none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.header .logo a:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255,107,157,0.5);
}
.header .search {
	overflow:hidden;
	width:76%;
}
.header .search .size{
	font-size:12px;
  	float:right;
    text-align:right;
    color:#888;
    padding-top:5px;
}
/* 搜索框 */
.input-group{
	vertical-align:middle;
  	width:72%;
    position:relative;
}
.input-addon,
.input-text,
.input-so {
	height:42px;
	font-size:14px;
	line-height:1.3;
}
.input-text{
	float:left;
    width:97%;
	padding:10px 15px;
	display:block;
	color:#fff;
	background-color:rgba(255,255,255,0.1);
	border:1px solid rgba(255,255,255,0.2);
    border-radius:25px;
    transition: all 0.3s ease;
}
.input-text:focus,
.input-so:focus{
	outline:0;
    border-color:#ff6b9d;
    background-color:rgba(255,255,255,0.15);
    box-shadow: 0 0 15px rgba(255,107,157,0.3);
}
.input-text::placeholder{
    color:#888;
}
.input-so {
    padding:0px 20px;
	text-align:center;
	cursor:pointer;
    margin-left:-50px;
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
	color:#fff;
	white-space:nowrap;
	border:none;
    border-radius:25px;
    font-weight:600;
    transition: all 0.3s ease;
}
.input-so:hover{
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(255,107,157,0.4);
}

/*头部栏目导航*/
.nav {
    overflow:hidden;
	background: linear-gradient(90deg, #1a1a2e 0%, #16213e 50%, #1a1a2e 100%);
	clear:both;
	line-height:45px;
	width:100%;
    border-bottom: 1px solid rgba(255,107,157,0.1);
}
.nav dd {
	float:left;
	width:20%;
	white-space:nowrap;
	overflow:hidden;
	padding:0;
	line-height:45px;
}
.nav dd a {
	float:left;
	text-align:center;
	overflow:hidden;
	width:100%;
	color:#ccc;
    font-size:14px;
    transition: all 0.3s ease;
    position:relative;
}
.nav dd a:hover {
	background: rgba(255,107,157,0.2);
    color:#ff6b9d;
}
.nav dd a.focu {
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
	color:#fff;
}
/*副导航条*/
.title{
  padding:12px 15px;
  margin-top:15px;
  margin-bottom:15px;
  list-style:none;
  background: linear-gradient(135deg, rgba(255,107,157,0.1) 0%, rgba(196,69,105,0.1) 100%);
  font-size:15px;
  width:100%;
  border-radius:10px;
  border-left: 3px solid #ff6b9d;
}
.title>li{display:inline-block; color:#aaa;}
.title>li+li:before{
  padding:0 8px;
  color:#555;content:"/"
}
.title>li a{color:#e0e0e0;}
.title>li a:hover{color:#ff6b9d;}
.title .r a{
  padding:6px 12px;
  font-size:13px;
  background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
  color:#fff !important;
  text-align:center;
  border-radius:20px;
  transition: all 0.3s ease;
}
.title .r a:hover{
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(255,107,157,0.4);
}
/*.title .r .hover,.title .r a:hover{
    background-color:#4c8fe8;
    color:#fff;
    border:1px solid #4c8fe8;
}*/

/*-分类翻页Pages-*/
.mac_pages1 {text-align:center; padding:20px 0; overflow:hidden;}
.mac_pages1 .page_tip1 {color:#888;font-weight:normal;margin-bottom:12px;}
.mac_pages1 .page_link1{display:inline-block; padding:8px 14px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); color:#ccc; font:normal 14px/18px Verdana;margin:3px; border-radius:8px; transition: all 0.3s ease;}
.mac_pages1 .page_link1:hover{background:rgba(255,107,157,0.2); border-color:#ff6b9d; color:#ff6b9d;}
.mac_pages1 .page_current1{display:inline-block; padding:8px 14px; background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%); border:none; color:#fff; border-radius:8px; margin:3px;}
.mac_pages1 .page_input1 {height:32px; width:50px; border:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.05); color:#fff; border-radius:6px; text-align:center;}
.mac_pages1 .page_btn1{border:none; height:32px; width:50px; text-align:center; cursor:pointer; background:linear-gradient(135deg, #ff6b9d 0%, #c44569 100%); color:#fff; border-radius:6px;}
.mac_pages1 .page_info1 a:hover{background:linear-gradient(135deg, #ff6b9d 0%, #c44569 100%); border:none; color:#fff;}
/*-/Page-*/
/*-搜索后文字提示-*/
.wrap{width:100%;max-width:1260px;min-width:320px;padding:0;margin:0 auto; position:relative; overflow:hidden;font-size:14px;}
.wrap h1{font-size:14px; color:#e0e0e0;}
/*友情琰接*/
.links {
	margin:20px 0;
	padding:15px;
    width:100%;
    background:rgba(255,255,255,0.03);
    border-radius:10px;
}
.links h1{
    font-size:16px;
    color:#ff6b9d;
    margin-bottom:10px;
}
.link {
	margin:0 -5px;
    display:inline-block;
  	list-style:none;
}
.link li{
    display:inline-block;
    font-size:13px;
    width:16.666666667%;
	line-height:1.8;
  	padding:5px;
}
.link li a{
    color:#888;
    transition: color 0.3s ease;
}
.link li a:hover{
    color:#ff6b9d;
}
.footer{
  border-top:1px solid rgba(255,107,157,0.2);
  margin-top:25px;
  padding:20px 0;
  line-height:1.8;
  text-align:center;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
}
.footer p{
  color:#666;
  margin:5px 0;
}
.footer a{
  color:#ff6b9d;
  transition: color 0.3s ease;
}
.footer a:hover{
  color:#fff;
}

/*-内容页-*/
.media {
	overflow:hidden;
  	width:100%;
}
.media ul{
	margin-left:-8px;
  	margin-right:-8px;
}
.media li {
	float:left;
	width:50%;
	height:150px;
	padding:0 8px 15px 8px;
	overflow:hidden;
  	background-color:transparent;
}
.media li img {
	width:100%;
	height:140px;
    border-radius:10px;
    object-fit:cover;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.media li img:hover{
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(255,107,157,0.3);
}
.media .media-info dt{
    text-align:left;
  	overflow:hidden;
	line-height:1.8;
    color:#ccc;
}
.media .media-info .playurl2{
	margin-bottom:10px;
    line-height:2.5;
}
.media .media-info .playurl2 a{
    border:none;
	padding:10px 20px;
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
	color: #fff;
  	font-size:14px;
  	text-align:center;
  	vertical-align:middle;
    border-radius:25px;
    display:inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(255,107,157,0.3);
}
.media .media-info .playurl2 a:hover{
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(255,107,157,0.5);
}
/*-播放地址-*/
.playurl{
	margin-top:15px;
}
.playurl dt{
	margin-bottom:12px;
    color:#ccc;
}
.playurl dd{
	margin:0;
}
.playurl dd a{
	margin:3px;
	padding:10px 18px;
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
	color: #fff;
  	font-size:14px;
    border-radius:8px;
    display:inline-block;
    transition: all 0.3s ease;
}
.playurl dd a:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255,107,157,0.4);
}
/*-内容页热播-*/
.title3 {
	margin-top:10px;
  	margin-bottom:5px;
	padding:0;
  	overflow:hidden;
    width:100%;
}
.pic {
    overflow:hidden;
    width:100%;
}
.pic ul{
	margin-left:-8px;
  	margin-right:-8px;
}
.pic li {
	float:left;
	width:50%;
	height:185px;
	padding:0 8px 15px 8px;
	white-space:nowrap;
	overflow:hidden;
  	background-color:transparent;
}
.pic li a{
    display:block;
    background: rgba(255,255,255,0.03);
    border-radius:12px;
    padding:8px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255,255,255,0.05);
}
.pic li a:hover{
    background: rgba(255,107,157,0.1);
    border-color: rgba(255,107,157,0.3);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.pic li img {
	width:100%;
	height:120px;
	object-fit: cover;
    border-radius:8px;
    margin-bottom:8px;
}
.pic li span {
	color:#ff6b9d;
    font-size:12px;
}
.pic2 {
    overflow:hidden;
    width:100%;
}
.pic2 ul{
	margin-left:-8px;
  	margin-right:-8px;
}
.pic2 li {
	float:left;
	width:50%;
	line-height:1.6;
	padding:6px 8px;
	white-space:nowrap;
	overflow:hidden;
    background-color:transparent;
}
.pic2 li a{
    display:block;
    padding:8px 12px;
    background: rgba(255,255,255,0.03);
    border-radius:8px;
    border: 1px solid rgba(255,255,255,0.05);
    transition: all 0.3s ease;
    color:#ccc;
}
.pic2 li a:hover{
    background: rgba(255,107,157,0.15);
    border-color: rgba(255,107,157,0.3);
    color:#ff6b9d;
}
/*-播放器-*/
.play-t{
  margin-top:0;
  list-style:none;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  font-size:14px;
  width:100%;
  color:#ff6b9d;
  overflow:hidden;
  text-align:center;
  line-height:2.5;
  padding:8px 15px;
  border-radius:0 0 12px 12px;
}
.play-t .l a,.play-t .r a{
  font-size:13px;
  text-align:center;
  color:#fff;
  padding:8px 15px;
  background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
  border-radius:20px;
  transition: all 0.3s ease;
}
.play-t .l a:hover,.play-t .r a:hover{
  transform: scale(1.05);
  box-shadow: 0 4px 15px rgba(255,107,157,0.4);
}

.play_t {width:100%;overflow:hidden;background:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);padding:10px 15px;font-size:14px;color:#ccc;}
.play_t .l{	float:left;padding-top:2px;}
.play_t .r{	float:right;}
.play_t a{padding-left:8px;font-size:14px;color:#ccc; transition: color 0.3s ease;}
.play_t a:hover{color:#ff6b9d;}
.play_t .r a{
	padding:8px 15px;
	background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);
  	text-align:center;
	line-height:1.9;
    border-radius:20px;
    color:#fff;
}
#bofang_box{ width:100%;overflow:hidden;position:relative; margin:0px auto 0 auto;height:250px;background:#000; border-radius:12px 12px 0 0;}
/*自适应*/
*{box-sizing:border-box}
@media (min-width:480px){.container{width:480px}}
@media (min-width:760px){.container{width:760px}}
@media (min-width:960px){.container{width:960px}}
@media (min-width:1200px){.container{width:1200px}}

@media (max-width:479px) {
    .container{margin-right:10px;margin-left:10px}
}
@media (min-width:480px){
    .header .logo a{font-size:18px;padding:8px 14px;}
    .pic li,.pic2 li {width:33.33333333333333%;}
    .pic li {height:175px;}
    .pic li img {height:110px;}
    .media li{width:33.33333333333333%;height:140px;}
    .media li img{height:130px;}
    .media .media-info{width:66.66666666666666%;height:140px;}
    .media .media-info .playurl2{margin-bottom:8px;line-height:2.2;}
    #bofang_box{ width:100%;height:290px;}
}
@media (min-width:760px){
    .header .logo a{font-size:20px;padding:8px 16px;}
    .pic li,.pic2 li {width:25%;}
    .pic li {height:195px;}
    .pic li img {height:130px;}
    .media li{width:25%;height:160px;}
    .media li img{height:150px;}
    .media .media-info{width:75%;height:160px;}
    #bofang_box{ width:100%;height:420px;}
}
@media (min-width:960px){
    .header .logo a{font-size:20px;padding:8px 16px;}
    .nav dd{width:10%;}
    .pic li,.pic2 li {width:16.666666667%;}
    .pic li {height:210px;}
    .pic li img {height:140px;}
    .media li{width:16.666666667%;height:160px;}
    .media li img{height:150px;}
    .media .media-info{width:83.33333333333333%;height:160px;}
    #bofang_box{ width:100%;height:420px;}
}
@media (min-width:1200px){
    .header .logo a{font-size:22px;padding:8px 18px;}
    .nav {line-height:45px;}
    .nav dd{width:5%;line-height:45px;}
    .pic li,.pic2 li {width:16.666666667%;}
    .pic li {height:230px;}
    .pic li img {height:160px;}
    .media li{width:16.666666667%;height:170px;}
    .media li img{height:160px;}
    .media .media-info{width:83.33333333333333%;height:170px;}
    #bofang_box{ width:100%;height:480px;}
}
/* 隐藏 */
@media (max-width:480px){.links,.link{display:none!important}}
@media (min-width:480px) and (max-width:759px){.links,.link{display:none!important}}
@media (min-width:760px) and (max-width:959px){.side,.hidden-lg,.hidden-sm,.top-right{display:none!important}}
@media (min-width:960px){.hidden-lg{display:none!important}}
/* 显示 */
@media (max-width:480px){.visible-xs{display:block!important}}
@media (min-width:480px) and (max-width:759px){.visible-sm{display:block!important}}
@media (min-width:760px) and (max-width:959px){.links,.link{display:block!important}}
@media (min-width:960px){.links,.link{display:block!important}}