/*
	公共css
*/

body {
	background-color: #F6F7F8;
        width:100vw;
        height:100vh;
}

*{margin: 0;padding: 0}
em,i{ font-style:normal;}
ul{ list-style:none;}
img{ border:0 none;}
a{ text-decoration:none; outline:none;}
li,img,label,input {vertical-align: middle; }

.wrapper {
	width: 68%;
	margin: 0 auto;
}

.flex {
	display: flex;
}

.font-color {
	color: #7C318C;
}

.f16 {
	font-size:0.83vw;
}

.f14 {
	font-size: 0.73vw;
}

.bg-color {
	background-color: #7C318C;
}

.black {
	color: #333333;
}

.gray {
	color: #999999;
}

.primary-bg {
	background-color: #FEFBFF;
}

.top {
	padding: 1.35vw 0;
	background-color: white;
}

.top .wrapper {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.top .logo{
	width: 47.45vw;
	height: 4.06vw;
	font-size: 0;
}

.top .logo img {
	width: 100%;
	height: 100%;
}

.top-guide {
	display: flex;
	align-items: center;
}

.top-guide a {
	font-size: 0.83vw;
	color: #333333;
	margin-left: 1.46vw; 
}

.top-guide a:first-child {
	margin-left: 0;
}

.navigation {
	background-color: #7C318C;
}

.navigation .wrapper {
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navigation .nav-item {
	width: 10%;
	display: block;
	padding: 1.09vw 0;
	transition: all .3s ease;
	color: white;
	font-size: 0.83vw;
	text-align: center;
	position: relative;
}

.navigation .nav-item .sub-nav {
	display: none;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	background-color: #7C318C;
	z-index: 3;
}

.navigation .nav-item .sub-nav a {
	display: block;
	color: white;
	font-size: 0.83vw;
	text-align: center;
	width: 100%;
	padding: 0.42vw 0;
}

.navigation .nav-item .sub-nav a:hover {
	background-color: #9E48B1;
}

.navigation .nav-item:hover, .navigation .nav-item.light {
	background-color: #9E48B1;
}

.navigation .nav-item:hover .sub-nav {
	display: block;
}

.swiper {
	width: 68%;
        margin: 0 auto;
}

.swiper .swiper-container {
	width: 100%;
        height:100%;
}

.swiper .swiper-slide {
	width: 100%;
	height: 21.88vw;
}

.swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: fill;
}

.footer {
	background-color: #0C131C;
	padding-top: 2.5vw;
	padding-bottom: 1.61vw;
}

.friends {
	text-align: center;
	color: white;
	font-size: 0.83vw;
}

.friends a {
	color: white;
	margin-right: 2.5vw;
}

.contact {
	margin-top: 2.60vw;
	text-align: center;
	color: rgba(255, 255, 255, .7);
	font-size: 0.73vw;
}

.contact span {
	margin-right: 1.67vw;
}

.inews .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.63vw 1.04vw;
	background-color: #FEFBFF;
}

.inews .title .title-text {
	font-size: 0.83vw;
	color: #7C318C;
	font-weight: bold;
}

.inews .title .title-href {
	font-size: 0.83vw;
	color: #7C318C;
}

.inews .title .title-href span {
	margin-left: 0px;
}

.inews .list {
	padding: 0 1.25vw;
}

.inews .list .item {
	padding: 0.73vw 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 0.1vw dashed #e1e1e1;
}

.inews .list .item:last-child {
	border-width: 0;
}

.inews .list .item-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.inews .list .item-text:before {
	content: '·';
	display: inline;
}

.inews .list .item-date {
	width: 3.91vw;
}


.paginate {
	display: flex;
	align-items: center;
	justify-content: center;
        position: relative;
        bottom: -2.08vw;
}

.page-count {
	font-size: 0.83vw;
	color: #999;
}

.page-control {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.52vw;
	border: 1px solid #EEEEEE;
        flex-wrap: wrap;
}

.page-control .page-item {
	/* width: 38px; */
	font-size: 0.73vw;
	color: #999;
	height: 1.98vw;
	padding: 0 0.73vw;
	border: 0.03vw solid #EEEEEE;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: all .3s ease;
}

.page-control .page-item:last-child {
	border-width: 0;
}

.page-control .page-item:hover, .page-control .page-item.active {
	background-color: #7C318C;
	color: white;
}

.page-style {
	display: flex;
	align-items: center;
	margin-left: 0.52vw;
}

.page-style-text {
	font-size: 0.83vw;
	color: #999;
}

.page-style-select {
	background-color: #F7F7F7;
	border: 1px solid #EEEEEE;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 2.71vw;
	height: 1.67vw;
	margin: 0 0.21vw;
}

.page-style-select .page-style-select-view {
	font-size: 0.88vw;
	color: #666666;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.page-style-select .page-style-select-view:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 0.36vw solid #999999;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	transform: translateY(0.21vw);
	margin-left: 0.21vw;
}

.page-style-select .page-style-options {
	position: absolute;
	left: -0.05vw;
	top: 100%;
	width: 100%;
	border: 0.05vw solid #EEEEEE;
	background-color: #F7F7F7;
	display: none;
}

.page-style-select .page-style-options .page-style-option-item {
	font-size: 0.73vw;
	color: #666666;
	text-align: center;
	padding: 0.31vw 0;
	cursor: pointer;
}

.page-style-select .page-style-options .page-style-option-item:hover {
	background-color: #7C318C;
	color: white;
}

.page-style-select.show .page-style-options {
	display: block;
}