.vod-list h5 {
    margin-top: 0.5rem;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.vod-list a p {
    font-size: 0.8rem;
    color: #999;
}
.mt50 {
    margin-top: 70px;
}
.mt90 {
    margin-top: 90px;
}
.foot {
	padding: 20px 0 20px;
}
.novel-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
    border-bottom: 1px dashed #7d6a6a;
	padding: 15px 0;
}
.novel-list a span {
    color: #999;
}
.header {
	width: 100%;
    padding: 0;
    background-color: #fff;
    /*position: fixed;*/
    /*top: 0;*/
    /*z-index: 9999;*/
}
.search {
	text-align: right;
	margin-left: auto;
    padding-top: 10px;
}
.search .box {
	display: flex;
	align-items: center;
}
.search input {
	margin: 0;
	color: #eee!important;
	border: 1px solid #494b4c!important;
	background-color: #494b4c!important;
}
.search button {
	color: #000;
	display: block;
	height: 40px;
	line-height: 40px;
	border: none!important;
	background-color: #ffd800!important;
	width: 110px;
	text-align: center;
	padding: 0;
}

.menu {
	margin: 0;
	list-style-type: none
}

.menu>li {
	display: table-cell;
	vertical-align: middle
}[data-whatinput=mouse] .menu>li {
	outline: 0
}

.menu>li>a {
    display: block;
    padding: 0.7rem 1rem;
    line-height: 1;
    font-size: 1.06rem;
    font-weight: 500;
}

.menu a,.menu button,.menu input,.menu select {
	margin-bottom: 0
}

.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span {
	vertical-align: middle
}

.menu>li>a i,.menu>li>a img,.menu>li>a svg {
	margin-right: .25rem;
	display: inline-block
}

.menu.horizontal>li,.menu>li {
	display: table-cell
}

.menu.expanded {
	display: table;
	width: 100%;
	table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
	width: 100%
}

.menu.vertical>li {
	display: block
}
.pc-show {
	display: block !important;
}
.h5-show {
	display: none !important;
}

@media print,screen and (min-width:40em) {
	.menu.medium-horizontal>li {
		display: table-cell
	}

	.menu.medium-expanded {
		display: table;
		width: 100%;
		table-layout: fixed
	}

	.menu.medium-expanded>li:first-child:last-child {
		width: 100%
	}

	.menu.medium-vertical>li {
		display: block
	}
}

@media print,screen and (min-width:64em) {
	.menu.large-horizontal>li {
		display: table-cell
	}

	.menu.large-expanded {
		display: table;
		width: 100%;
		table-layout: fixed
	}

	.menu.large-expanded>li:first-child:last-child {
		width: 100%
	}

	.menu.large-vertical>li {
		display: block
	}
}

.menu.simple li {
	display: inline-block;
	vertical-align: top;
	line-height: 1
}

.menu.simple a {
	padding: 0
}

.menu.simple li {
	margin-left: 0;
	margin-right: 1rem
}

.menu.simple.align-right li {
	margin-right: 0;
	margin-left: 1rem
}

.menu.align-right:after,.menu.align-right:before {
	display: table;
	content: " "
}

.menu.align-right:after {
	clear: both
}

.menu.align-right>li {
	float: right
}

.menu.icon-top>li>a {
	text-align: center
}

.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg {
	display: block;
	margin: 0 auto .25rem
}

.menu.icon-top.vertical a>span {
	margin: auto
}

.menu.nested {
	margin-left: 1rem
}

.menu .active>a {
	background: #1779ba;
	color: #fefefe
}

.menu.menu-bordered li {
	border: 1px solid #e6e6e6
}

.menu.menu-bordered li:not(:first-child) {
	border-top: 0
}

.menu.menu-hover li:hover {
	background-color: #e6e6e6
}

.menu-text {
	padding-top: 0;
	padding-bottom: 0;
	padding: .7rem 1rem;
	font-weight: 700;
	line-height: 1;
	color: inherit
}

.menu-centered {
	text-align: center
}

.menu-centered>.menu {
	display: inline-block;
	vertical-align: top
}

.no-js [data-responsive-menu] ul {
	display: none
}

.menu-icon {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 16px;
	cursor: pointer
}

.menu-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #fefefe;
	box-shadow: 0 7px 0 #fefefe,0 14px 0 #fefefe;
	content: ""
}

.menu-icon:hover:after {
	background: #cacaca;
	box-shadow: 0 7px 0 #cacaca,0 14px 0 #cacaca
}

.menu-icon.dark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 16px;
	cursor: pointer
}

.menu-icon.dark:after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background: #0a0a0a;
	box-shadow: 0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;
	content: ""
}

.menu-icon.dark:hover:after {
	background: #8a8a8a;
	box-shadow: 0 7px 0 #8a8a8a,0 14px 0 #8a8a8a
}

.is-drilldown {
	position: relative;
	overflow: hidden
}

.is-drilldown li {
	display: block
}

.is-drilldown.animate-height {
	-webkit-transition: height .5s;
	transition: height .5s
}

.is-drilldown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
	width: 100%;
	background: #fefefe;
	-webkit-transition: -webkit-transform .15s linear;
	transition: -webkit-transform .15s linear;
	transition: transform .15s linear;
	transition: transform .15s linear,-webkit-transform .15s linear
}

.is-drilldown-submenu.is-active {
	z-index: 1;
	display: block;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.drilldown-submenu-cover-previous {
	min-height: 100%
}

.is-drilldown-submenu-parent>a {
	position: relative
}

.is-drilldown-submenu-parent>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #1779ba;
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 1rem
}

.js-drilldown-back>a:before {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-right-style: solid;
	border-color: transparent #1779ba transparent transparent;
	display: inline-block;
	vertical-align: middle;
	margin-right: .75rem;
	border-left-width: 0
}


.dropdown-pane {
	position: absolute;
	z-index: 10;
	display: block;
	width: 300px;
	padding: 1rem;
	visibility: hidden;
	border: 1px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-size: 1rem
}

.dropdown-pane.is-open {
	visibility: visible
}

.dropdown-pane.tiny {
	width: 100px
}

.dropdown-pane.small {
	width: 200px
}

