* {
  margin: 0;
  padding: 0; }

.none {
  display: none; }

.comm-buon {
  width: 1.86667rem;
  text-align: center;
  height: 0.69333rem;
  background-color: #bc204b;
  border-radius: 0.33333rem;
  color: #fff;
  font-size: 0.26667rem;
  line-height: 0.8rem; }

.topimg {
  position: fixed;
  right: 2vw;
  z-index: 99999;
  bottom: 10vh; }
  .topimg img {
    width: 0.66667rem;
    height: 0.8rem; }

.line {
  position: relative;
  top: 1.06667rem;
  width: 89%;
  height: 1px;
  background-color: #f0f0f0;
  margin: auto; }

.line-1 {
  position: relative;
  top: 0.66667rem;
  width: 89%;
  height: 1px;
  background-color: #f0f0f0;
  margin: auto; }

.flex, .charBton {
  display: flex; }

.flend {
  align-items: flex-end; }

.flaround {
  justify-content: space-around; }

.flbetween {
  justify-content: space-between; }

.flcenter {
  justify-content: center; }

.flexcolum {
  flex-direction: column; }

a {
  text-decoration: none;
  color: red; }

.charBton {z-index: 100;
  position: fixed;
  bottom: 0;
  width: 100vw; }
  .charBton .advice {
    border-right: 1.5px solid white; }
  .charBton a {
    display: inline-block;
    width: 50%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    background: #bc204b;
    color: #fff;
    font-size: 14px; }

.header {
  z-index: 9999;
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 100%;
  height: 1.6rem; }
  .header-Left img {
    padding: 0.4rem 0.32rem 0 0.32rem;
    height: 0.64rem;
    width: 2.05333rem; }
  .header-Right img {
    padding: 0.4rem 0.26667rem 0 0.26667rem;
    cursor: pointer;
    width: 0.58667rem;
    height: 0.58667rem; }

.bottom {
  background-color: #1d1e1f;
  margin-bottom: 1.06667rem !important;
  padding: 0 0.53333rem 0 0.53333rem; }
  .bottom-tact {
    padding-top: 0.32rem;
    color: #fff;
    font-size: 0.42667rem; }
  .bottom .connect {
    padding: 0.26667rem 0 0.26667rem 0; }
  .bottom .us {
    font-size: 0.4rem;
    color: #797980; }
  .bottom .us-2 {
    font-size: 0.24rem;
    color: #797980; }
  .bottom .us-1 {
    color: #fff;
    font-size: 0.4rem;
    font-weight: bold; }
  .bottom .clock {
    padding: 0.26667rem 0 0.26667rem 0;
    text-align: center; }
  .bottom .clocksize {
    font-size: 0.24rem !important; }
  .bottom-address {
    padding: 0.26667rem 0 0.26667rem 0;
    text-align: center;
    font-size: 0.32rem;
    color: #797980; }
  .bottom .copyline {
    position: relative;
    left: -0.53333rem;
    width: 100vw;
    height: 1px;
    background-color: rgba(115, 115, 128, 0.1);
    margin: auto; }

.selChange {
  position: relative;
  right: 0px;
  top: 0px;
  top: 0rem;
  display: none;
  z-index: 9999999;
  width: 60vw;
  height: 100vh;
  position: fixed;
  background-color: #282726; }
  .selChange .selHide {
    margin-top: 3vh;
    text-align: right;
    color: white;
    padding-right: 20px;
    font-size: 5vw; }
  .selChange .addcolor {
    text-align: center;
    color: #9a9a9a;
    font-size: 0.13333rem; }
  .selChange .addbottom {
    width: 100%;
    position: absolute;
    bottom: 3vh; }
  .selChange a {
    color: #d7d7d7;
    font-size: 0.42667rem; }
  .selChange ul {
    list-style: none; }
    .selChange ul li {
      padding-left: 20%;
      margin-top: 2.5vh; }

.video {
  width: 60%;
  background-color: aqua;
  height: 300px; }
  .video #video1 {
    width: 100%;
    cursor: pointer;
    height: 100%;
    object-fit: fill; }
    .video #video1 img {
      height: 1000px; }
    .video #video1 image {
      height: 900px; }
  .video #video2 {
    width: 100%;
    cursor: pointer; }
	.social_box{clear: both;position: relative;}
#social_icon{
	display: flex;
	justify-content:center;
	margin: 20px auto;
	
}
#social_icon li{
	list-style: none;
	padding: 0 10px;
}
#qrcode{
	position: absolute;top:-135px;left:30px;display: none;
}
.swiper-pagination-bullet-active{background-color: #FFF !important;}
#top_nav{
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 95%;
	margin: 1.6rem auto 10px auto;
}
#top_nav>li{
	font-size: 16px;
	width: calc((100% - 0px) / 4);
	text-align: center;
	font-family:"PingFang SC";
	font-weight: 400;
	
	overflow: hidden;
}
#top_nav>li:nth-child(n+5){
	border-top: 1px dotted #e6e6e6;
}
#top_nav>li>a{
	color: #282828;
	display: block;
	margin: 7px auto;
}
#top_nav>li:not(:nth-child(4)):not(:nth-child(8))>a{
	border-right: 1px dotted #e6e6e6;
}
#top_nav>li>a.current{
	color: #bc204b;
}