::-webkit-input-placeholder {color:#aaa;font-size:14px}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i {
    color: #8844ff;
}
/*banner*/
.banner{width: 100%; position: relative; margin: 0 auto;}
.banner .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 300ms;
  min-height: 600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.banner .swiper-slide img {
  height: 100%;
  object-fit: cover;
}
.banner .swiper-pagination.swiper-pagination-bullets {
  bottom: 10px;
}
.banner .swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 4px;
  margin: 0 5px;
  border-radius: 1px;
  display: inline-block;
  outline: none;
  cursor: pointer;
  opacity: 100;
}
.banner .swiper-pagination .swiper-pagination-bullet{
  background-color: #999;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #8844ff;
}
.banner .main{position: absolute; top: 30px; right: 0; bottom: 30px; left: 0; z-index: 1;}
.boxx{width:340px;padding: 40px 30px;border-radius:16px;float: right;}
.boxx dl{height:40px;text-align: center;}
.boxx dl .login-btn{
  width: 100%;
  border-radius: 5px;
  margin-bottom: 10px;
  background-image: linear-gradient(to left bottom, #c04efe,#5a32f3);
  position: relative;
  text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  border: 0;
  cursor: pointer;
}
.boxx dl .login-btn:active {
  box-shadow: 0px 2px 0px 0px rgba(0,0,0,.2);
  top: 1px;
}
.boxx dl dt, .boxx dl dd, .boxx dl .em{float:left;line-height:40px}
.boxx dl dt{width:70px;font-size:14px;text-align:right;color:#666;text-align:left;line-height:40px}
.boxx dl dd{width:270px;text-align:left;position:relative;}
.boxx dl dd .layui-form-radio {
  margin: 0 10px 0 0;
}
.boxx dl dd.bg{background-color: #fff;}
@media ( max-width: 992px) {
  .banner { height: 40vw; }
  .banner .swiper-slide { min-height: 40vw; }
  .banner .swiper-pagination .swiper-pagination-bullet {width: 20px; height: 2px; margin: 0 3px;}
  .banner .main{display: none;}
}
/*reg*/
.reg{text-align:left;font-size:14px;background-color: rgba(255,255,255,0.8);margin-top: 50px;}
.reg h2 {color: #9f21c9;font-size: 24px;font-weight: 700;text-align: center;line-height: 40px;padding-bottom: 10px;}
.reg dl{height:40px;margin:15px 0}
.reg dl dt{height:40px;line-height:40px;font-size:14px;color:#333}
.reg dl dt, .reg dl dd{float:left;display:block;line-height:40px}
.reg ul{width:100%;height:40px;line-height:38px;border:#e1e1e1 1px solid;display:block;padding-left:10px;position:relative;box-sizing:border-box}
.reg ul:after{position:absolute;right:10px;top:15px;display:inline-block;content:'';width:14px;height:7px;background-position:left top;transition:transform .5s;-webkit-transition:-webkit-transform .5s}
.reg ul:after,.so ul:after{background:url("../images/ico.png") no-repeat;}
.reg ul:hover{cursor:pointer;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg ul:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.reg ul:hover li{display:block;box-shadow:3px 3px 2px rgba(0,0,0,0.1)}
.reg ul span{color:#999}
.reg ul li{width:100%;position:absolute;border:#dfdfdf 1px solid;background-color:#fff;right:-1px;top:38px;display:none;z-index:8;overflow:auto;max-height:300px}
.reg ul li a{display:block;text-align:left;color:#666;padding-left:15px;}
.reg ul li a:hover{background-color:#eee;color:#000}
.reg ul li a.ed{background-color:#f75259;color:#fff;border:0}
.reg ul li em a{text-align:center}

.reg ul.birthday span{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.reg ul.birthday li{width:530px;min-height:220px;padding:20px 10px;line-height:32px;z-index:6;max-height:auto;overflow:initial;}
.reg ul.birthday li .msk{width:100%;height:2px;background-color:#fff;position: absolute;right: 0;top: -1px;}
.reg ul.birthday li p b,.reg ul.birthday li p i,.reg ul.birthday li p font{min-width:34px;margin:2px;padding:0 4px;border-radius:3px;border:0;display:inline-block;line-height:30px;text-align:center;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;box-sizing:border-box;border:#fff 1px solid}
.reg ul.birthday li p b{margin-right:0;padding-right:2px;font-weight:normal;color:#999}
.reg ul.birthday li p i{border-color:#eee}
.reg ul.birthday li p i:hover{border-color:#8844ff;background-color:#eee4ff;color:#8844ff}
.reg ul.birthday li p .ed{border-color:#8844ff;background-color:#8844ff;color:#fff}
.reg ul.birthday li p .ed:hover{background-color:#E83191;color:#fff}
.reg ul.birthday li .Ybox{display:none}
.reg ul.birthday li .Mbox,.reg ul.birthday li .Dbox{display:none;padding:20px 0 0}
.reg ul.birthday li .Mbox i,.reg ul.birthday li .Dbox i{margin:6px}

.reg ul.area li{width:500px;min-height:260px;padding:10px 10px 20px 10px;z-index:8;max-height:auto;overflow:initial}
.reg ul.area li .msk{width:100%;height:2px;background-color:#fff;position: absolute;right: 0;top: -1px;}
.reg ul.area li.close{height:auto}
.reg ul.area li a{float:left;min-width:40px;padding:0 5px;height:30px;line-height:30px;margin:5px;border:#eee 1px solid;color:#333;background-color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}
.reg ul.area li a:hover{background-color:#eee;color:#000;}
.reg ul.area li a.ed{border-color:#8844ff}
.reg ul.area dl{margin:0 0 15px;clear:both;overflow:hidden;position:relative}
.reg ul.area dt{float:left;line-height:25px;text-align:center;color:#666;padding:0 15px;margin:0 15px;border-bottom:0px;margin-top:10px}
.reg ul.area dt.ed{background:#fff;border:#eee 1px solid;border-bottom:0px;border-top:#8844ff 2px solid;border-bottom:#fff 1px solid}
.reg ul.area dl dd{width:100%;height:25px;border-bottom:#eee 1px solid;position:absolute;bottom:0;left:0;z-index:-1}
.reg ul.area span{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.reg ul.height li {width:475px;height:225px;padding:10px 0 20px 10px;z-index:8;max-height:auto;overflow:initial}
.reg ul.height li .height_box{padding:10px 0 0}
.reg ul.height li i{min-width:34px;margin:2px;padding:0 4px;border-radius:3px;border:0;display:inline-block;line-height:30px;text-align:center;color:#666;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;box-sizing:border-box;border:#eee 1px solid}
.reg ul.height li i:hover{border-color:#8844ff;background-color:#FCEFF4;color:#E83191}
.reg ul.height li  .ed{border-color:#8844ff;background-color:#8844ff;color:#fff}
.reg ul.height li  .ed:hover{background-color:#E83191;color:#fff}

.reg .regbtn{width:100%;border-radius:30px}
.reg .clause{margin:0 auto;text-align:center;color:#999;font-size:14px}
.reg dd.yzmF{position:relative}
.reg .yzmF a.yzmbtn{width:100px;display:block;line-height:24px;height:24px;position:absolute;color:#8844ff;text-align:center;top:8px;right:1px;background-color:#fff;border-left:#e1e1e1 1px solid}
.reg .yzmF a.yzmbtn:hover{color:#E83191;}
.reg .yzmF a.yzmbtn font{color:#f00}
.reg .yzmF a.yzmbtn b{color:#f00;font-weight:normal;margin-right:2px}
.reg .yzmF a.disabled{color:#999;border:0;padding:0;margin:0;font-size:12px}

/*user list*/
.tabbox{margin-top: 50px; background-color: #fff; border-radius: 8px;}
.tab-title{display: flex; align-items: center; justify-content: space-between; height: 80px;}
.tab-title ul{margin-bottom: 5px; float: left;}
.tab-title ul li{position: relative; float: left;}
.tab-title ul li:before{ content: ""; position: absolute; right: 0; top: 10px; width: 1px; height: 15px; background-color: #6d6d6d; }
.tab-title ul li:last-child:before{ width: 0px;}
.tab-title ul li a{position: relative; display: block; font-size: 16px; line-height: 34px; margin: 0 25px;}
.tab-title ul li a:hover, .tab-title ul li a.hover{color: #9f21c9;}
.tab-title ul li a:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-bottom: solid 2px #9f21c9;
  -webkit-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}
.tab-title ul li a:hover:before, .tab-title ul li a.hover:before{width: 100%;}
.tab-title span{height: 32px; color: #9f21c9; font-size: 14px; line-height: 32px; border: 1px solid #9f21c9; border-radius: 16px; padding: 0 20px; margin-right: 25px; cursor: pointer;}
.userbox{padding: 0 20px;}
@media screen and (min-width: 992px) {
  .userbox .layui-col-md3 { width: 20%; }
}
.userbox .item{display: flex; align-items: center; justify-content: center;}
.userbox .item li{width:200px;height:320px; display: block;}
.userbox .item li a.mbox{width:100%;height:250px;overflow:hidden;position:relative;display:block;border-radius:3px}
.userbox .item li a.mbox p{width:100%;height:250px;display:block;border-radius:3px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.userbox .item li a.mbox em{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;display:none;cursor:pointer;color:#fff;text-align:center}
.userbox .item li a.mbox em span{display:block;margin:20px auto;font-size:14px; line-height: 24px;}
.userbox .item li a.mbox b{position:absolute;bottom:-36px;left:50%;margin-left:-50px; width:100px;line-height:32px;text-align:center;background-color:#fff;font-weight:normal;border-radius:30px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.userbox .item li a.mbox em .grade{display: flex; align-items: center; justify-content: center; width: 66px;height: 66px;border-radius:50%;margin:25px auto;background-color: #fff;}
.userbox .item li a.mbox em img{max-height: 40px; vertical-align: middle;}
.userbox .item li a.mbox:hover em{background-color:rgba(0,0,0,0.5);display:block}
.userbox .item li a.mbox:hover p{filter:blur(8px);-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.userbox .item li a.mbox:hover b{bottom:25px}
.userbox .item li h4{color:#666;font-size:14px;text-align: left; margin-top: 10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.userbox .item li h4 img{height: 16px; vertical-align: middle; margin-right: 4px;}
.userbox .item li h5{color:#999;font-size:14px;text-align: left; margin-top: 5px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.userbox .item li.s1 a.mbox b{color:#b44cff;}
.userbox .item li.s1:hover h4,.userbox .item li.s1:hover h5{color:#b44cff}
.userbox .item li.s2 a.mbox b{color:#5a32f3;}
.userbox .item li.s2:hover h4,.userbox .item li.s2:hover h5{color:#5a32f3}

@media ( max-width: 992px) {
  .tabbox{margin-top: 30px;}
  .tab-title{justify-content: center;}
  .tab-title span{display: none;}
  .userbox .item li{height:300px;}
  .userbox .item li a.mbox{height:230px;}
  .userbox .item li a.mbox p{height:230px;}
}
/*fuwu*/
.fuwu{background-image: linear-gradient(to right, #c04efe,#5a32f3); margin-top: 60px;}
.fw-title{ display: flex; flex-direction: column; align-items: center; overflow: hidden;}
.fw-title .fw-bt{ position: relative; height: 40px; color: #fff; font-size: 24px; line-height: 40px;  margin-top: 25px; }
.fw-title .fw-bt:after{ position: absolute; content: ""; width: 100px; height: 1px; background-color: #D8D8D8; top: 20px; left: -120px; }
.fw-title .fw-bt:before{ position: absolute; content: ""; width: 100px; height: 1px; background-color: #D8D8D8; top: 20px; right: -120px; }
.fw-title .fw-en{ color: #fff; font-size: 12px; line-height: 20px; }

.fw-list{padding: 25px 0;}
.fw-item{display: flex; flex-direction: column; align-items: center;}
.fw-item img{width: 100%; vertical-align: top;}
.fw-item span{display: flex; align-items: center; justify-content: center; height: 80px; font-size: 16px; line-height: 24px; text-align: center; background-color: #fff;}
.fw-item:hover{
	transition: all .3s ease-in-out;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.2);
	box-shadow:0 6px 12px rgba(0,0,0,.2);
	-webkit-transform:translate3d(0,-5px,0);
	transform:translate3d(0,-5px,0);
}
@media ( max-width: 992px) {
  .fuwu{margin-top: 40px;}
  .fw-item span{height: 60px; font-size: 14px; line-height: 20px;}
}
/*my_tel*/
.my-tel{padding-top: 40px; padding-bottom: 30px;}
.my-tel img{width: 100%; vertical-align: top;}
@media ( max-width: 992px) {
  .my-tel{padding-top: 40px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;}
}

/*news*/
.news{padding-top: 30px; padding-bottom: 50px;}
.news-tabs{width: 100%; height: 53px;}
.news-tabs-box{position: relative; width: 100%; height: 37px; border-bottom: 1px solid #a964e3;}
.news-tabs-list{position: absolute; height: 38px; padding-left: 15px; top: 0; right: 0; bottom: 0; left: 0;}
.news-tabs-list span{width: 100px; height: 38px; color: #fff; font-size: 16px; font-weight: bold; line-height: 38px; text-align: center; background-color: #a964e3; border: 1px solid #a964e3; border-radius: 12px 12px 0 0; margin-right: 5px; cursor: pointer; float: left;}
.news-tabs-list span.hover{color: #a964e3;background-color: #fff;}
.news-list{background-color: #fff; padding: 0 15px;}
.news-item{display: flex; align-items: center;}
.news-item .news-pic{ display: flex; align-items: center; justify-content: center; height: 130px;}
.news-item .news-pic img{ height: 130px; vertical-align: middle;}
.news-item .news-content{flex: 1; height: 130px; padding-left: 15px; box-sizing: border-box; overflow: hidden;}
.news-item .news-content .news-title{height: 30px; font-size: 16px; line-height: 30px; text-align: left; font-weight: bold; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-item .news-content .news-title a:hover{color: #823cc3;}
.news-item .news-content .news-text{min-height: 72px; color: #666; font-size: 14px; line-height: 24px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.news-item .news-content .news-time{min-height: 28px; color: #999; font-size: 12px; line-height: 28px; text-align: right; }
@media ( max-width: 992px) {
  .news{padding: 30px 0;}
  .news-item .news-pic{height: 90px;}
  .news-item .news-pic img{ height: 90px;}
  .news-item .news-content{height: 90px; padding-left: 10px;}
  .news-item .news-content .news-title{height: 26px; font-size: 14px; line-height: 26px;}
  .news-item .news-content .news-text{min-height: 44px; font-size: 12px; line-height: 20px; -webkit-line-clamp: 2;}
  .news-item .news-content .news-time{min-height: 20px; line-height: 20px; }
}