.dropdown-pane.large {
	width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    color: rgb(216, 216, 216);
    background-color: rgb(28, 30, 32);
	border: none;
	top: 100%;
	right: 0;
	left: auto;
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    color: rgb(216, 216, 216);
    /* background-color: rgb(28, 30, 32); */
	border: none;
	top: 100%;
	right: auto;
	left: 0;
	border: none;
	background: transparent;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(20,24,37,.7);
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
	position: relative;
	padding-right: 1.5rem
}

.dropdown.menu>li.is-dropdown-submenu-parent>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-bottom-width: 0;
	border-top-style: solid;
	border-color: #66675b transparent transparent;
	right: 5px;
	margin-top: -3px
}[data-whatinput=mouse] .dropdown.menu a {
	outline: 0
}

.no-js .dropdown.menu ul {
	display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
	top: 0
}

.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {
	right: 100%;
	left: auto
}

.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

.dropdown.menu.vertical>li>a:after {
	right: 14px
}

.dropdown.menu.vertical>li.opens-left>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #1779ba transparent transparent
}

.dropdown.menu.vertical>li.opens-right>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #1779ba
}
.toTop {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: #f90;
    border-radius: 4px;
    color: #000;
    cursor: pointer;
    text-align: center;
    position: fixed;
    right: 8px;
    bottom: 200px;
    display: none;
}

/*pt-layer 开始*/
.pt-layer {
    position: absolute;
    top: 10%;
    left: 15%;
    width: 70%;
    height: auto;
    max-height: 63%;
    z-index: 66;
}
.pt-img {
}
.pt-img img {
    width: 100%;
    height: 100%;
}
.pt-layer .time-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    cursor: pointer;
}
.pt-layer .time-layer .skip-time {
    font-size: 12px;
    margin: 0;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: hsla(0,0%,100%,.9);
    background: rgb(0, 0, 0, 0.7)!important;
}
.pt-img a {
    width: 100%;
    height: 100%;
    display: block;
}
.text-danger {
    color: #ffeb00!important;
    font-weight: bold;
    margin: 0 3px;
    font-size: 16px;
}
.dplayer-mobile-play {
    z-index: 999;
    border: 2px solid #a0ff00 !important;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    background: rgb(0, 0, 0, 0.7)!important;
}
.dplayer-mobile-play:hover {
    border-color: #f90;
    color: #f90;
}

@media print,screen and (min-width:40em) {
	.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
		top: 100%;
		right: 0;
		left: auto
	}

	.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
		top: 100%;
		right: auto;
		left: 0
	}

	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
		position: relative;
		padding-right: 1.5rem
	}

	.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-bottom-width: 0;
		border-top-style: solid;
		border-color: #1779ba transparent transparent;
		right: 5px;
		margin-top: -3px
	}

	.dropdown.menu.medium-vertical>li .is-dropdown-submenu {
		top: 0
	}

	.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {
		right: 100%;
		left: auto
	}

	.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}

	.dropdown.menu.medium-vertical>li>a:after {
		right: 14px
	}

	.dropdown.menu.medium-vertical>li.opens-left>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-left-width: 0;
		border-right-style: solid;
		border-color: transparent #1779ba transparent transparent
	}

	.dropdown.menu.medium-vertical>li.opens-right>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-right-width: 0;
		border-left-style: solid;
		border-color: transparent transparent transparent #1779ba
	}
}

@media print,screen and (min-width:64em) {
	.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
		top: 100%;
		right: 0;
		left: auto
	}

	.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
		top: 100%;
		right: auto;
		left: 0
	}

	.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
		position: relative;
		padding-right: 1.5rem
	}

	.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-bottom-width: 0;
		border-top-style: solid;
		border-color: #1779ba transparent transparent;
		right: 5px;
		margin-top: -3px
	}

	.dropdown.menu.large-vertical>li .is-dropdown-submenu {
		top: 0
	}

	.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {
		right: 100%;
		left: auto
	}

	.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {
		right: auto;
		left: 100%
	}

	.dropdown.menu.large-vertical>li>a:after {
		right: 14px
	}

	.dropdown.menu.large-vertical>li.opens-left>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-left-width: 0;
		border-right-style: solid;
		border-color: transparent #1779ba transparent transparent
	}

	.dropdown.menu.large-vertical>li.opens-right>a:after {
		display: block;
		width: 0;
		height: 0;
		border: 6px inset;
		content: "";
		border-right-width: 0;
		border-left-style: solid;
		border-color: transparent transparent transparent #1779ba
	}
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
	top: 100%;
	right: 0;
	left: auto
}

.is-dropdown-menu.vertical {
	width: 100px
}

.is-dropdown-menu.vertical.align-right {
	float: right
}

.is-dropdown-submenu-parent {
	position: relative
}

.is-dropdown-submenu-parent a:after {
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -6px
}

.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {
	top: 100%;
	left: auto
}

.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {
	right: 100%;
	left: auto
}

.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {
	right: auto;
	left: 100%
}

