/*
Theme Name:     B2子主题
Theme URI:      http: //7b2.com/
Description:    Child theme for the seven
Author:         子主题模版
Author URI:     http: //7b2.com/
Template:       b2
Version:        0.1.5
*/

/*下面是您自己DIY的css样式代码*/
/*首页导航*/
.dhhs {
    display: inline-block;
    transform: translateY(-8px);
    font-size: .75rem;
    letter-spacing: .05em;
    background: linear-gradient(to top,#f308a0 0%,#fb0655 100%);
    color: #fff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: 700;
}
.dhls {
    display: inline-block;
    transform: translateY(-8px);
    font-size: .75rem;
    letter-spacing: .05em;
    background: linear-gradient(to right,#6454ef 0%,#3021ec 100%);
    color: #fff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: 700;
}
.hzzx {
    display: inline-block;
    transform: translateY(-8px);
    font-size: .75rem;
    letter-spacing: .05em;
    background: linear-gradient(to right,#14d83f 0%,#15860e 100%);
    color: #fff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: 700;
}
/* 用户组 */
.b2-lv0 i{background: #bfbfbf !important;}
.b2-lv1 i{background: #95ddb2 !important;}
.b2-lv2 i{background: #92d1e5 !important;}
.b2-lv3 i{background: #ffb37c !important;}
.lv-icon.user-lv i {
    padding: 0.1em 0.6rem;
        padding-top: 0.1em;
    border-radius: 10rem;
    font-size:100%;
color: #fff;
}

/*下载栏*/
.download-box {
    box-shadow: 0 0 0.0625rem 0 rgba(8,11,14,.06), 0 0.1875rem 0.1875rem -0.0625rem rgba(8,11,14,.1), 0 0 0.1875rem 0 rgba(8,11,14,.02);
}
.download-rights {
    background: #03989e;
    color: #fff;
}
.site .site-header-in {
    box-shadow: 0px 0px 6px rgb(0 0 0 / 20%);
}
.not-allow-down .download-current {
    background: #e7fdf4;
    border: 2px dashed rgb(161 204 220);
}
.download-thumb {
    opacity: .2;
}
.download-info{background-color:#03989e2e;}

/* footer */

@media(min-width:768px) {
	.fl {
		float: left
	}
}

@media(min-width:768px) {
	.fr {
		float: right
	}
}

a,a:active,a:visited {
	text-decoration: none;
	transition: all .2s
}

.thumb {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s
}

@media(max-width:1329px) {
	.hide_md {
		display: none !important
	}
}

.btn {
	display: block;
	cursor: pointer;
	border-radius: 3px;
	text-align: center;
	line-height: 2.4;
	outline: 0;
	border: 0
}

.btn-orange {
	background-color: #fe5b34;
	background-image: -webkit-linear-gradient(left,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);
	background-image: linear-gradient(to right,#fe3d7d 0,#fe5b34 50%,#fe3d7d 100%);
	border: 1px solid #fd592b;
	border-radius: 3px;
	color: #fff
}

.btn-orange:hover {
	color: #fff;
	background-color: #fe5b34;
	background-image: -webkit-linear-gradient(left,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
	background-image: linear-gradient(to right,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
	border: 1px solid #fd592b;
	border-radius: 3px
}

.btn-orange-light {
	background-color: #fe5b34;
	background-image: -webkit-linear-gradient(left,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
	background-image: linear-gradient(to right,#fe5b34 0,#fe3d7d 50%,#fe5b34 100%);
	border: 1px solid #fd592b;
	border-radius: 3px
}

.btn-group {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between
}

.btn-group>.btn {
	border-radius: 0
}

.btn-group>.btn:first-child {
	border-radius: 3px 0 0 3px
}

.btn-group>.btn:last-child {
	border-radius: 0 3px 3px 0
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	*zoom: 1;
}

@media(min-width:768px) {
	.container {
		max-width: 768px;
		overflow: visible
	}
}

@media(min-width:1024px) {
	.container {
		max-width: 1310px
	}
}

.container:before,.container:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.footer-fav {
	position: relative;
	/* z-index: 20; */
	/* background: #f7fafc; */
	background: #edf3f9;
	width: 100%;
	overflow: hidden
}

@media(min-width:768px) {
	.footer-fav {
		width: auto;
		overflow: visible;
		background: #edf3f9
	}
}

.footer-fav .container {
	padding-top: 36px;
	padding-bottom: 36px;
	overflow: visible
}

.footer-fav .site-info {
	width: 60%
}

@media(min-width:768px) {
	.footer-fav .site-info {
		width: auto
	}
}

.footer-fav .site-info h2 {
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
	text-transform: uppercase
}

@media(min-width:768px) {
	.footer-fav .site-info h2 {
		font-size: 26px
	}
}

.footer-fav .site-info h2 a {
	color: #000
}

.footer-fav .site-info .site-p {
	margin-bottom: 10px
}

.footer-fav .site-info .site-p p:first-child::after {
	content: ','
}

@media(min-width:768px) {
	.footer-fav .site-info .site-p {
		margin-bottom: 0
	}

	.footer-fav .site-info .site-p p:first-child::after {
		content: ''
	}
}

.footer-fav .site-info p {
	font-size: 12px;
	color: #797979;
	line-height: 1.8;
	margin-bottom: 10px;
	display: inline
}

@media(min-width:768px) {
	.footer-fav .site-info p {
		font-size: 14px;
		margin-bottom: 0;
		display: block
	}
}

.footer-fav .site-fav {
	padding-top: 5px
}

@media(min-width:768px) {
	.footer-fav .site-fav {
		padding-top: 24px
	}
}

.footer-fav .site-fav .btn-orange {
	font-size: 14px;
	line-height: 2.5;
	padding: 0 1.2em
}

@media(min-width:768px) {
	.footer-fav .site-fav .btn-orange {
		font-size: 16px;
		line-height: 3.5;
		padding: 0 2em
	}
}

.footer-fav .site-girl {
	position: absolute;
	left: 50%;
	bottom: 0
}

.footer-fav .site-girl .girl {
	width: 180px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all .3s
}

@media(min-width:768px) {
	.footer-fav .site-girl .girl {
		left: -50px
	}
}

.footer-fav .site-girl .girl::after {
	content: 'Hi~';
	display: block;
	position: absolute;
	left: 100%;
	top: 40%;
	color: #a7a7a7;
	font-size: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all .2s;
	transition: all .3s
}

.footer-fav .site-girl .thumb {
	padding-top: 116.667%
}

.footer-fav .site-girl .girl-info {
	margin-left: 150px;
	margin-bottom: 55px
}

.footer-fav .site-girl h4 {
	font-size: 14px;
	font-weight: normal;
	color: #797979;
	line-height: 1.8
}

.footer-fav .site-girl a {
	color: #797979
}

.footer-fav .site-girl a:hover {
	color: #ff5c00
}

@media(min-width:768px) {
	.footer-fav:hover .site-girl .girl {
		left: -80px
	}

	.footer-fav:hover .site-girl .girl::after {
		visibility: visible;
		opacity: 1;
		transition: all .2s
	}
}

@media(max-width:767px) {
	.home .footer-fav {
		display: none
	}
}

@media(max-width:767px) {
	.footer-fav .btn-group>.btn:last-child {
		border-radius: 3px
	}
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,.clearfix:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

@media(min-width:768px) {
	.fl {
		float: left
	}
}

@media(min-width:768px) {
	.fr {
		float: right
	}
}

a,a:active,a:visited {
	text-decoration: none;
	transition: all .2s
}

.thumb {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 66.7%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	transition: all .2s
}

.hide {
	visibility: hidden;
	opacity: 0;
	transition: all .2s
}

.hidden {
	display: none !important
}

@media(max-width:1023px) {
	.hide_sm {
		display: none !important
	}
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	*zoom: 1;
}

@media(min-width:768px) {
	.container {
		max-width: 768px;
		overflow: visible
	}
}

@media(min-width:1024px) {
	.container {
		max-width: 1310px
	}
}

.container:before,.container:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.footer-navi {
	position: relative;
	background: #2a2a32;
	color: #949498;
	line-height: 1.9286;
	padding: 15px 0;
	/* z-index: 20; */
	display: none;
	background: url(./img/bj.jpg) no-repeat;/*背景图片*/
	background-size: cover
}

@media(min-width:768px) {
	.footer-navi {
		display: block
	}
}

@media(min-width:1024px) {
	.footer-navi {
		padding: 40px 0
	}
}

@media(min-width:1310px) {
	.footer-navi {
		overflow: visible
	}
}

.footer-navi .container {
	overflow: visible
}

.footer-navi a {
	color: #949498;
	font-size: 14px
}

.footer-navi a:hover {
	color: #fff
}

.footer-navi .title {
	font-size: 16px;
	color: #150404;
	font-weight: normal;
	line-height: 1.38889;
	margin-bottom: 14px
}

.footer-navi .widget {
	box-sizing: border-box;
	position: relative
}

@media(min-width:1024px) {
	.footer-navi .widget::before {
		content: '';
		width: 0;
		height: 95%;
		border-left: 1px solid #33333c;
		position: absolute;
		right: 0;
		top: 20px
	}

	.footer-navi .widget::after {
		content: '';
		width: 0;
		height: 95%;
		border-right: 1px solid #222229;
		position: absolute;
		right: 1px;
		top: 20px
	}
}

.footer-navi .about {
	margin: 15px 0 30px
}

@media(min-width:1024px) {
	.footer-navi .about {
		width: 32.1538%;
		padding-right: 15px;
		margin: 0;
		font-size: 13px
	}
}

@media(min-width:1310px) {
	.footer-navi .about {
		font-size: 14px;
		padding-right: 60px
	}
}

@media(min-width:768px) {
	.footer-navi .container-bq {
		padding-top: 32px
	}
}

.footer-navi .navis {
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	justify-content: space-around;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 30px
}

@media(min-width:768px) {
	.footer-navi .navis {
		width: 60%;
		margin-bottom: 0
	}
}

@media(min-width:1024px) {
	.footer-navi .navis {
		width: 40%
	}
}

.footer-navi .navis .navi {
	flex: 1;
	text-align: center
}

@media(min-width:1310px) {
	.footer-navi .navis {
		width: 40%
	}

	.footer-navi .navis .navi {
		text-align: left;
		padding-left: 60px
	}
}

.footer-navi .ewms {
	margin: 0 auto
}

@media(min-width:768px) {
	.footer-navi .ewms {
		width: 270px;
		padding-left: 50px;
		margin: 0
	}
}

.footer-navi .ewms::before,.footer-navi .ewms::after {
	right: auto;
	left: 0
}

.footer-navi .ewms::before {
	left: 1px
}

.footer-navi .ewms .like {
	text-align: center
}

.footer-navi .ewms .like strong {
	color: #fe3d7d;
	font-size: 54px;
	line-height: 1.24;
	font-family: Impact;
	font-weight: 400;
	background-image: linear-gradient(to right,#18d1d1 0,#fe5b34 50%,#fe3d7d 100%);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-background-size: 200% 100%;
	-webkit-animation: masked-animation 2s infinite linear
}

.footer-navi .ewms .like h3 {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.1
}

.footer-navi .ewms ul {
	text-align: center;
	margin-bottom: 35px
}

.footer-navi .ewms li {
	float: left;
	width: 33.3333%;
	box-sizing: border-box;
	display: inline;
	position: relative;
	line-height: 1.3;
	margin-top: 0
}

.footer-navi .ewms li:hover .ewm-content {
	visibility: visible;
	bottom: 100%;
	opacity: 1
}

.footer-navi .ewms .ico {
	font-size: 46px;
	cursor: pointer;
	transition: all .2s
}

.footer-navi .ewms .ico:hover {
	color: #fff
}

.footer-navi .ewms .ico i {
	display: block
}

.footer-navi .ewms h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 0
}

.footer-navi .ewms .ewm-content {
	position: absolute;
	left: 50%;
	bottom: 200%;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 16px 32px 0 rgba(0,0,0,0.1);
	box-sizing: border-box;
	width: 330px;
	transform: translate(-50%,0)
}

.footer-navi .ewms .ewm-content::before {
	content: '';
	display: block;
	position: absolute;
	margin-left: -6px;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff
}

@media(max-width:1600px) {
	.footer-navi .ewms .ewm-content.ewm-douyin,.footer-navi .ewms .ewm-content.ewm-wechat {
		left: auto;
		right: 0;
		transform: translate(0,0)
	}

	.footer-navi .ewms .ewm-content.ewm-douyin::before,.footer-navi .ewms .ewm-content.ewm-wechat::before {
		left: auto;
		right: 30px
	}

	.footer-navi .ewms .ewm-content.ewm-douyin {
		transform: translate(70px,0)
	}

	.footer-navi .ewms .ewm-content.ewm-douyin::before {
		right: 100px
	}
}

.footer-navi .ewms .ewm-content.ewm-douyin {
	width: 400px
}

.footer-navi .ewms .ewm-content.ewm-douyin .ewm-main .thumb-div {
	width: 160px
}

.footer-navi .ewms .ewm-main {
	padding: 40px 25px 40px 30px;
	text-align: left
}

.footer-navi .ewms .ewm-main .fl {
	float: left
}

.footer-navi .ewms .ewm-main .fr {
	float: right
}

.footer-navi .ewms .ewm-main .thumb-div {
	width: 120px;
	margin-right: 30px
}

.footer-navi .ewms .ewm-main .thumb {
	padding-top: 100%
}

.footer-navi .ewms .ewm-main h4 {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 1.714;
	margin-top: 4px
}

.footer-navi .ewms .ewm-main h4 span {
	color: #47c333
}

.footer-navi .ewms .ewm-main a {
	color: #ff3401
}

.footer-navi .ewms .ewm-main a:hover {
	color: #ff5c00
}

.footer-navi .ewms .ewm-main h5 {
	font-weight: normal;
	font-size: 12px;
	color: #888
}

.footer-navi .ewms .ewm-douyin .ewm-main {
	padding-left: 0;
	padding-right: 0;
	text-align: center
}

.footer-navi .ewms .ewm-douyin .ewm-main .thumb-div {
	margin: 0 auto
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1,.footer-navi .ewms .ewm-douyin .ewm-douyin-2 {
	width: 50%
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1 {
	position: relative
}

.footer-navi .ewms .ewm-douyin .ewm-douyin-1:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 10%;
	width: 1px;
	height: 80%;
	background: #f3f3f3
}

@media(min-width:768px) {
	.footer-navi .bands {
		float: left;
		width: 100%
	}
}

@media(min-width:1024px) {
	.footer-navi .bands {
		width: 73%
	}
}

.footer-navi .bands ul {
	margin: 0 -8px 0 -7px;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.footer-navi .bands ul li {
	padding: 0 8px 15px 7px;
	width: 33.3333%;
	box-sizing: border-box
}

@media(min-width:768px) {
	.footer-navi .bands ul li {
		width: 16.6667%
	}
}

.footer-navi .bands .band {
	background-color: #42424d;
	padding-top: 52px;
	border-radius: 3px;
	transition: all .2s
}

.footer-navi .bands .band::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	transition: all .2s
}

.footer-navi .bands .band:hover {
	background-color: #24242d
}

.footer-navi .bands .band:hover::after {
	background: transparent
}

/*LOGO*/

.footer-navi .bands .band-uisdc {
	background-image: url(./img/aliyun.png);
	background-size: 125px 45px
}

.footer-navi .bands .band-uiii {
	background-image: url(./img/tencent.png);
	background-size: 125px 45px
}

.footer-navi .bands .band-uisdc-xue {
	background-image: url(./img/qiniu.png);
	background-size: 125px 45px
}

.footer-navi .bands .band-uisdc-hao {
	background-image: url(./img/youpai.png);
	background-size: 125px 45px
}

.footer-navi .bands .band-uisdc-hunter {
	background-image: url(./img/aliyunblog.png);
	background-size: 125px 45px
}

.footer-navi .bands .band-uisdc-basic {
	background-image: url(./img/quyum.png);
	background-size: 125px 45px
}

.footer-navi .qqgroup {
	width: 100%
}

@media(min-width:1024px) {
	.footer-navi .qqgroup {
		width: auto
	}
}

.footer-navi .qqgroup a {
	display: block;
	width: 220px;
	height: 52px;
	line-height: 52px;
	background: #222228;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto
}

.home .footer-navi {
	display: block
}

@media(max-width:1023px) {
	.hide_sm {
		display: none !important
	}
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	*zoom: 1;
}

@media(min-width:768px) {
	.container {
		max-width: 768px;
		overflow: visible
	}
}

@media(min-width:1024px) {
	.container {
		max-width: 1310px
	}
}

.container:before,.container:after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: none;
	clear: both
}

.footer {
	background: #121212;
	position: relative;
	/* z-index: 20 */
}

.footer .container {
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: .02px
}

.footer .footer-colors {
	width: 100%;
	height: 4px;
	background-color: #333;
	background-position: 0 0;
	background-repeat: repeat;
	background-image: -webkit-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	background-image: -o-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	background-image: -moz-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
	animation: animate-colors 200s infinite linear;
	animation-play-state: paused
}

.footer .colors-shadow {
	position: absolute;
	left: 0;
	top: 4px;
	right: 0;
	height: 50px
}

.footer .colors-shadow::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom,rgba(18,18,18,0.8),#121212)
}

.footer .friendlinks {
	font-size: 12px;
	color: #4f4f4f;
	line-height: 2;
	margin: 0 -.5em 20px;
	word-break: keep-all
}

.footer .friendlinks h6 {
	font-size: 12px;
	font-weight: normal;
	display: inline;
	margin: 0 .5em
}

.footer .friendlinks ul {
	display: inline
}

.footer .friendlinks li {
	display: inline;
	margin: 0 .5em
}

.footer .friendlinks a {
	color: #4f4f4f
}

.footer .friendlinks a:hover {
	color: #acacac
}

.footer .copyright {
	color: #7f7f7f;
	line-height: 1.5;
	font-size: 12px;
	text-align: center
}

@media(min-width:768px) {
	.footer .copyright {
		color: #545454
	}
}

.footer .copyright .asline {
	font-style: normal;
	display: block
}

@media(min-width:768px) {
	.footer .copyright .asline {
		display: inline
	}
}

.footer .copyright p {
	padding: .5em 0;
	border-radius: 4px
}

@media(min-width:768px) {
	.footer .copyright p {
		background: #000;
		display: inline-block;
		padding: .5em 1.5em
	}
}

.footer .copyright a {
	color: #7f7f7f
}

@media(min-width:768px) {
	.footer .copyright a {
		color: #545454
	}
}

.footer .copyright a:hover {
	color: #acacac
}

@media all {
	.footer:hover .footer-colors {
		animation-play-state: running
	}
}

@keyframes animate-colors {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 7000px 0
	}
}

/**
 *彩带
 */
 .footer .footer-colors {
    width: 100%;
    height: 4px;
    background-color: #333;
    background-position: 0 0;
    background-repeat: repeat;
    background-image: -webkit-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: -o-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: -moz-repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    background-image: repeating-linear-gradient(to right,#68103b,#68103b 50px,#703f28 50px,#703f28 100px,#a16b13 100px,#a16b13 150px,#a5a02c 150px,#a5a02c 200px,#5e812d 200px,#5e812d 250px,#1c6075 250px,#1c6075 300px,#403161 300px,#403161 350px);
    animation: animate-colors 200s infinite linear;
    animation-play-state: paused;
}

.footer .colors-shadow {
    position: absolute;
    left: 0;
    top: 4px;
    right: 0;
    height: 50px;
}
/*首页动态大图开始*/
@media screen and (max-width: 768px){
    
    .home-banner-links{
        width:100%!important;
    }
    .home-banner-content .slogan-text p {
    font-weight: 400!important;
    font-size: 16px!important;
    line-height: 24px!important;
    letter-spacing: 3px!important;
    text-shadow: 0 2px 4px rgb(0 0 0 / 25%);
    margin-bottom: 0px!important;
}
    .home-banner-content,.slogan-text.por.fl{
   
    margin-left: 10px!important;
    margin-bottom:10px!important;
    
}
    .home-banner .search-types-cycles,.home-banner-linkss{
        display:none;
    }
    .layout-center{
        width:100%!important;
        margin-left:0px!important;
        left:0px!important;
    }
    .primary-menus{
        width:100%!important;
    }
 .html-box {
    width: 100%!important;
}
.top-navs{
    display:none;
}
.home-banner .section {
    position: relative;
    width: 100%;
    overflow: hidden;
    max-height: 400px!important;
    height: 100vh;
}
.home-banner{
    height:400px!important;
    width:100%!important;
    
    }
    
    .home-banner-search {
    width: 90%!important;
    margin-left: 10px!important;
    }
.home-banner-search form {
    margin-left: 10px;
    width: 90%;
}
}
    
#page-wrapper {
	min-height:100%;
	margin-top:-10px
}
.home-banner {
	height:600px;
	position:relative;
	z-index:1;
	background-position:0 100%;
	animation:gradient 12s ease-in-out infinite;
	margin-bottom:20px;
}
.home-banner .section {
	position:relative;
	width:100%;
	overflow:hidden;
	max-height:600px;
	height:100vh
}
.home-banner .section .video-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:0
}
.home-banner .section .video-wrapper video {
	visibility:visible;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:100%;
	object-fit:cover
}
.home-banner .section .video-overlay {
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	background:rgba(45,47,54,.15)
}
.home-banner .corner {
	width:28px;
	height:21px;
	border-radius:4px;
	left:500px;
	top:0;
	background:url(/wp-content/uploads/2022/06/corner-8k.gif) no-repeat;
	background-size:100%
}
.home-banner .home-menus {
	margin-left:70px
}
.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
	color:#fff;
	font-size:14px;
	margin-right:20px;
	line-height:60px
}
.home-banner .home-menus .cus-dropbox-trigger a:hover,.home-banner .home-menus>a:hover {
	color:#21cec0
}
.home-banner>.layout-center {
	height:100%
}
.home-banner-content {
	padding-top:150px;
	margin-left:182px;
	margin-bottom:22px
}
.home-banner-content .slogan-text p {
	font-size:18px;
	line-height:24px;
	letter-spacing:6px;
	color:#fff
}
.home-banner-content .slogan-text p:nth-of-type(1) {
	font-weight:600;
	font-size:28px;
	line-height:46px;
	letter-spacing:6px;
	text-shadow:0 2px 4px rgba(0,0,0,.25);
	margin-bottom:10px
}
.home-banner-search {
	width:800px;
	margin-left:209px;
	height:auto
}
.home-banner-search form {
	margin-bottom:10px
}
.home-banner-search form>input {
	width:100%;
	height:48px;
	background:#fff;
	border-radius:8px 0 0 8px;
	border:none;
	padding:18px 22px;
	font-size:14px;
	color:#333
}
.home-banner-search form>input::placeholder {
	color:#979797
}
.home-banner-search .hot-top {
	position:absolute;
	top:13px;
	right:115px;
	font-size:13px
}
.home-banner-search .hot-top i {
	margin-right:4px
}
.home-banner-search .hot-words-container,.home-banner-search .rec-words-container {
	width:100%;
	top:56px
}
.home-banner-links {
	width:80%;
	font-size:14px;
	height:20px;
	line-height:20px;
	color:#fff;
	text-shadow:0 2px 4px rgba(0,0,0,.27)
}
.home-banner-links a {
	margin-right:19px;
	color:inherit
}
.home-banner-links a:hover {
	color:#35eee3
}
.home-banner .search-types-cycles {
	width:106px;
	height:290px;
	background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgba(53,238,227,.1445) 51.04%,rgba(0,0,0,0) 100%);
	left:630px;
	top:-121px;
	text-align:center;
	z-index:-1
}
.home-banner .search-types-cycles .search-types-btn {
	width:100%;
	height:20px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	left:0;
	bottom:-20px;
	z-index:1
}
.home-banner .search-types-cycles .search-types-btn i {
	color:#fff;
	font-size:12px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
	bottom:auto;
	top:-20px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
	transform:rotate(180deg)
}
.home-banner .search-types-cycles .search-types-btn:hover i {
	color:#35eee3
}
.home-banner .search-types-cycles ul {
	width:100%;
	height:100%;
	padding-top:5px
}
.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
	content:'';
	width:1px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(0,transparent 0,#35eee3 50%,transparent 100%)
}
.home-banner .search-types-cycles ul:after {
	left:auto;
	right:0
}
.home-banner .search-types-cycles ul li {
	height:40px !important;
	line-height:40px !important;
	font-size:16px;
	color:rgba(255,255,255,.6);
	text-align:center;
	cursor:pointer;
	user-select:none
}
.layout-center {
	width:1200px;
	margin:0 auto
}
.slogan-text.por.fl {
	margin-left:100px
}
.iblock {
	display:inline-block
}
.block {
	display:block
}
.line-one {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.line-two {
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical
}
.line-three {
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical
}
.primary-menus .left-cont button {
	height:48px;
	box-sizing:border-box;
	min-width:100px;
	margin-left:-5px;
	cursor:pointer;
	background-color:#65d0c5;
	color:#fff;
	font-size:15px;
	line-height:40px;
	position:absolute;
	right:0;
	top:0;
	border:1px solid #65d0c5;
	border-radius:1px;
	padding:0 15px;
	width:106px;
	transform:translateY(0px)
}
.home-banner .search-types-cycles ul li:hover {
	color:#35eee3
}
.home-banner .search-types-cycles ul li:nth-of-type(4) {
	height:80px;
	line-height:80px
}
.home-banner .search-types-cycles ul li a {
	color:rgba(255,255,255,.6);
	transition:none
}
.home-banner .search-types-cycles ul li a:hover {
	color:#35eee3
}
.home-banner .search-types-cycles button:hover {
	background:#46dacf !important;
	opacity:1;
	transition:opacity .2s
}
.home-banner .search-types-cycles button i {
	font-size:18px;
	color:#fff;
	margin-right:6px
}
.home-banner .search-types-cycles button span {
	font-size:16px;
	color:#fff
}
.home-banner:after {
	content:'';
	width:100%;
	height:120px;
	position:absolute;
	bottom:0;
	left:0;
	background:linear-gradient(180deg,#282a30ab 0,rgba(0,0,0,0) 100%);
	transform:rotate(-180deg);
	z-index:0
}
.home-banner-search>form>button {
	box-sizing:border-box;
	min-width:100px;
	transform:translateY(0px);
	font-size:15px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;
	right:1px;
	top:0;
	z-index:1;
	border:1px solid #23d1c3;
	padding:0 15px;
	width:147px;
	height:56px;
	background:linear-gradient(90deg,#35eee3 0,#21cec0 100%);
	border-radius:0 8px 8px px 0;
	right:0;
	text-align:center;
	padding-left:25px;
	margin-right:-7px;
	border-bottom-left-radius:1px;
	border-top-left-radius:1px
}
.home-banner-search .search.hidden {
	display:none
}
a.hot-top.text-notify:hover {
	color:#26d6c8
}
.por {
	position:relative
}
.poa {
	position:absolute
}
.pof {
	position:fixed
}
.clearfix:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0
}
.fl {
	float:left
}
.fr {
	float:right
}
.ovh {
	overflow:hidden
}
.hide {
	display:none
}
.nb-icon-wrap {
	right:-9999px!important
}
.icon-rank {
	width:auto;
	display:inline-block;
	border:none;
	overflow:hidden;
	vertical-align:-3px
}
img.icon-rank {
	width:20px;
	height:20px;
	margin-right:-5px
}
.icon-dhs {
	width:2em;
	height:2em
}
p.top-navs-l-title {
	margin-bottom:8px
}
.top-navs {
	width:100%;
	height:70px;
	bottom:28px;
	left:0;
	padding:12px 0;
	z-index:1
}
.top-navs .top-navs-l {
	width:850px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 -10px;
	border-right:1px solid rgba(255,255,255,.25)
}
.top-navs .top-navs-l-item {
	width:132px;
	margin:0 18px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.top-navs .top-navs-l-item .top-navs-l-title a {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-title a i {
	font-size:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a img {
	float:left;
	width:34px;
	height:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a:hover {
	color:#21cec0
}
.top-navs .top-navs-l-item .top-navs-l-links {
	font-size:14px;
	line-height:20px;
	display:flex;
	justify-content:space-around;
	margin:0 -10px
}
.top-navs .top-navs-l-item .top-navs-l-links a {
	color:#b5b5b5;
	margin:0 10px;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-l-item .top-navs-l-links a:hover {
	color:#21cec0
}
.top-navs .top-navs-m {
	width:176px;
	height:61px;
	border-right:1px solid rgba(255,255,255,.25);
	padding:0 24px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center
}
.top-navs .top-navs-m a,.top-navs .top-navs-m p,.top-navs .top-navs-m>div {
	width:50%;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-m a:hover,.top-navs .top-navs-m p:hover,.top-navs .top-navs-m>div:hover {
	color:#21cec0
}
.top-navs .top-navs-m div p,.top-navs .top-navs-m>a {
	margin-bottom:20px
}
.top-navs .top-navs-m div p {
	width:100%;
	margin-bottom:0;
	margin-top:-20px
}
.top-navs .top-navs-m .top-navs-m-box {
	top:-16px;
	left:-72px;
	width:157px;
	height:66px;
	background:#444;
	border-radius:8px;
	padding:8px 14px 0;
	display:none;
	margin-top:-70px
}
.top-navs .top-navs-m .top-navs-m-box a {
	margin-bottom:9px
}
.top-navs .top-navs-m .top-navs-m-box a:hover {
	color:#21cec0
}
.top-navs .top-navs-r {
	width:176px
}
.top-navs .top-navs-r a {
	width:50%;
	padding-left:30px;
	text-align:center;
	line-height:34px
}
.top-navs .top-navs-r a i {
	font-size:36px;
	margin-bottom:10px
}
.top-navs .top-navs-r a p {
	font-size:14px;
	line-height:20px;
	color:#b5b5b5;
	text-shadow:1px 1px 1px #000
}
.top-navs .top-navs-r a p:hover {
	color:#21cec0
}
.popular-area {
	margin-bottom:60px
}
.popular-area-top {
	height:34px;
	margin-bottom:22px
}
.popular-area-top-title {
	height:34px;
	line-height:34px;
	font-weight:600;
	font-size:24px;
	color:#4a4a4a;
	margin-right:94px
}
.popular-area-top-title span {
	height:inherit;
	font-size:18px;
	font-weight:100;
	color:#979797;
	margin-left:24px;
	vertical-align:3px;
	line-height:34px
}
.popular-area-top .popular-area-nav {
	width:116px;
	height:34px;
	padding-top:3px
}
.popular-area-top .popular-area-nav button {
	width:28px;
	height:28px;
	background:0 0;
	border-radius:4px;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition:all .2s;
	top:3px;
	right:0
}
.popular-area-top .popular-area-nav button i {
	color:#00d1c1;
	font-size:12px
}
.popular-area-top .popular-area-nav button:hover {
	background:#e1fffd
}
.popular-area-top .popular-area-nav button:nth-of-type(1) {
	right:auto;
	left:0
}
.popular-area-top .popular-area-nav p {
	width:60px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	text-align:center;
	font-size:16px;
	color:#c5c5c5;
	font-weight:700
}
.popular-area-top .popular-area-nav p span {
	color:#00d1c1
}
.popular-area-content {
	height:342px
}
.popular-area-content .popular-content-l {
	width:594px;
	height:inherit;
	margin-right:22px
}
.html-box img{
    display:inline-block!important;
}
/*首页动态大图结束*/