/*重置*/
*::before,
*::after {
	box-sizing: border-box;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

a,a:focus,span:focus,.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus {outline: none;border-color: transparent;box-shadow:none;text-decoration: none;}
a{color: #111}
a:hover{color: #813C85}
html {overflow-y: scroll;font-size: 16px;}
:root {	overflow-y: auto;overflow-x: hidden;}
:root body {position: absolute;	-webkit-backface-visibility: hidden;/*解决hover闪烁*/}
em {font-style: normal;}
input {outline: none;}
ul,ol {list-style: none;padding: 0}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,.col-xs-1-5 {
	padding-right: 25px; !important;
	padding-left: 0px; !important;
}

.row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.container{
	padding-right: 0 !important;
	padding-left: 0 !important;
}
/*自定义五列*/

.col-xs-1-5,
.col-xs-1-6,
.col-sm-1-5,
.col-sm-1-4,
.col-md-1-5,
.col-md-1-3,
.col-lg-1-5{
	position: relative;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}

.rounded{border-radius:0.5rem!important}
/*.col-lg-1-6 {
	width: 50%;
	float: left;
}*/

.col-lg-1-5 {
	width: 20%;
	float: left;
}
.col-lg-4-5 {
	width: 80%;
	float: left;
}
@media (min-width: 1560px) {
    .container {
        max-width: 1500px;
    }
}
@media (max-width: 1280px) {
    .col-lg-1-5,.col-lg-4-5 {
        width: 100%;
    }
}
@media (max-width: 1280px) {
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto,.col-xs-1-5,.col-xs-1-5 {
	padding-right: 5px; !important;
	padding-left: 5px; !important;
}
}


.boxed_wrapper {
    position: relative;
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
    min-width: 300px;
}
figure {
    margin: 0;
}
img {
    display: inline-block;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

/*.mobile-nav {
  width: 200px;
  position: fixed;
  transition: transform 0.3s;
}
*/
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background: url("../images/headerbg.png") top center no-repeat;}

/*顶部菜单*/
.navbar {border: 1px slid rgba(255,0,4,1.00); 
	position: relative;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0px;
	vertical-align: middle;
   /* height: 130px;*/
}

.navbar .navbar-brand {	padding: 0;	margin: 0;}
.navbar .navbar-brand span {display: inline-block;}
.navbar-brand:hover,
.navbar-brand:focus {text-decoration: none;}

.navbar-brand .logo {
	display: inline-block;
	height: auto;
	padding: 30px 0
}

.navbar-brand .search{left:240px; top: 45px; }
.navbar-brand .search .formcontrol{width: 380px; height: 40px; padding: 5px; text-indent: 40px; border: none; border-radius: 25px;}
.navbar-brand .search .btn-search{width: 28px; height: 28px; left: 12px;top: 7px; padding: 5px; border: none; background: url("../images/search.png") 0 0 no-repeat}
.navbar-brand .search input::input-placeholder{color:#ccc;}

.navbar .userbox{
    height: 100px;
    z-index: 2; right: 0rem; top:50%;
    transform:translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
}
.userbox .language{height: 40px; text-align: right}
.userbox .language a{display: inline-block; width: 23px; height: 23px; line-height: 23px;text-align: center; color: rgba(255,255,255,0.80)}
.userbox .language a:hover,.userbox .language a.act{background:rgba(255,255,255,0.40); border-radius: 3px;  color: rgba(255,255,255,0.80)}
.userbox .usergroup a{height: 40px; line-height: 28px; padding:5px 15px 5px 45px; display: inline-block; color: #fff;}
.userbox .usergroup a:hover{ color:#FFD7D8;}
.userbox .usergroup .userchat{ background:url("../images/userico.png") 0 0px no-repeat}
.userbox .usergroup .usersubmit{background:url("../images/userico.png") -130px 0px no-repeat}
.userbox .usergroup .userreg{background:url("../images/userico.png") -255px 0px no-repeat}
.userbox .usergroup .userlogin{width: 40px; padding:5px 0px; text-align: right; }

.userbox .usergroup a.userchat:hover{ background:url("../images/userico.png") 0 -100px no-repeat}
.userbox .usergroup a.usersubmit:hover{background:url("../images/userico.png") -130px -100px no-repeat}
.userbox .usergroup a.userreg:hover{background:url("../images/userico.png") -255px -100px no-repeat}


.moblogo {text-align: center;}
.moblogo .logo {display: inline-block;width: 290px;	height: auto;}
.moblogo {margin-bottom: 20px;text-align: center}

.navbar-toggler {position: absolute;right: 0px;	top: 43%}
.topbg {width: 100%;}
.menu {	width: 100%;background: #fff;}
.equal-width {width: 100%;margin: 0; justify-content: space-between;}
.menu a {font-size: 20px; padding: 7px; margin: 1.8rem 5px; display: inline-block;color: #111111;border-radius: 5px;;background-color:#FAFAFA;border: 1px solid #eee; transition: background-color 0.3s, border-color 0.3s; /* 平滑过渡效果 */
}
.menu a:hover {color: #FFFFFF;background-color:#813C85;}
.equal-width .nav-item {flex: 1;line-height: 1; text-align: center!important}
.equal-width .nav-item:first-child{margin-left: 0}
.equal-width .nav-item:last-child{margin-right: 0}
.equal-width .nav-item i {padding-right: 10px;}
.zzebest-mingshifudao{font-size: 23px}
.zzebest-xuexiao{font-size: 30px}
.zzebest-yangsheng{font-size: 27px}
.zzebest-lvhang{font-size: 22px}
.zzebest-gouwuche{font-size: 27px}
.zzebest-zhenghunjiaoyou{font-size: 27px}
.navbar-nav a.active {color: #FFFFFF;background-color:#813C85;}
.navbar-nav a.active i{color: #FFFFFF;}

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  color: rgba(42,42,42,1.00);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.equal-width .nav-item:hover .iconfont{color:#fff}

#navbarMenu ul li:hover ol.sub-menu {
	visibility: visible;
	opacity: 1;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
}

#navbarMenu ul li ol.sub-menu {
	position: absolute;
	min-width: 140px;
	background: #fff;
	padding: 0px 15px 20px;
	box-shadow: 0 3px 11px 0 rgba(0, 0, 0, .1);
	visibility: hidden;
	opacity: 0;
	transition: .2s;
	z-index: 99;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	top: 60px;
	border-bottom-left-radius:.5rem ;
	border-bottom-right-radius:.5rem ;
}

#navbarMenu ul li ol.sub-menu li,
#footurl ul li ol.sub-menu li {
	font-size: 14px;
	width: 100%;
	line-height: 20px;
	height: 20px;
}

#navbarMenu ul li ol.sub-menu a,
#footurl ul li ol.sub-menu a {
	color: #111;
	position: relative;
	padding: 10px 0
}

#navbarMenu ul li ol.sub-menu li a:hover,
#footurl ul li ol.sub-menu li a:hover {	color: #002D78;}

/*菜单链接下划线*/
.navbar-nav a {	position: relative;}

.navbar-nav .sub-menu a:after {
	background-color: #002D78;
	width: 2px;
	height: 2px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	content: "";
	transition: 0.4s;
	opacity: 0;
}

.navbar-nav .sub-menu a:hover:after {
	width: 100%;
	opacity: 0.7;
}

.navbar-nav .cur {
	color: #002D78
}

.navbar .navbar-top {
	display: flex;
	flex-direction: row;
}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-toggler {
		display: none !important;
	}
}

@media print {

	*,
	*::before,
	*::after {
		text-shadow: none !important;
		box-shadow: none !important;
	}

	a:not(.btn) {text-decoration: underline;}
	img {page-break-inside: avoid;}

	p,
	h3 {orphans: 3;widows: 3;}
	h3 {page-break-after: avoid;}

	@page {size: a3;}
	.navbar {display: none;	}
}

/* FONT PATH
 * -------------------------- */

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

ul.navbar-nav {	align-items: center;}

nav ul li {	display: inline-block;}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
	/*transition: all .5s;*/
    -webkit-transition: all 0.5s ease-out .1s;
    -moz-transition: all 0.5s ease-out .1s;
    -ms-transition: all 0.5s ease-out .1s;
    -o-transition: all 0.5s ease-out .1s;
    transition: all 0.5s ease-out .1s;
}

/*-- banner2021 --*/

header {/*width: 100vw;display: grid;*/	align-items: center;}
.nav-fixed {border-bottom: none;animation: sticky 1.2s;}

@keyframes sticky {
	0% {top: -200px;}
	100% {top: 0;}
}
/*手机菜单*/
/*-----------------------*/
/*手机菜单*/
.navbar-offcanvas {
	z-index: 999;
}

.navbar-offcanvas .container-fluid {
	position: relative;
	padding: 0;
	transform: translate3d(0px, 0, 0);
	transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}

/*首页*/
.section {
opacity: 0;
transform: translateY(-20px);
transition: opacity 0.5s ease, transform 0.5s ease;
        }
 
.section.visible {
opacity: 1;
transform: translateY(0);
}

.padtop{padding-top:20px!important}
.carousel .carousel-caption {
  bottom: -20px;
  left: 5px;
  width: 100%;
  text-align: left;
  color: #111
}
.carousel .carousel-item {padding-bottom: 70px}
.carousel .carousel-item img{width: 585px; height: 400px}

.zzebest-main .index-item .card { height: 160px;}
.zzebest-main .index-item .card img{ height: 160px;}

.zzebest-main .card{height: 220px;}
.zzebest-main .card img{height: 220px;}


.zzebest-main a .card{
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 10px 25px rgba(200, 200, 200, .25);
	-moz-box-shadow: 0 10px 25px rgba(200, 200, 200, .25);
	box-shadow: 0 10px 25px rgba(200, 200, 200, .25);
}
.zzebest-main a:hover .card img{opacity: .8;-webkit-filter: contrast(150%);filter: contrast(150%);}
.zzebest-main a:hover .card {
-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
}
.zzebest-main .play-btn-trigger{position: absolute; background: url("../images/icon-play.svg") center no-repeat;z-index: 99;width:50px; height: 50px; -webkit-transition: all 0.3s ease-in; 
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
}

.zzebest-main a:hover .play-btn-trigger{opacity: 1;}

.zzebest-main .card-title{padding: 15px 0; height: 55px; overflow: hidden}

.zzebest-main .card-other{position: absolute; bottom: 10px; left: 20px; z-index: 9; color: #fff}
.zzebest-main .card-other i.iconfont{font-size: 16px!important}    
.zzebest-main .card-other i{padding-right: 20px; color: #fff}
.zzebest-main .card-other i span{font-size: 13px; padding-left: 5px }

.zzebest-main .section-title {padding-left: 55px;line-height:40px; background: url("../images/logo-ico.png") 0 -6px no-repeat; color: #813C85; font-weight: 600; position: relative;overflow: hidden}
.zzebest-main .section-title span{font-weight: 100; padding-left: 5px; font-family: 'Alibaba PuHuiTi', sans-serif; }
.zzebest-main .section-title .zzebest-sandian{font-size: 6px!important; line-height:30px; color:#BBBBBB; position: absolute; right: 30px; bottom: 15px;}
.zzebest-main .section-title .zzebest-sandian:hover{ color:#813C85;}

.index-rightside .section-title {height: 55px; border-bottom: 1px solid #E1CAD6;margin-bottom: 1.4rem;white-space:nowrap; }
.video-rightside .section-title {height: 52px; border-bottom: 1px solid #E1CAD6;margin-bottom: 1.4rem;white-space:nowrap; }
.single-rightside .list-group-item {background: #efefef;padding-top: 15px;padding-bottom: 15px}
.single-rightside .list-group-item:hover {background: #F8F0F9;}
.single-rightside .list-group-item span{padding:10px 15px 15px 15px; display: inline-block}
.single-rightside .list-group-item.active i{color: #FFFFFF }
.single-rightside .list-group-item.active {background: #813C85; color: #FFFFFF; border-color:#813C85 }
.single-rightside .list-group-item.active a{ color: #FFFFFF}

.index-rightside .media{padding:0; margin-bottom: 1rem; height: auto; color:#813C85; }
.index-rightside .media-box{font-weight: 600;color:#813C85; background: url("../images/icons-time.png") #EAD5EC 10px 12px no-repeat; text-indent: 2.2rem; border-color: #EAD5EC; line-height: 20px;white-space:nowrap;}
.index-rightside .media-title{padding:0; height: auto; font-weight: 600;}
.index-rightside .media-text{font-size: 1.2rem}
.index-rightside .notice-title a,.index-rightside .media-title a{color:#813C85;}
.index-rightside .notice-title a:hover,.index-rightside .media-title a:hover{color:#A806B1;}

.subcolumn .subitem{background: #F8EFF8; border: 1px solid #F8EFF8; color: #813C85; border-radius: 5px; padding: 1rem; margin-bottom: 1.5rem}
.sitepath .zzebest-icon-arrow-chevron-right{font-size: 1.5rem; color: #813C85; padding: 0 0.5rem 0 1rem}
.sitepath .keyword{display: inline;}
.sitepath .keyword a{font-size: 1.2rem; padding-right: 0.3rem; color:#813C85;font-weight: 500}
.sitepath .keyword a:hover{color: #A806B1}
.sitepath .keyword a.item-line{background: url("../images/item-line.png") 0px 7px no-repeat }
.sitepath .section-title a{color: #813C85;}
.sitepath .section-title a:hover{color: #95469B;}

.subcolumn .areabox{color: #813C85;}
.subcolumn .areabox a.nav-link {padding:1px 10px;color: #813C85;margin:0 1px 1px 0;border-radius: 3px!important}
.subcolumn .areabox a:hover {color: #fff; background:#813C85 }
.subcolumn .areabox a.active {color: #fff; background:#813C85 }
.subcolumn .areabox .area-body{width: 88%}
.city-container {
   /* display: none;*/
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
    z-index: 100;
    padding: 20px;
    animation: fadeIn 0.4s ease;
}
.city-container .close-btn{padding: 2px 5px; float: right}
.city-container .close-btn:hover{background:#F8EFF8 }
.nav-item:focus-within .city-container {
    display: block;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}  
/* 城市列表项样式 */
.subclasitem .nav-item {
    margin: 0;
    min-width: 60px;
    text-align: center;
    float: left;
}

.subclasitem .nav-link {
    display: block;
    padding: 8px 20px;
    background-color: transparent;
    border: none;
    border-radius: 0;
    width: 100%;
}

.subclasitem .nav-link:hover {
    background-color: #f8f9fa;
}

/* 当省份被点击时显示城市列表 */
.nav-item.show .subclasitem {
    display: block;
}


.active>.page-link, .page-link.active{background:#813C85!important;color: #fff!important; border-color:#813C85!important;}
.page-link{color: #111}
.page-link:hover{color: #813C85}



.video .videotitle{}
.video .videoicon span{font-size: 12px; color: #aaa}
.video .videoicon i{padding-right: 5px}
.video .videoicon i.zzebest-shizhong-{font-size: 14px; }
.video .videoicon i.zzebest-liulanliang{font-size: 13px; color: #aaa}
#my-video{
    background-color: #DDD;
    height: 100%;
    transition: background-color .2s ease-in-out;
    width: 100%;

}
#video-side {padding-right: 0!important}
#zzebest-main .media img{width: 180px; height:140px}
#video-side .media img{width: 180px; height:130px}
#video-side .media-heading{font-size:1.2rem;}
#video-side .media-icon{font-size:0.9rem; color:#aaa;white-space:nowrap; overflow: hidden}
#video-side .media-icon i.zzebest-icon-visible-eye{font-size: 19px;color:#aaa}
#video-side .media-icon i.zzebest-icon-chatbubble-lines-square{font-size: 18px;color:#aaa}
.video-content{line-height: 170%}
.video-bottom .card {height: 135px; white-space:nowrap; overflow: hidden}
.video-bottom .card img{height: 135px;}
.video-bottom .card-other i{padding-right: 10px;}


.friendlink .link-card {position:relative;margin-bottom: 1rem;color: #fff; font-weight: 600}
.friendlink .link-title{background:#813C85; height: 130px;}
.friendlink .link-card span{padding-top: 1rem;font-size: 2.5rem; display: inline-block}
.friendlink .link-card small{font-weight: 100; font-size: 1.2rem;}
.friendlink a{color: #fff; }
.friendlink .pagination a{color: #333;}
.friendlink .pagination a:hover{color: #813C85;}
.friendlink .li img{height: 130px;width: 100%}
.friendlink .li .sitename{top: 50%;display: block;width: 100%;text-align: center; font-size: 1.8rem; transform: translateY(-50%);color: #fff;}
.friendlink{white-space:nowrap;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#813C85!important;}
/*.friendlink .owl-carousel {height: 300px;}*/
 
.index-rightside .scroller-wrapper {
            height: 2000px;
            overflow: hidden;
            position: relative;

        }
        
.index-rightside .scroller-container {
            position: relative;
            height: 100%;
            transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        
.index-rightside .scroller-item {
            display: flex;
            flex-direction: column;
            height: 275px;overflow: hidden;
        }

 /* 响应式布局 */
#translate{display: none}
/* 中屏 - 显示2个项目 */
@media (min-width: 1280px) {
.index-rightside .scroller-wrapper {
            height: 2080px;
            overflow: hidden;
        }
   .index-rightside .scroller-item {
       height: 300px;overflow: hidden;
    }
}
@media (max-width: 1279px) {
.index-rightside .scroller-wrapper {
            height: 300px;
            overflow: hidden;
        }
   .index-rightside .scroller-item {
       height: 160px;overflow: hidden;
    }
}
/* 移动设备优化 */
@media (max-width: 767px) {
   .index-rightside .scroller-wrapper {
        height: 200px;
    }
	.index-rightside .scroller-item {
       height: 240px;overflow: hidden;
    }
} 


/* 分享按钮样式 */
.socalshare .share-btn {
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    margin-right: 10px ;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}
.socalshare .share-btn i{font-size: 50px;line-height: 50px; text-align: center; color: #813C85; position: absolute;}
.socalshare .share-btn i.zzebest-changyonglogo28{font-size: 50px;line-height: 50px;}
.socalshare .share-btn i.zzebest-weibo2{font-size: 40px;line-height: 40px; left: 5px;top: 4px}
.socalshare .share-btn i.zzebest-a-facebook_facebook1x{font-size: 50px;line-height: 50px;font-weight: 700}
.socalshare .share-btn i.zzebest-instagram-fill{font-size: 40px;line-height: 40px;left: 3px;top: 4px}
.socalshare .share-btn i.zzebest-youtube{font-size: 40px;line-height: 40px;left: 4px;top: 4px}

/* 微信二维码弹窗 */
.socalshare .qrcode{float: right;} 
.socalshare .share-container {height: 60px;}
.socalshare .share-container li{float: right}
.socalshare .wechat-modal {
    display: none;
    position: fixed;
    top: 20%;
    left: 40%;
    width: 260px;
    height:400px;
    z-index: 10000;
}

.socalshare .modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* 各平台按钮背景色 */
.socalshare .wechat { background-color: #FFFFFF; background-image: url('data:image/svg+xml;utf8,<svg...></svg>'); }
.socalshare .weibo { background-color: #FFFFFF; background-image: url('data:image/svg+xml;utf8,<svg...></svg>'); }
.socalshare .facebook { background-color: #FFFFFF; background-image: url('data:image/svg+xml;utf8,<svg...></svg>'); }
.socalshare .instagram { background-color: #FFFFFF; background-image: url('data:image/svg+xml;utf8,<svg...></svg>'); }
.socalshare .youtube { background-color: #FFFFFF; background-image: url('data:image/svg+xml;utf8,<svg...></svg>'); }
.socalshare p{color: #585858; line-height: 30px; margin: 0}
.socalshare .qrcode p{color: #FFFFFF;}
.socalshare .btn:hover{color: #813C85;}
/*.index-rightside .swiper-wrapper{height: 970px; overflow: hidden}
.index-rightside .swiper-slide{height: 370px;}
*/

.zzebest-slide{
	position: fixed;
	top: 245px;
	right: 10px;
	z-index: 999999;
}

.zzebest-slide .card-header{
	cursor: pointer;
}

.zzebest-slide-icon{
	cursor: pointer;
	text-align:center;
	margin-top:-4px;
	position:relative;
}
.zzebest-slide a.refresh-hover:hover .bg-light{background: #813C85}
.zzebest-slide-icon.refresh .zzebest-huanxiang{
	position:absolute;
	top:5px;
	left:3px;
    font-size:18px;
}

.zzebest-slide-icon.refresh sup{
padding:27px 6px 6px 6px;
writing-mode: vertical-rl;
text-orientation: upright;
border-radius: 4px;    
font-size: 13px;
line-height: 1;
}
.zzebest-slide-icon.refresha sup:hover{color: #813C85}
.zzebest-slide-icon.zzebest-icon-arrow--chevron-top{font-size: 30px;}
.zzebest-slide-icon.ai .aititle{
	position:absolute;
    display: inline-block;
	white-space: nowrap;
	right:-3px;
	bottom:-25px;
    font-weight: 600;
    color: #813C85
    
}
.zzebest-slide-icon.ai div img{
	width:100%;
}
.zzebest-slide-icon.ai:hover div{
	display: block;
}


.zzebest-slide-icon a .icon{
	color:#813C85;
}

.zzebest-slide-icon.toTop{
	height: 60px;
    display: block;
	bottom:-25px;
}
.zzebest-slide-icon .zzebest-icon-arrow--chevron-top{font-size: 32px;}
/*--  --*/


@media (min-width: 1280px) {
.col-xs-1-5 {width: 20%;float: left;padding: 0 5px}
.subcolumn .col-6 { padding-left: 10px !important;padding-right: 10px !important;}
.subcolumn .col-lg-3 { padding-left: 10px !important;padding-right: 10px !important;}
}


@media (min-width: 992px) {
	.fixed-top {
		position: absolute;
		/*top: 40px;*/
	}

	.navbar-offcanvas .navbar-top {
		display: flex;
		margin-left: auto;
	}
}

.navbar-offcanvas .navbar-top .nav-item {
	text-align: center;
}

.navbar-offcanvas .navbar-toggler {
	padding: 0;
	border: 0;
	outline: none;
}

.navbar-offcanvas .navbar-toggler:hover,
.navbar-offcanvas .navbar-toggler:focus {
	cursor: pointer;
}

@media (min-width: 768px) {
	.navbar-offcanvas .navbar-toggler {
		display: block;
	}
}

.navbar-offcanvas .navbar-toggler .icon-bar {
	display: block;
	position: relative;
	width: 26px;
	height: 2px;
	background-color: #fff;
}

header.nav-fixed .icon-bar {
	background-color: #fff !important;
}

.icon-bar:hover {
	background-color: #700305;
}

.navbar-offcanvas .navbar-toggler .icon-bar+.icon-bar {
	margin-top: 5px;
}

.navbar-offcanvas .navbar-toggler .icon-bar.bar1 {
	top: 0;
	outline: 1px solid transparent;
	animation: topbar-back 500ms 0s;
	animation-fill-mode: forwards;
}

.navbar-offcanvas .navbar-toggler .icon-bar.bar2 {
	outline: 1px solid transparent;
	opacity: 1;
}

.navbar-offcanvas .navbar-toggler .icon-bar.bar3 {
	bottom: 0;
	outline: 1px solid transparent;
	animation: bottombar-back 500ms 0s;
	animation-fill-mode: forwards;
}

.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar1 {
	top: 6px;
	animation: topbar-x 500ms 0s;
	animation-fill-mode: forwards;
}

.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar2 {
	opacity: 0;
}

.navbar-offcanvas .navbar-toggler.toggled .icon-bar.bar3 {
	bottom: 6px;
	animation: bottombar-x 500ms 0s;
	animation-fill-mode: forwards;
}


/*-----------------------*/
.navbar-toggler:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.navbar-offcanvas .navbar-toggler {
	padding: 0;
	border: 0;
	outline: none;
}

.navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, .5);
	border-color: rgba(255, 255, 255, .1);
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button;
}

.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem;
}

button,
select {
	text-transform: none;
}

button,
input {
	overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button {
	border-radius: 0;
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*折叠菜单------------------------------*/
.off-canvas-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	/*height:100vh;*/
	width: 100vw;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	z-index: 9999;

}

.off-canvas-wrapper.open {
	opacity: 1;
	visibility: visible
}

.off-canvas-wrapper.open .off-canvas-inner-content {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.off-canvas-wrapper .off-canvas-inner-content {
	background: url(../images/canvas-wrapper.png) 0 0 no-repeat #FFF;
	width: 380px;
	height: 100%;
	position: relative;
	-webkit-transform: translateX(calc(-100% - 50px));
	-ms-transform: translateX(calc(-100% - 50px));
	transform: translateX(calc(-100% - 50px));
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	transform: translateX(-100%) translateX(-50px);
}

.moblogo {
	text-align: center;
}


.off-canvas-wrapper .btn-close-off-canvas {
	left: 100%
}

.off-canvas-wrapper .off-canvas-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: auto;
	height: 100%;
	overflow: auto
}

.off-canvas-wrapper .offcanvas-widget-area {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.off-canvas-wrapper .offcanvas-widget-area .widget-social {
	margin-top: auto;
	padding-bottom: 20px
}

.off-canvas-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	cursor: url(../images/cancel.png), auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1
}

.mobile-menu {
	height: 100%;
	padding: 0 !important
}

.mobile-menu li {
	display: block;
	text-align: center;
	line-height: 50px;
	transition: all 0.3s ease-in-out;
	margin: 0 20px;
}

.mobile-menu li.nav-item {
	position: relative;
	border-bottom: 1px solid rgba(210, 210, 210, 0.50);
	
}
.mobile-menu li.nav-item ul{width:100%; clear:both; margin-bottom:10px;}
.mobile-menu li.nav-item ul li { width:100%; line-height: 50px; margin: auto!important; }
.mobile-menu li.nav-item ul li a {padding:0px; display:block; margin:2px 1px;}


.mobile-menu li a {
	color: #222;
	display: block;
}

.mobile-menu li a:hover {
	color: #813C85;
	padding-left: 20px;
	transition: all 0.3s ease-in-out;
}

.offcanvas-widget-area .footer-grid {
	bottom: 7%;
	position: absolute;
	display: block;
	width: 100%;
	font-size: 14px;
	color: #813C85
}

/* 添加小圆点指示器 */
.carousel-indicators {bottom: 80px;}
.carousel-indicators li {
    border-radius: 100%;
    width: 10px!important;
    height: 10px!important; 
}
.carousel-indicators .active {opacity: 0.9;background-color:#813C85}



/* footer */
.footer .footer-top{background: url("../images/bottombg.png") top center no-repeat; height: 590px; color: #fff;}
.footer .footer-top .logo-bottom{padding: 60px 0;}
.footer .footer-top .contact{padding: 30px 0;}
.footer .footer-top .contact .contact-title .fw-light{font-size: 36px; font-weight: 100; font-family: 'Alibaba PuHuiTi', sans-serif;}
.footer .footer-top .contact .contact-title p{font-weight: 600; font-size: 28px;}
.footer .footer-top .qrcode ul li{line-height: 30px;float: left;padding-left: 20px; text-align: center}
.footer .footer-top .qrcode ul li p{padding: 10px 0; font-weight: 600}
.footer .footer-top .qrcode ul li img{width:140px;height:140px}

.footer .footer-copy{background: #813C85; height: 100px;}
.footer .footer-copy .urlink{padding-top: 20px; display: flex; justify-content: center; }
.footer .footer-copy .urlink ul {background: url("../images/foot-line.png") right 8px no-repeat}
.footer .footer-copy .urlink ul li{float: left; background: url("../images/foot-line.png") 0 8px no-repeat}
.footer .footer-copy .urlink ul li a{font-size: 1.2rem; font-weight: 600; padding: 0 4rem; color: #fff}
.footer .footer-copy .urlink ul li a:hover{color: #F1D8E0}
.footer .footer-copy .copy{text-align: center; color: #fff; font-size: 14px;height:14px; line-height:14px}
.footer .footer-copy .copy p{text-align: center; color: #fff; font-size: 14px;height:14px; line-height:14px}


@media only screen and (max-width: 1399.98px) {
	.navbar-expand-lg .nav_btn>li {padding: 0;}
	.subcolumn .areabox .area-body{width: 88%}
}
@media (max-width: 1399.98px) {
	.subcolumn .areabox .area-body{width: 85%}
.zzebest-main .card{height: 180px;}
.zzebest-main .card img{height: 180px;}
.video-bottom .card {height: 125px;}
.video-bottom .card img{height: 125px;}   

}
@media (max-width: 1360px) {
.zzebest-main .card{height: 180px;}
.zzebest-main .card img{height: 180px;}
.video-bottom .card {height: 105px;}
.video-bottom .card img{height: 105px;}   
}
@media (max-width: 1280px) {
        .navbar-brand .logo {
        display: inline-block;
        padding: 15px 0
    }
    .navbar-brand .search{top: 30%}
/*    .index-rightside{height: 260px; overflow: hidden}
    .index-rightside .card{height: 190px;}*/
	.subcolumn .areabox .area-body{width: 82%}

.zzebest-main .card{height: 150px;}
.zzebest-main .card img{height: 150px;}
.video-bottom .card {height: 105px;}
.video-bottom .card img{height: 105px;}    
}

@media (max-width: 1199.98px) {
	.navbar .ulogin {
		transform: scale(0.85);
		-ms-transform: scale(0.85);
		-moz-transform: scale(0.85);
		-webkit-transform: scale(0.85);
		-o-transform: scale(0.85);
		transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		-webkit-transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		top: 25%;
	}
	header .navbar-brand .logo {
		padding: 10px 0;
		height: auto;
	}
	.navbar-brand .search{display: none}
    .navbar-nav i{display: none}
.footer .footer-copy .urlink ul {background-position-y: 6px}
.footer .footer-copy .urlink ul li{background-position-y: 6px}
.footer .footer-copy .urlink ul li a{font-size: 1rem; font-weight: 600; padding: 0 2rem; color: #fff}

.openmore {
    position: absolute;
    top: -5px;
    right: 10px;
    padding: 2px 0px;
    font-size: 1rem;
    color: #813C85;
    border-radius: 2px;
    z-index: 999;
    }
}


@media (max-width: 1024px) {
	.navbar-expand-lg .navbar-nav .nav-item {
		padding: 7px 1.0rem;
	}

	header .navbar-brand {
		transition: all 0.3s ease-in-out;
	}

	header .navbar-brand .logo {
		height: auto;
		padding: 5px 0;
		transition: all 0.3s ease-in-out;
	}
    .navbar .userbox{height: auto}
    .userbox .language{height: 30px;}
	.nav-fixed .navbar-expand-lg .navbar-brand .logo {
		height: auto;
		transition: all 0.3s ease-in-out;
	}
    .section-title .keyword{display: none!important}
    .section-title .zzebest-icon-arrow-chevron-right{display: none!important}
    .subcolumn .areabox .itembox{display: none!important}
    .subcolumn .subitem{padding: 0.5rem; margin-bottom: 0.8rem}
    
    #zzebest-main .search-note{display: none}
    .friendlink .link-card span{font-size: 1.5rem; line-height: 50px}
    .friendlink .link-card img{height: 80px}
    .friendlink .link-title{height: 80px}
    .friendlink .link-card .sitename{font-size: 1rem}

}

@media (max-width: 991.98px) {
    .navbar {padding-left: 10px; padding-right: 10px }
	header {
		background: #FFFFFF;
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
    #header {height: 80px;}
    .navbar{height: 80px;}
	.navbar-nav {padding: 0px;	}
	header .navbar-brand .logo {height:70px;padding-top: 13px}
	.nav-fixed .navbar-expand-lg .navbar-brand .logo {background-position: 0px;	}

	body>.navbar-collapse {
		width: 282.6666666667px;
	}
    
    .zzebest-main{margin-top: 5rem;padding-top: 1rem}
    .zzebest-main .card{height: 220px;}
    .zzebest-main .card img{height: 220px;}
    
    .submenu{padding-bottom: 0.5rem}
/*    .index-rightside{height: 260px; padding: 0 5px}
    .index-rightside .card{height: 190px;}   */ 
    
    .submenu a{text-align: center;padding: 0.5rem 0;}
    .submenu a i{display: block;font-size: 3rem; border: 1px solid #813C85; background: #813C85; color: #fff; height: 5rem; width: 5rem; margin-bottom: 0.5rem; text-align: center;transition: all 0.3s ease-in-out;}
    .submenu a i.zzebest-mingshifudao{font-size: 2.4rem}
    .submenu a i.zzebest-xuexiao{font-size: 3.2rem}
    .submenu a i.zzebest-simiao{font-size: 2.6rem}
    .submenu a i.zzebest-lvhang{font-size: 2.5rem}
    .submenu a:hover i{background: #fff; color: #813C85;}

    .zzebest-main .section-title{height: 40px;margin: 0}
.video-rightside .section-title {height: 45px;margin-bottom: 1.2rem; }
    .subcolumn .areabox .area-body{width: 100%}

}


@media only screen and (max-width: 991.98px) {
	.mode-container {display: none}

	.navbar-toggler {
		border: 0 none;
		font-size: 24px;
	}

	.navbar-nav {
		-webkit-animation-name: none;
		animation-name: none;
		float: left;
		text-align: center;
		width: 100%;
		box-shadow: 0 6px 19px rgba(0, 0, 0, 0.05);
		max-height: calc(100vh - 90px);
		overflow: scroll;
	}

	.navbar-nav:last-child {
		padding-bottom: 30px;
	}

	.navbar-expand-lg .navbar-nav .nav-item {
		-webkit-animation-name: none;
		animation-name: none;
		padding: 0;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		display: inline-block;
		padding: 6px;
		text-align: center;
	}

	header {height: auto;}

	.navbar-expand-lg .navbar-nav .nav-link {
		display: block;
		color: #111;
	}

	.navbar-toggler {padding: 0rem 0rem !important;	}

}

@media (max-width:767.98px) {
    .carousel .carousel-item img{height: 300px;}
    .zzebest-main .card{height: 170px;}
    .zzebest-main .card img{height: 170px;}
.footer .footer-copy .urlink ul {background-position-y: 6px}
.footer .footer-copy .urlink ul li{background-position-y: 6px}
.footer .footer-copy .urlink ul li a{font-size: 1rem; font-weight: 600; padding: 0 1rem; color: #fff}
.footer .footer-copy .copy{padding-top:1.5rem}
    
.socalshare .share-btn {background: #813C85 }   
.socalshare .share-btn i{color: #ffffff;}    
.socalshare .modal-content {left: 20%}
    
}
@media (max-width:575.98px) {
    .carousel .carousel-item img{height: 270px;}
    .zzebest-main .card{height: 160px; }
    .zzebest-main .card img{height: 160px;}
    
/*    .index-rightside{height: 270px; margin-bottom: 1rem}
    .index-rightside .card{height: 200px;}*/
    .footer .footer-copy .urlink{display: none;}
    .footer .footer-copy{ height: 50px;}
    
    .moblogo .logo {width: 220px;}

}
@media (max-width:479px) {
	.off-canvas-wrapper .off-canvas-inner-content {
		width: 280px
	}
}
@media (max-width:430px) {
    .carousel .carousel-item{padding-bottom:50px}
    .carousel-indicators{bottom: 40px;}
    .carousel .carousel-caption{height: 45px;bottom: 15px; overflow: hidden}
    .carousel .carousel-item img{height: 240px;}
    .zzebest-main .card{height: 130px; }
    .zzebest-main .card img{height: 130px;}
    
/*    .index-rightside{height: 250px; margin-bottom: 4rem}
    .index-rightside .card{height: 240px;}  */  
}

@media (max-width:360px) {
    .submenu a i{width: 4rem;height: 4rem}
    .carousel .carousel-item img{height: 210px;}
    .zzebest-main .card{height: 120px; }
    .zzebest-main .card img{height: 120px;}
    
/*    .index-rightside{height: 230px; margin-bottom: 4rem}
    .index-rightside .card{height: 190px;}  */  
}

@media (max-width:320px) {
    .submenu a i{width: 3.8rem;height: 3.8rem}
    .carousel .carousel-item img{height: 190px;}
    .zzebest-main .card{height: 100px; }
    .zzebest-main .card img{height: 100px;}
    
/*    .index-rightside{height: 230px; margin-bottom: 4rem}
    .index-rightside .card{height: 190px;}   */ 
}


/*===================================*/
@font-face {
  font-family: 'iconfont';
  src: url('../zzebest_font/iconfont.woff2?t=1752418191696') format('woff2'),
       url('../zzebest_font/iconfont.woff?t=1752418191696') format('woff'),
       url('../zzebest_font/iconfont.ttf?t=1752418191696') format('truetype'),
       url('../zzebest_font/iconfont.svg?t=1752418191696#iconfont') format('svg');
}/*
@font-face {
    font-family: 'Alibaba PuHuiTi';
    src: url('https://fonts.alicdn.com/webfont/AlibabaPuHuiTi1.woff2') format('woff2'),
         url('https://fonts.alicdn.com/webfont/AlibabaPuHuiTi1.woff') format('woff');
    font-display: swap;
}*/