.is-dropdown-submenu {
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 1;
	display: none;
	/* min-width: 200px; */
	border: 1px solid #cacaca;
	background: #fefefe
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a:after {
	right: 14px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-left-width: 0;
	border-right-style: solid;
	border-color: transparent #1779ba transparent transparent
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after {
	display: block;
	width: 0;
	height: 0;
	border: 6px inset;
	content: "";
	border-right-width: 0;
	border-left-style: solid;
	border-color: transparent transparent transparent #1779ba
}

.is-dropdown-submenu .is-dropdown-submenu {
	margin-top: -1px
}

.is-dropdown-submenu>li {
	width: 100%
}

.is-dropdown-submenu.js-dropdown-active {
	display: block
}
.pagination {
	margin: 25px 0;
	display: flex;
	align-content: center;
	justify-content: center;
}
.pagination li {
    border-radius: 5px;
    border: 2px solid #514e4c;
	margin: 0 5px;
	overflow: hidden;
}
.pagination li .active {
	border: 2px solid #ffd800;
	color: #000;
	background-color: #ffd800;
}
.pagination .hidepage {
    display: none;
}
.pagination li  a {
    font-size: 16px;
	display: block;
    height: 45px;
    line-height: 45px;
    color: #ccc;
    min-width: 45px;
	text-align: center;
}
.pagination-previous,
.pagination-next {
	width: 70px;
    height: 45px;
	text-align: center;
    line-height: 45px;
}
.hf-gg a {
	display: block;
	margin-bottom: 5px;
}

.hf-gg a img {
	width: 100%;
    height: 100px;
}
.hf-gg .row-2 img {
    height: 200px;
}

.columns.dropdown {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.photo-detail img {
	max-width: 800px;
	display: block;
	min-height: 300px;
	margin: 10px auto;
}
.dplayer {
    margin: 20px 0;
}
.video-title {
	font-size: 22px;
	line-height: 30px;
	color: #ffd800;
	max-width: 830px
}
.video-date {
	margin: 15px 0 15px;
    font-size: 14px;
}
.pagination-jump {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-jump input {
	width: 150px;
    margin: 0 10px;
	text-align: center;
	border-radius: 4px;
    color: #eee!important;
    border: 1px solid #494b4c!important;
    background-color: #494b4c!important;
}
.dipiao img,
.zuopiao img{
    width: 100%;
}
.dipiao {
    position: fixed;
    bottom: 44px;
    z-index: 1999;
    max-height: 100px;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: 375px;
}
.zuopiao {
    position: relative;
    z-index: 9999999;
}
.zuopiao a {
    display: block;
    position: absolute;
    color: #050505 !important;
    z-index: 55;
}
.zuopiao .box {
    top: 50%;
    z-index: 9999999;
    cursor: pointer;
}

.zuopiao .left {
    top: 20%;
    right: 13px;
}
.zuopiao .right {
    top: 35%;
    right: 13px;
}
.zuopiao:nth-child(3) .right {
    top: 50%;
    right: 13px;
}
.zuopiao:nth-child(4) .right {
    top: 65%;
    right: 13px;
}
.zuopiao span,
.zuopiao button {
    display: block;
    text-align: center;
    background: url(../images/icons/icon-close.jpeg) no-repeat;
    background-size: contain;
    border-radius: 50%;
    position: absolute;
    top: -12px;
    right: -5px;
    left: auto;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 999996;
    font-size: 0;
}
.dipiao .box {
    position: relative;;
}
.dipiao span,
.dipiao button {
    display: block;
    position: absolute;
    top: -26px;
    right: 0;
    color: #050505;
    text-shadow: 0 0 0 black;
    background: #ccc;
    z-index: 9999999;
    font-size: 12px;
}
    
.ad-menu {
    color: #f90;
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
@keyframes blink{
    0%{color: #ffd800;border-color: #ffd800;}
    50% { color: #a268ed; border-color: #a268ed;}
    100% { color: #ffd800;border-color: #ffd800; }
  }
  /* 添加兼容性前缀 */
  @-webkit-keyframes blink {
    0%{color: #ffd800;border-color: #ffd800;}
    50% { color: #a268ed; border-color: #a268ed; }
    100% { color: #ffd800;border-color: #ffd800; }
  }
  @-moz-keyframes blink {
    0%{color: #ffd800;border-color: #ffd800;}
    50% { color: #a268ed; border-color: #a268ed; }
    100% { color: #ffd800;border-color: #ffd800; }
  }
  @-ms-keyframes blink {
    0%{color: #ffd800;border-color: #ffd800;}
    50% { color: #a268ed; border-color: #a268ed; }
    100% { color: #ffd800;border-color: #ffd800; }
  }
  @-o-keyframes blink {
    0%{color: #ffd800;border-color: #ffd800;}
    50% { color: #a268ed; border-color: #a268ed; }
    100% { color: #ffd800;border-color: #ffd800; }
  }

.dropdown h1 {
    position: relative;
	width: 150px;
}
h1 img {
	width: 100%;
    margin-top: 11px;
}
.dropdown h1 a,
.dropdown h1 span {
    color: #0023f5 !important;
}
.dropdown h1 span {
    bottom: 8px;
    right: 68px;
    font-size: 13px;
    letter-spacing: 0;
    display: block;
    position: absolute;
    color: #000;
    font-weight: 700;
    font-style: italic;
}
.vod-list .img-box {
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    position: relative;
    background-color: #000;
}
.vod-list .img-box {
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    position: relative;
    background-color: #000;
}
.photo-list .img-box {
    padding-bottom: 144.25%;
}
.vod-list .img-box-lb,
.photo-list .img-box-lb {
    padding-bottom: 56.25% !important;
}


.vod-list .img-box a {
    display: block;
    width: 100%;
    height: 100%;
}
.vod-list .img-box img {    
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.dplayer-video {
    max-height: 700px;
}

.fullscreen .dplayer-video {
    max-height: 100% !important;
}
.hf-gg {
    margin-bottom: 20px;
}
.hf-gg-bot {
    margin-top: 20px;
}
.dialog-box {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
    z-index: 9999999;
	background-color: rgba(0, 0, 0, 0.5);
}

.dialog-box .boxs {
	color: #333;
    width: 300px;
    height: 260px;
    background: #fff;
	box-shadow: 1px 7px 18px 0px rgba(84, 115, 128, 0.11);
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -130px;
    margin-left: -150px;
    text-align: center;
}

.dialog-box h5 {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 2px solid #f90;
    font-weight: 700;
    background-color: #f90;
    border-radius: 20px 20px 0 0;
}

.dialog-box h6 {
	margin-top: 20px;
	color: red;
}

.dialog-box p {
	height: 60px;
	line-height: 60px;
	font-size: 44px;
	font-weight: bold;
}

.dialog-box button {
    width: 150px;
}


.dialog-box p span {
	color: blue;
}
.swiper-top,
.swiper-top img {
    height: 100px;
    width: 100%;
}
#bottomNavad {
    background-color: #fff0;
    z-index: 999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    _position: absolute;
    _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
    overflow: visible;
}
#bottomNavad img {
    height: 100px;
}

/* main.css */
@charset "UTF-8";*,body {
    margin: 0;
    padding: 0
}

*,img {
    border: 0
}

*,body,ul {
    padding: 0
}

 .web_tuijian .web_list li a p,.logo_a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

 .web_tuijian .web_list li a,.header-dv .topBarTextCctv a,a {
    text-decoration: none
}

.overflow-one,.overflow-two {
    text-overflow: ellipsis;
    overflow: hidden
}

* {
    font-size: 12px
}

.yc {
    display: none!important
}

img {
    display: table-cell;
    vertical-align: middle
}

.flex,.flex2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

li,ol,ul {
    list-style: none;
    font-family: "MicroSoft YaHei"
}

.overflow-one {
    white-space: nowrap
}

.overflow-two {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

 .web_tuijian .web_list,.flex-more,.flex2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal
}

.flex {
    display: flex
}

.flex2 {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-one,.flex-one2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.flex-one {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-one2 {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-more,.header-dv .topBarTextCctv a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.flex-more {
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-center-tc-num {
    position: absolute;
    left: -9999999999px
}

.index-center-tc-zdc {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999998;
    background-color: rgba(0,0,0,.5)
}

.index-center-tc {
    width: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999999
}

.index-center-tc .index-center-tc-close {
    position: absolute;
    top: 5px;
    right: -25px;
    z-index: 999;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border-radius: 50%;
    color: #FFF;
    font-size: 20px
}

.index-center-tc a {
    display: block;
    width: 100%;
    height: 100%
}

.index-center-tc a .index-center-tc-bjimg {
    width: 100%
}

.index-center-tc .index-tc-close-btn,.index-center-tc .index-tc-down-btn {
    -webkit-transform: translate(-50%,0);
    margin: 10px auto;
    width: 125px;
    height: 40px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    display: block;
    position: absolute;
    left: 50%;
    cursor: pointer
}

.index-center-tc .index-tc-down-btn {
    top: 195px;
    transform: translate(-50%,0);
    font-size: 12px
}

.index-center-tc .index-tc-close-btn {
    bottom: 40px;
    transform: translate(-50%,0)
}

.cctv-header-bottom-dv .btn-close i,.cctv-header-top-dv .btn-close i {
    color: #767483ed;
    font-size: 20px
}

.banner-cctv-style {
    width: 100%
}

.banner-cctv-style a {
    display: block;
    width: 100%;
    height: 35px
}

.banner-cctv-style a img {
    width: 100%;
    height: 100%
}

.cctv-header-top-dv {
    width: 100%
}

.cctv-header-top-dv a {
    display: block;
    height: 45px
}

.cctv-header-top-dv a img {
    width: 100%;
    height: 100%;
    max-height: 80px
}

.cctv-header-top-dv .btn-close {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 9999
}

.cctv-header-bottom-dv {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 999;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.cctv-header-bottom-dv a {
    height: 60px
}

.cctv-header-bottom-dv .btn-close {
    position: absolute;
    right: 0;
    top: -5px;
    z-index: 999999999
}

@media screen and (min-width: 768px) {
    .banner-cctv-style a {
        height:120px
    }

    .banner-cctv-bottom {
        display: none
    }
}

.logo_a {
    padding-top: 5px;
    box-sizing: border-box
}

a {
    display: block
}

body {
    background-color: #fff
}

.data_none {
    border: none!important;
    width: 100%!important;
    text-align: center!important;
    color: #ccc!important
}

.more_activ {
    text-indent: 12px
}

.height_auto {
    max-height: 999999px!important
}

.padding_auto {
    width: 1300px!important;
    margin: 0 auto
}

.loding-body {
    background-color: rgba(0,0,0,.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.loding-body .loading-css {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 3px solid #f3f3f3;
    border-top: 3px solid red;
    border-radius: 50%;
    -webkit-animation: loading-360 .8s infinite linear;
    animation: loading-360 .8s infinite linear;
    position: fixed;
    top: 50%;
    left: 45%;
    z-index: 999999;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@-webkit-keyframes loading-360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-360 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.header-dv {
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: #0d0d0d;
    width: 100%
}

.header-dv .centent {
    height: 100%;
    position: relative
}

.header-dv .centent .logo-dv img {
    margin-top: 5px
}

.header-dv .centent .b_container {
    margin-top: 10px
}

.header-dv .topBarTextCctv {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#dedb6d),to(#b28c30));
    background: linear-gradient(to bottom,#dedb6d 0,#b28c30 100%)
}

.header-dv .topBarTextCctv a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 0;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32%;
    height: 40px;
    line-height: 17px;
    padding: 4px 0 0!important;
    cursor: pointer
}

 .guangao_ul, .guangao_ul li, .web_tuijian, .tuijian_nav img {
    width: 100%
}

.header-dv .topBarTextCctv a:nth-child(2),.header-dv .topBarTextCctv a:nth-child(3) {
    border-left: 1px solid #fff5a1;
    border-right: 1px solid #fff5a1;
    padding: 3px 2% 0!important
}

 .guangao_ul li {
    height: 100px
}

 .guangao_ul li img {
    width: 100%;
    height: 100%
}
.links-top,
 .web_tuijian {
	 max-width: 1200px;
	 margin: 0 auto;
 }
 .web_tuijian h2 {
	 margin: 15px 0 10px 10px;
 }
 .tuijian_nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    line-height: 50px;
    margin: 20px 0
}

 .tuijian_nav p {
    display: none
}

 .tuijian_nav .pc_img_tuijian_nav, .tuijian_nav .pc_img_tuijian_nav .pc_img_tuijian_nav {
    width: 130px;
    height: 30px
}
 .web_tuijian .web_list {    
	 max-width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
	justify-content: space-between;
    display: block!important;
	margin: 0 auto;
}
 .web_tuijian_row2 .web_list {
	max-width: 100%;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}

 .web_tuijian .web_list li {
    /* margin: 0 0 10px; */
    /* width: 400px; */
    width: 100%;
    /* padding-bottom: 20px; */
    border-radius: 5px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.3);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.3)
}
 .web_tuijian_row2 .web_list li {
    margin: 0 0 10px;
    width: 400px;
    padding-bottom: 20px;
}

 .web_tuijian_top .web_list li {
    /* margin: 0 0 10px; */
    padding-bottom: 0;
}
 .web_tuijian_top .web_list li {
    /* margin: 0 0 10px; */
    padding-bottom: 0;
}

 .web_tuijian .web_list li a .tu {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    position: relative
}
 .web_tuijian_row2 .web_list li a .tu {
    width: 100%;
    height: 220px;
    border-radius: 5px;
    position: relative
}

 .web_tuijian .web_list li a .tu .bksz-img, .web_tuijian .web_list li a .tu .vide0_bj {
    border-radius: 5px;
    width: 100%;
    height: 100%
}

 .web_tuijian .web_list li a .tu div {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

 .web_tuijian .web_list li a .tu div img {
    width: 100%
}

 .web_tuijian .web_list li a p {
    padding: 0 5px;
    margin-top: 10px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #7e7e7e
}

 .web_tuijian .web_list li a p span {
    color: #E4A20D;
    font-size: 16px
}

 .hot_web, .jinpin_ziyuan, .mingzhan_tuijian {
    margin-top: 6px;
    border-top: 5px solid #0d0d0d;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

 .hot_web .mingzhan_nav, .jinpin_ziyuan .mingzhan_nav, .mingzhan_tuijian .mingzhan_nav {
    margin-top: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

 .hot_web .mingzhan_nav div, .jinpin_ziyuan .mingzhan_nav div, .mingzhan_tuijian .mingzhan_nav div {
    width: 4px;
    height: 30px;
    background-color: #ecb96a
}

 .hot_web .mingzhan_nav p, .jinpin_ziyuan .mingzhan_nav p, .mingzhan_tuijian .mingzhan_nav p {
    line-height: 30px;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #e4e4e4
}

 .hot_web .mingzhan_ul, .jinpin_ziyuan .mingzhan_ul, .mingzhan_tuijian .mingzhan_ul {
    overflow: hidden;
    max-height: 228px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

 .hot_web .mingzhan_ul li:nth-child(18), .hot_web .mingzhan_ul li:nth-child(27), .hot_web .mingzhan_ul li:nth-child(36), .hot_web .mingzhan_ul li:nth-child(45), .hot_web .mingzhan_ul li:nth-child(54), .hot_web .mingzhan_ul li:nth-child(63), .hot_web .mingzhan_ul li:nth-child(72), .hot_web .mingzhan_ul li:nth-child(9), .jinpin_ziyuan .mingzhan_ul li:nth-child(18), .jinpin_ziyuan .mingzhan_ul li:nth-child(27), .jinpin_ziyuan .mingzhan_ul li:nth-child(36), .jinpin_ziyuan .mingzhan_ul li:nth-child(45), .jinpin_ziyuan .mingzhan_ul li:nth-child(54), .jinpin_ziyuan .mingzhan_ul li:nth-child(63), .jinpin_ziyuan .mingzhan_ul li:nth-child(72), .jinpin_ziyuan .mingzhan_ul li:nth-child(9), .mingzhan_tuijian .mingzhan_ul li:nth-child(18), .mingzhan_tuijian .mingzhan_ul li:nth-child(27), .mingzhan_tuijian .mingzhan_ul li:nth-child(36), .mingzhan_tuijian .mingzhan_ul li:nth-child(45), .mingzhan_tuijian .mingzhan_ul li:nth-child(54), .mingzhan_tuijian .mingzhan_ul li:nth-child(63), .mingzhan_tuijian .mingzhan_ul li:nth-child(72), .mingzhan_tuijian .mingzhan_ul li:nth-child(9) {
    margin-right: 0
}

 .hot_web .mingzhan_ul li, .jinpin_ziyuan .mingzhan_ul li, .mingzhan_tuijian .mingzhan_ul li {
    margin: .85% .85% 0 0;
    padding: 5px;
    border: 1px solid #272626;
    text-align: center;
    width: 140px;
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 2px;
    position: relative
}

 .hot_web .mingzhan_ul li .new_video, .jinpin_ziyuan .mingzhan_ul li .new_video, .mingzhan_tuijian .mingzhan_ul li .new_video {
    width: 20px;
    position: absolute;
    top: 0;
    left: 0
}

 .hot_web .mingzhan_ul li .new_video img, .jinpin_ziyuan .mingzhan_ul li .new_video img, .mingzhan_tuijian .mingzhan_ul li .new_video img {
    width: 100%
}

 .hot_web .mingzhan_ul li a, .jinpin_ziyuan .mingzhan_ul li a, .mingzhan_tuijian .mingzhan_ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #e4e4e4
}

 .hot_web .mingzhan_more, .jinpin_ziyuan .mingzhan_more, .mingzhan_tuijian .mingzhan_more {
    width: 100%;
    height: 2px;
    margin: 20px 0;
    background-color: #e9e9e9
}

 .hot_web .mingzhan_more div, .jinpin_ziyuan .mingzhan_more div, .mingzhan_tuijian .mingzhan_more div {
    width: 100px;
    margin: 0 auto;
    position: relative
}

 .hot_web .mingzhan_more div span, .jinpin_ziyuan .mingzhan_more div span, .mingzhan_tuijian .mingzhan_more div span {
    position: absolute;
    top: -14px;
    left: 5px;
    margin: 0 auto;
    display: block;
    width: 50px;
    height: 50px
}

 .hot_web, .jinpin_ziyuan {
    margin-top: 65px
}

.bottom, .hot_web .mingzhan_more div span img, .jinpin_ziyuan .mingzhan_more div span img, .mingzhan_tuijian .mingzhan_more div span img {
    width: 100%
}

 .hot_web .mingzhan_more div p, .jinpin_ziyuan .mingzhan_more div p, .mingzhan_tuijian .mingzhan_more div p {
    padding-top: 20px;
    color: #acacac;
    letter-spacing: 2px;
    font-weight: 700
}

 .mingzhan_tuijian .mingzhan_ul li a {
    color: #e4e4e4
}

 .jinpin_ziyuan .mingzhan_ul li {
    border-radius: 20px
}

 .jinpin_ziyuan .mingzhan_ul li a {
    color: #737373
}

 .hot_web .mingzhan_ul li {
    border: none!important
}

 .hot_web .mingzhan_ul li a {
    color: #5f709e;
    border-bottom: 3px solid #7c8099
}

 #gwmz-list li .new_video {
    display: none
}

.b_container,.b_container .youqing_lianjie {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox
}

.bottom {
    height: 150px;
    margin-top: 70px;
    background-color: #333;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bottom .b_container {
    margin: 0 auto
}

.b_container {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    max-width: 1200px;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.b_container .youqing_lianjie {
    display: flex;
    margin: 0 20px 10px 0
}

.b_container .youqing_lianjie a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.b_container .youqing_lianjie .tu {
    width: 50px;
    margin-right: 10px
}

.b_container .youqing_lianjie .tu img {
    width: 100%
}

.b_container .youqing_lianjie .text span {
    color: #fff
}

.b_container .youqing_lianjie .text p {
    color: #ecb96a
}
.links-top {
    overflow: hidden;
    margin: auto;
    margin-bottom: 5px;
    /* border-radius: 5px; */
    padding-bottom: 5px;
    margin-top: 5px;
}
.links-top ul.icon-list {
	list-style: none;
}

.links-top ul.icon-list li {
	list-style: none;
}

.links-top {
	overflow: hidden;
	margin: auto;
	margin-bottom: 5px;
	/*border-radius:5px;*/
	padding-bottom: 5px;
	/* background: #fff; */
	margin-top: 5px;
}

.links-top ul li {
	float: left;
	padding: 5px 0;
	width: 10%;
	text-align: center
}

.links-top ul li img {
	margin: 0 auto;
	padding: 4px;
	width: 70px;
	height: 70px;
	border-radius: 5px
}

.links-top ul li a div {
	font-weight: bold;
	color: #f35626;
	background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
}

.links-top ul li a button {
	width: 0.75rem;
	height: 0.3rem;
	line-height: .3rem;
	margin: 0.2rem auto 0 auto;
	border: 1px solid #fff;
	border-radius: 0.8rem;
	color: white;
	background-color: #ff4ba1;
	font-size: 12px;
	margin-top: 5px;
	box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
	background-image: linear-gradient(125deg, #ff4ba1, orange, #8476ee, #00ff00);
	background-size: 400%;
	animation: bganimation 20s infinite;
}

@media screen and (min-width:750px) {
	ul.icon-list li {
		width: 12.5%
	}
}

@media screen and(max-width:768px) {
	.links-element ul li {
		width: 33.3333%
	}

	.links-top ul.icon-list li {
		width: 20%
	}
}

@media screen and (max-width:544px) {
	.links {
		padding: 0 5px
	}

	.links-element ul li {
		width: 49%
	}

	.links-top ul.icon-list li {
		width: 25%
	}
	.top-txt {
        margin: 120px 0 5px;
    }
}


.links-top ul.icon-list {
    list-style: none;
}
.links-top ul li {
    float: left;
    padding: 5px 0;
    width: 10%;
    text-align: center;
}
.links-top ul li img {
    margin: 0 auto;
    padding: 4px;
    width: 70px;
    height: 70px;
    border-radius: 5px;
}
.links-top ul li a div {
    font-weight: bold;
    color: #f35626;
    background-image: -webkit-linear-gradient(92deg, #f35626, #feab3a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: hue 10s infinite linear;
}
.links-top ul li a button {
    width: 4rem;
    height: 1.6rem;
    line-height: 1.3rem;
    margin: 0.2rem auto 0 auto;
    border: 1px solid #fff;
    border-radius: 0.8rem;
    color: white;
    background-color: #ff4ba1;
    font-size: 12px;
    margin-top: 5px;
    box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
    background-image: linear-gradient(125deg, #ff4ba1, orange, #8476ee, #00ff00);
    background-size: 400%;
    animation: bganimation 20s infinite;
}

.webHeader_v3.headStyle1 {
	position: relative;
	height: 100px;
}
.webHeader_v3.headStyle1 .fixedBox {
	position: fixed;
	z-index: 80;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.mt90 {
	margin-top: 180px;
}
.p_footer_wrap {
	max-width: 1200px;
	margin: 0 auto;
}
.p_footer_nav {
	z-index: 9;
	position: fixed;
	bottom: 0;
	display: block;
	height: 120px;
	width: 100%;
	max-width: 768px;
	margin-left: 0;
	background: #fff;
	cursor: pointer;
	max-width: 1200px;
	margin: 0 auto;
}
.p_footer_item_wrap {
	width: 100%;
	height: 100%;
}
.p_footer_nav .nav_items_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}
.p_footer_nav .nav_seo_wrap {
	display: none;
}
.spin_close {
	width: 20px;
	height: 20px;
	position: relative;
	top: 15px;
	left: 60px;
	border-radius: 50%;
	cursor: pointer;
}

.float_right {
	/*position: fixed;*/
	/*top: 10%;*/
	/*right: 0px;*/
	/*z-index: 99999;*/
	/*width: 80px;*/
	position: fixed;
    top: 50%;
    right: 0px;
    z-index: 99999;
    width: 80px;
    transform: translate(0, -50%);
    margin-top: -10px;
}

.float li {
	list-style-type: none;
}

.float ul li a {
	display: block;
	width: 70px;
	height: 70px;
	margin-bottom: 4px;
	text-align: center;
	color: #fff;
	transition: 0.2s;
	-moz-transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
}

.float ul li a span {
	display: block;
	padding-top: 5px;
	text-align: center;
}

.float .ol_img1 {
	max-width: 100%;
	border-radius: 15px;
	border: solid 2px red
}

#floatbottom {
	background-color: #fff0;
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	_position: absolute;
	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
	overflow: visible;
}

#floatbottom img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
/* alert */
.hl-alert-box{position:absolute;z-index:99;display:none;border-radius:4px}
.hl-alert-box::after{position:absolute;top:-4px;left:50%;z-index:-1;display:none;margin-left:-4px;width:8px;height:8px;border-radius:0 0 2px 0;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);-ms-transform:rotate(45deg)}
.hl-pops-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999995;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0}
.hl-bg-site{background:rgb(104, 106, 242, 0.83);color:#fff}
.hl-pops-bg.hl-pops-bg-active{display:block;opacity:1}
.hl-poptips-wrap{position:fixed;top:50%;left:50%;z-index:999998;width:280px;border-radius:4px;transform:translate(-50%,-50%)}
.hl-poptips-title{margin-top:25px;padding:0 25px;text-align:center;line-height:26px}
.hl-poptips-title h2{font-weight:400;font-size:22px}
.hl-poptips-content{text-align: center;font-size:14px;font-family:-apple-system-font,BlinkMacSystemFont,helvetica neue,pingfang sc,hiragino sans gb,microsoft yahei ui,microsoft yahei,Arial,sans-serif;overflow-x:hidden;overflow-y:auto;margin:15px 0 5px 0;padding:0 15px;max-height:260px;line-height:22px;-webkit-overflow-scrolling:touch}
.hl-poptips-btn{margin-bottom:25px;padding:0 25px}
.hl-poptips-btn a{font-size:14px;text-decoration:none;display:inline-block;width:46%;border-radius:40px;text-align:center;line-height:40px}
.hl-poptips-btn a.no{margin-right:4%}
.hl-text-conch {color: #f6ff00;display: block;text-align: center; font-size: 25px;margin: 2px 0;font-weight: bold;}
.hl-bg-subs{background-color:#f8f8f8;color:#222}
.hl-bg-conch{color:#fff;text-decoration:none;background:#f50}
.hl-poptips-content .tips {
    font-size: 12px;
    text-align: center;
    display: block;
    color: #eaeaf0;
}



@media screen and (max-width: 544px) {
	.links-top ul.icon-list li {
		width: 25%;
	}
}




@media screen and (min-width: 768px) {
    .web_tuijian .web_list {
        display:block!important;
        /* grid-template-columns: repeat(3,1fr); */
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px
    }
	.web_tuijian_row2 .web_list {
        display:grid!important;
        grid-template-columns: repeat(3,1fr);
    }

    .padding_auto {
        width: 1200px
    }
     .web_tuijian_row2 .web_list li {
        margin: 20px 0
    }

     .hot_web .mingzhan_ul, .jinpin_ziyuan .mingzhan_ul, .mingzhan_tuijian .mingzhan_ul {
        max-height: 220px
    }

     .hot_web .mingzhan_ul li:nth-child(12), .hot_web .mingzhan_ul li:nth-child(18), .hot_web .mingzhan_ul li:nth-child(24), .hot_web .mingzhan_ul li:nth-child(30), .hot_web .mingzhan_ul li:nth-child(36), .hot_web .mingzhan_ul li:nth-child(42), .hot_web .mingzhan_ul li:nth-child(48), .hot_web .mingzhan_ul li:nth-child(54), .hot_web .mingzhan_ul li:nth-child(6), .hot_web .mingzhan_ul li:nth-child(60), .hot_web .mingzhan_ul li:nth-child(66), .hot_web .mingzhan_ul li:nth-child(72), .hot_web .mingzhan_ul li:nth-child(78), .hot_web .mingzhan_ul li:nth-child(84), .hot_web .mingzhan_ul li:nth-child(90), .hot_web .mingzhan_ul li:nth-child(96), .jinpin_ziyuan .mingzhan_ul li:nth-child(12), .jinpin_ziyuan .mingzhan_ul li:nth-child(18), .jinpin_ziyuan .mingzhan_ul li:nth-child(24), .jinpin_ziyuan .mingzhan_ul li:nth-child(30), .jinpin_ziyuan .mingzhan_ul li:nth-child(36), .jinpin_ziyuan .mingzhan_ul li:nth-child(42), .jinpin_ziyuan .mingzhan_ul li:nth-child(48), .jinpin_ziyuan .mingzhan_ul li:nth-child(54), .jinpin_ziyuan .mingzhan_ul li:nth-child(6), .jinpin_ziyuan .mingzhan_ul li:nth-child(60), .jinpin_ziyuan .mingzhan_ul li:nth-child(66), .jinpin_ziyuan .mingzhan_ul li:nth-child(72), .jinpin_ziyuan .mingzhan_ul li:nth-child(78), .jinpin_ziyuan .mingzhan_ul li:nth-child(84), .jinpin_ziyuan .mingzhan_ul li:nth-child(90), .jinpin_ziyuan .mingzhan_ul li:nth-child(96), .mingzhan_tuijian .mingzhan_ul li:nth-child(12), .mingzhan_tuijian .mingzhan_ul li:nth-child(18), .mingzhan_tuijian .mingzhan_ul li:nth-child(24), .mingzhan_tuijian .mingzhan_ul li:nth-child(30), .mingzhan_tuijian .mingzhan_ul li:nth-child(36), .mingzhan_tuijian .mingzhan_ul li:nth-child(42), .mingzhan_tuijian .mingzhan_ul li:nth-child(48), .mingzhan_tuijian .mingzhan_ul li:nth-child(54), .mingzhan_tuijian .mingzhan_ul li:nth-child(6), .mingzhan_tuijian .mingzhan_ul li:nth-child(60), .mingzhan_tuijian .mingzhan_ul li:nth-child(66), .mingzhan_tuijian .mingzhan_ul li:nth-child(72), .mingzhan_tuijian .mingzhan_ul li:nth-child(78), .mingzhan_tuijian .mingzhan_ul li:nth-child(84), .mingzhan_tuijian .mingzhan_ul li:nth-child(90), .mingzhan_tuijian .mingzhan_ul li:nth-child(96) {
        margin-right: 0
    }

     .hot_web .mingzhan_ul li:nth-child(27), .hot_web .mingzhan_ul li:nth-child(45), .hot_web .mingzhan_ul li:nth-child(63), .hot_web .mingzhan_ul li:nth-child(9), .jinpin_ziyuan .mingzhan_ul li:nth-child(27), .jinpin_ziyuan .mingzhan_ul li:nth-child(45), .jinpin_ziyuan .mingzhan_ul li:nth-child(63), .jinpin_ziyuan .mingzhan_ul li:nth-child(9), .mingzhan_tuijian .mingzhan_ul li:nth-child(27), .mingzhan_tuijian .mingzhan_ul li:nth-child(45), .mingzhan_tuijian .mingzhan_ul li:nth-child(63), .mingzhan_tuijian .mingzhan_ul li:nth-child(9) {
        margin-right: 1.1%
    }

     .hot_web .mingzhan_ul li, .jinpin_ziyuan .mingzhan_ul li, .mingzhan_tuijian .mingzhan_ul li {
        margin: 1.1% 1.1% 0 0
    }
}

@media screen and (max-width: 768px) {
    .bottom {
        height:auto;
        padding-bottom: 80px
    }

    .bottom .b_container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .bottom .b_container .youqing_lianjie {
        width: 49%;
        margin: 0 0 10px
    }

    .bottom .b_container .youqing_lianjie a {
        width: 100%;
        display: block
    }

    .bottom .b_container .youqing_lianjie .tu {
        width: 40px;
        margin: 10px auto
    }

    .bottom .b_container .youqing_lianjie .text span {
        display: block;
        text-align: center
    }

    .bottom .b_container .youqing_lianjie .text p {
        text-align: center
    }

    .padding_auto {
        width: auto!important
    }

    .header-dv .b_container {
        display: none
    }

    .web_tuijian {
        width: 100%
    }

    .web_tuijian .web_list {
		margin-top: 20px;
        padding: 0 10px!important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .web_tuijian .web_list li {
        /* width: 49%!important; */
        width: 100%!important;
        /* padding-bottom: 10px!important */
    }
    .web_tuijian_row2 .web_list li {
        width: 49%!important;
        padding-bottom: 10px!important
    }

    .web_tuijian_top .web_list li {
        padding-bottom: 0!important
    }

    .web_tuijian .web_list li a .tu {
        height: 30px;
    }
    .web_tuijian_row2 .web_list li a .tu {
        height: 100px;
    }

    .web_tuijian .web_list li a p,.web_tuijian .web_list li a p span {
        font-size: 12px!important
    }
}
/* main.css end */


@media screen and (min-width: 747px) {
	#bottomNavad img {
		width: 750px;
	}
}
@media screen and (max-width: 768px) {
    .swiper-top,
    .swiper-top img {
        height: 90px;
        width: 100%;
    }
    .pt-layer {
        top: 5%;
    }
    .dplayer-mobile-play {
        padding: 5px;
    }
    .dplayer-video {
        max-height: 240px;
    }
    .dplayer.dplayer-fulled {
        margin: 0!important;
    }
    .dplayer.dplayer-fulled .dplayer-video,
    .fullscreen .dplayer-video {
        max-height: 100% !important;
    }
    .mt50 {
	    margin-top: 55px;
	}
	.mt90 {
	    margin-top: 150px;
	}
    .dipiao {
        max-width: 100%;
    }
	.vod-list {
	    padding: 0 0.3rem;
	}
	.column, .columns {
	    padding-left: 0.3rem;
	    padding-right: 0.3rem;
	}
	.columns.dropdown {
	    height: 50px;
        padding: 5px;
	}
	.pc-show {
		display: none !important;
	}
	.h5-show {
		display: block !important;
	}
    .dropdown h1 {
		width: 120px;
	}
    .dropdown h1 span {
        bottom: 0px;
        right: 53px;
        font-weight: 500;
        font-size: 12px;
    }
	.hf-gg a img {
        height: 60px;
    }
    .hf-gg .row-2 img {
        height: 120px;
    }
	ul.dropdown.menu {
	 /*   width: 100%;*/
	 /*   height: 44px;*/
	 /*   position: fixed;*/
	 /*   bottom: 0;*/
	 /*   left: 0;*/
	 /*   z-index: 1999;*/
	 /*   background-color: #000;*/
		/*display: flex;*/
		/*justify-content: space-around;*/
		/*transform: translateZ(0);*/
  /*      -webkit-transform: translateZ(0);*/
	}
	.menu>li>a {
        font-size: 1rem;
	}
	.dropdown.menu>li.opens-left>.is-dropdown-submenu,
	.dropdown.menu>li.opens-right>.is-dropdown-submenu {
	    top: auto;
	    bottom: 44px;
	}
	.search {
        display: inline-block;
        float: left;
        width: 100%;
        padding: 0 5px;
	}
	.photo-detail img {
        max-width: 100%;
    }
    .menus-h5-new {
        padding:0;
    }
    .menus-h5-new .is-dropdown-submenu {
        width: 85%;
        display: inline-table;
        border: none;
        position: static;
        background-color: initial;
    }
    .menus-h5-new-top .is-dropdown-submenu {
        width: 100%;
    }
    .menus-h5-new .is-dropdown-submenu-parent {
        background-color: #fff;
        padding: 10px 0;
        display: flex;
        align-items: center;
    }
    .menus-h5-new .is-dropdown-submenu-parent:nth-child(odd) {
        background-color: #fff;
    }
    .menus-h5-new .is-dropdown-submenu>li {
        width: auto;
        display: inline-block;
    }
    .menus-h5-new .title-meuns {
        width: 12%;
        text-align: center;
        color: #fff;
		font-weight: bold;
		font-size: 0.9rem;
		margin-left: 10px;
		color: #00bc12;
    }
    .menus-h5-new .title-meuns i {
        width: 36px;
        height: 30px;
        display: block;
        margin: 0 auto;
    }
    .menus-h5-new .title-meuns.active{
        color: #1b80ec;
    }
    
    .menus-h5-new .menu>li {
        margin: 0.5rem 0!important;
    }
    .menus-h5-new .menu>li>a {
        padding: 0!important;
    }
    .menus-h5-new li.is-submenu-item.is-dropdown-submenu-item {
        width: 25%;
        text-align: center;
    }
    .menus-h5-new .icon-video {
		background: url(/static/images/Aa73cbdb289124797acf458e6f7208815N.png) no-repeat;
        background-size: contain;
    }
    .menus-h5-new .icon-photo {
		background: url(/static/images/A1f38adaa302f450699c0d569751ccd3f4.png) no-repeat;
        background-size: contain;
    }
    .menus-h5-new .icon-play {
		background: url(/static/images/A4608a01a1ddd4c2fad56fda759999983b.png) no-repeat;
        background-size: contain;
    }
    
    .btn-red,
    .btn-green,
    .btn-purple {
        width: 4.75rem;
        height: 1.6rem;
        line-height: 1.6rem!important;
        border: 1px solid #fff;
        border-radius: 0.8rem;
        color: white;
        background-color: #ff4ba1;
        background-size: 400%;
        animation: bganimation 20s infinite;
    }
    .btn-red {
        box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
        background-image: linear-gradient(125deg, #ff4ba1, red, #8476ee, #00ff00);
    }
    .btn-green {
        box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
        background-image: linear-gradient(125deg, #ff4ba1, green, #8476ee, #00ff00);
    }
    .btn-purple {
        box-shadow: rgb(5 24 74 / 37%) 0px 2px 6px 0px;
        background-image: linear-gradient(125deg, #ff4ba1, purple, #8476ee, #00ff00);
    }
}
@media screen and (max-width: 370px) {
    .menu>li>a {
        font-size: 0.7rem;
    }
}
.web_wenzi_top{
    display: flex;
    flex-direction: row;
}
.web_wenzi_link{
    width: 25%;
    text-align: center;
    background: #e2e2e2;
    padding:10px 20px;
    margin: 2px;
    color: #fff;
}




.menus-h5-new>li:nth-child(odd){
    background-color: #eaeaea !important;
}
.menus-h5-new>li:nth-child(even){
    background-color: #d8d8d8 !important;
}