/*public */
html,body,form,ol,ul,li,div,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,table,th,td,font,em,ins,span,a{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;color:#656565;}
a:hover{text-decoration: none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
img{border:0;}
.right{float:right;}
.left{float:left;}
.clearfix:after{ content:""; height:0; display:block; clear:both; }
.clearfix{ zoom:1; }
html,body{min-width: 1200px; scroll-behavior: smooth;}
body{background:none; font-size:14px; font-family:"Microsoft YaHei";color:#1a1a1a;overflow-x: hidden;}
.top-bar{position: fixed;top:0;left:0;min-width: 1200px;width:100%;height: 64px;line-height: 64px;background-color: rgba(0,0,0,.2);z-index: 88;}
.top-bar.white{background-color: #ffffff;position: absolute;}
.top-bar.white .top-nav a{color: #1a1a1a;}
.top-bar.white .top-nav a.on,.top-bar.white .top-nav a:hover{border-bottom-color: #fd2f5f;color: #fd2f5f;}

.top-bar:after{display: block;content: '';width: 100%;height: 100%;position: absolute;left: 0;top:0;filter:blur (2px)}
.rel{width: 1200px;margin:0 auto;position: relative;}
.relbar{width: 95%;margin:0 auto;position: relative;}
.logo{position: absolute;top:15px;width: 96px;height: 34px;z-index: 2;}
.top-nav{position: absolute;right:160px;overflow: hidden;z-index: 3;}
.top-nav a{float: left;height:61px;line-height:61px;margin-right: 54px;font-size: 16px;color: #ffffff;text-align: center;border-bottom: 3px solid transparent;}
.top-nav a.on,.top-nav a:hover{border-bottom-color: #ffffff;}
.share-box{position: absolute;right: 15px;top:18px;z-index: 3;height: 28px;}
.share-box a{float:left;margin-left:20px;width: 28px;height: 28px;cursor: pointer;}
.share-box a.share-wx{background: url(../images/icon-w.png) 0 0;position: relative;}
.share-box a.share-wx img{position: absolute;top:64px;left: -54px;width: 152px;display: none;}
.share-box a.share-wx:hover img{display: block;}
.share-box a.share-xhs{background: url(../images/icon-xhs.png) 0 0;position: relative;}
.share-box a.share-xhs img{position: absolute;top:64px;left: -54px;width: 152px;display: none;}
.share-box a.share-xhs:hover img{display: block;}
.share-box a.share-b{background: url(../images/icon-b.png) 0 0;}
.share-box a.share-nk{background: url(../images/icon-nk.png) 0 0;position: relative;}
.share-box a.share-nk img{position: absolute;top:64px;left: -80px;width: 152px;display: none;}
.share-box a.share-nk:hover img{display: block;}

.wrap{min-width: 1200px;position: relative;margin:0 auto;overflow: hidden;}
.index-wrap{height: 1600px;}
.banner-video{position: absolute;left: 50%;top:0;margin-left:-960px;width: 1920px;height: 1032px;background-color: #000;}
.banner-btnplay{position: absolute;right:580px;top:306px;display: block;width: 103px;height: 123px;background: url(../images/banner-btnplay.png) no-repeat 0;cursor: pointer;}
.banner-btnplay:hover{background-image: url(../images/banner-btnplay-hov.png);}
.school-banner-video{position: absolute;left: 50%;top:60px;margin-left:-960px;width: 1920px;height: 800px;background-color: #000;}
.school_slogan_paly{position: absolute;right:620px;top:320px;display: block;width: 103px;height: 123px;background: url(../images/school_slogan_paly.png) no-repeat 0;cursor: pointer;}
.school_slogan_paly:hover{background-image: url(../images/school_slogan_paly_hov.png);}
.scrolldown{position: absolute;left: 50%;top:646px;margin-left:-40px;width: 79px;height: 87px;background: url(../images/scrolldown.png) no-repeat 0 0;-webkit-animation:jump 1.5s linear infinite;animation:jump 1.5s linear infinite; z-index:2;}
.scrolldown a{display:block; width:70px; height:85px;}
.school-banner-btns-group {
  position: absolute;
  top:500px;
  left: 0;
  display: flex;
  gap: 50px;
  width: 100%;
  justify-content: center;
}
.school-banner-btn{
  position: unset !important;
  margin-left: unset !important;
  display: inline-block !important;
  width: 200px;
  height: 56px;
  background: url(../images/btn-common-bg.png) no-repeat 0 0;
  cursor: pointer;
  line-height: 56px;
  text-align: center;
  color: #e9dfe0;
  z-index: 9;
  font-size: 16px;
}
.school-banner-btn:hover {
  background-position: 0 -56px;
}

@-webkit-keyframes jump {
    25% {
      -webkit-transform: translateY(-10px);
    }
    50%, 100% {
      -webkit-transform: translateY(0);
    }
    75% {
      -webkit-transform: translateY(10px);
    }
}
@keyframes jump {
    25% {
      -webkit-transform: translateY(-10px);
    }
    50%, 100% {
      -webkit-transform: translateY(0);
    }
    75% {
      -webkit-transform: translateY(10px);
    }
}

.slogan{position: absolute;left:50%;margin-left:-911px;top:80px;width: 1822px;height: 798px;z-index: 2;background: url(../images/slogan.png) no-repeat 0 0;}
.school-slogan{
  position: absolute;left:50%;margin-left:-960px;top:0px;width: 1920px;height: 1100px;z-index: 2;
  background: url(../images/school_slogan_bg.png) no-repeat 0 0;
}
.school-slogan-text1 {
  position: absolute;
  /* left: 39.8%; */
  left: 0;
  top: 265px;
  width: 100%;
  z-index: 3;
  color: #f0ecea;
  font-size: 18px;
  letter-spacing: 4px;
  text-align: center;
}
.school-slogan-img {
  position: absolute;
  left: 35%;
  top: 315px;
  z-index: 3;
  width: 510px;
  height: 145px;
  background: url(../images/school-slogan.png) no-repeat 0 0;
  background-size: contain;
}
.content{position: absolute;left: 50%;top:-188px;transform:translateX(-50%);width:100%;padding-top:1032px;height: 1489px;background: url(../images/bg.png) no-repeat center 0;overflow: hidden;}
.intro-box{padding-top: 204px;}
.intro-cont{margin-left: 0px;}
.intro-title{margin-left:-96px;width: 427px;height: 100px;background: url(../images/title-intro.png) no-repeat center;}
.intro-box h3{margin-top:38px;font-size: 28px;}
.intro-box h4{width:675px;margin-top:28px;font-size: 16px;line-height: 26px;}
.btn-more{display: block;margin-top:54px;width: 184px;height: 56px;background: url(../images/btn-more.png) no-repeat 0 0;}
.btn-more:hover{background-position: 0 -56px;}
.intro-video{position: absolute;right: 0;top:170px;width: 470px;height: 422px;background-color: #f00;animation:transform 25s ease-in-out infinite alternate both;-webkit-animation:transform 25s ease-in-out infinite alternate both;transform-style:preserve-3d;}
.intro-video:after{display: block;content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(45,100,204,.1);animation:transform 25s ease-in-out infinite alternate both;-webkit-animation:transform 25s ease-in-out infinite alternate both;transform-style:preserve-3d;}
.intro-video video{width: 470px;height: 422px;animation:transform 25s ease-in-out infinite alternate both;-webkit-animation:transform 25s ease-in-out infinite alternate both;transform-style:preserve-3d;}
.btn-play{position: absolute;left:50%;top:50%;margin:-45px 0 0 -45px;display: block;width: 91px;height: 91px;background: url(../images/btn-play.png) no-repeat;z-index: 5;cursor: pointer;}
.btn-play:hover{background-image: url(../images/btn-play-hov.png);}
.intro-video-ball{position: absolute;left: -60px;bottom: 30px;width: 130px;height: 126px;background: url(../images/video-ball.png) no-repeat 0;z-index: 6;}
.swiper-pic{position: relative;min-width: 1200px;overflow: hidden;height: 868px;}
.swiper-container{padding-bottom: 120px;padding-top: 200px;height:600px;}
.swiper-slide{
    transform-origin:50% 800%;
}

.swiper-container .swiper-slide{width:360px;height: 361px;}
.swiper-container .swiper-slide img{width: 360px;display: block;margin: 0 auto;}
.happylife{position:absolute;left:50%;top:636px;margin-left:-425px;width: 849px;height: 107px;background: url(../images/happylife.png) no-repeat center 0;}
.happy-ss{position:absolute;left:50%;top:543px;margin-left:-336px;width: 990px;height: 422px;background: url(../images/happy-ss.png) no-repeat center 0;}
.footer{width: 100%;height: 112px;padding:70px 0;background-color: #1e2329;color: #6e7277;}
.footer-left{float: left;width: 34%; margin-left:11%;border-right: 2px solid #2f343a;}
.footer-left p{margin-top:14px;font-size: 12px;line-height: 16px;}
.footer-right{float: left;margin-left: 3%;width: 50%;}
.footer-right ul{width: 100%;margin-top:20px;overflow: hidden;}
.footer-right ul li{float: left;width: 152px;margin-bottom:10px;}
.footer-right ul li.nomargin{margin: 0;}
.footer-right ul li a{color: #aeb2b5;}
.footer-right ul li a:hover{color: #6e7277;}
/* pop_video */

.pop_fixed {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 200;
}

.pop_video_cont {
    position: absolute;
    width: 820px;
    height: 460px;
    left: 50%;
    top: 50%;
    margin-left: -410px;
    margin-top: -230px;
}

.pop_video_cont video {
    width: 100%;
}

.pop_video_cont.nvshenv video {
    width: 820px;
    height: 460px;
}

.close_video {
    position: absolute;
    top: 0px;
    right: -48px;
    width: 40px;
    height: 40px;
    background: url(https://games.wanmei.com/images/index2103/close.jpg) no-repeat 0 0;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
    cursor: pointer;
}

.close_video:hover {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
}
@-webkit-keyframes transform {
	0%,to {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
	}
}

@keyframes transform {
	0%,to {
		border-radius: 63% 37% 54% 46%/55% 48% 52% 45%
	}

	14% {
		border-radius: 40% 60% 54% 46%/49% 60% 40% 51%
	}

	28% {
		border-radius: 54% 46% 38% 62%/49% 70% 30% 51%
	}

	42% {
		border-radius: 61% 39% 55% 45%/61% 38% 62% 39%
	}

	56% {
		border-radius: 61% 39% 67% 33%/70% 50% 50% 30%
	}

	70% {
		border-radius: 50% 50% 34% 66%/56% 68% 32% 44%
	}

	84% {
		border-radius: 46% 54% 50% 50%/35% 61% 39% 65%
	}
}

.society-wrap{position: inherit;}
.mySwiper{position: relative;left: 50%;top:58px;width: 100%;transform:translateX(-50%);overflow: hidden;}
.mySwiper .swiper-slide{width: 100%;height: 100%;position: relative;display: block;}
.mySwiper .swiper-slide img{width: 100%;height: 100%;}
.mySwiper .swiper-slide:after{position: absolute;left: 0;top:0;content: '';width: 100%;height: 100%;}
.swiper-pagination{position: relative;bottom:-25px;left:0;width: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{z-index: 3;}
.swiper-pagination-bullet{width: 20px;height: 6px;background: url(../images/dot.png) no-repeat center;opacity: 1;border-radius: 0;margin:0 4px;}
.swiper-pagination-bullet-active{background: url(../images/dot-on.png);}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.swipercover {position: relative; width: 1920px; height: 620px; background: url(../images/society-bg.png) no-repeat top; left: 50%;transform:translateX(-50%); z-index: 10; pointer-events:none; }

.society-slogan{position: absolute;left: 50%;margin-left:-206px;top:326px;width: 413px;height: 160px;background: url(../images/society-slogan.png) no-repeat center;z-index: 2;}
.society-box{position: absolute;top:397px;left:50%;transform:translateX(-50%);width: 1920px;/* height:373px;background: url(../images/society-bg.png) no-repeat center 0;  */}
/*.society-item1{position: absolute;left: 50%;top:-220px;width: 598px;height: 598px;background: url(../images/society-item1.png) no-repeat center;}*/
.society-welcome{position: absolute;left: 50%;top:140px;margin-left: -248px;width: 497px;height: 20px;background: url(../images/society-welcome-w.png) no-repeat center;}
.society-cardswrap {position: relative; width: 100%; margin-top: -538px;margin-bottom: 100px; z-index: 11;}
.society-cards {width: 1221px; margin: 0 auto; }
.society-cards .float-box{display: none; background-color: #70707041;backdrop-filter: blur(5px);border-radius: 10px; z-index: 12; }
.society-cards .float-box img {position: relative; left: 50%; top: 50%;transform:translate(-50%,-50%);}
.society-cards .pwrd {position: relative; width: 451px; height: 200px; background: url(../images/pw1.png) no-repeat center; left: 50%; transform: translateX(-50%);}
.society-cards .pwrd a {position: absolute; left: 0; top: 0; width: 451px; height: 200px;}
.society-cards .pwrd p {
  position: relative;
  text-align: center;
  top: 136px;
  color: #959595;
  font-size: 16px;
}
.society-cards .menbers {position: relative; top: 14px; height: 780px;}
.society-cards .menbers li {position: relative; float: left; width: 590px; height: 241px; background: url(../images/cardbg.png) no-repeat center; margin: 10px;}
.society-cards .menbers li .text {float: right; position: relative; width: 390px; margin-right: 30px; top:50%; transform: translateY(-50%);}
.society-cards .menbers li a{position: absolute; left: 0; top: 0; width: 590px; height: 241px;}
.society-cards .menbers li .icon {position: relative; left: 30px; top: 65px; width: 104px; height: 104px;}
.society-cards li span {font-size: 24px; font-weight: bolder; margin-bottom: 8px;}
.society-cards li p {font-size: 18px; margin-top: 8px; color: #959595;}

.society-cards .title {position: relative;top: 60px; height: 30px; font-size: 28px; font-weight: bolder; text-align: center;}
.society-cards .links {position: relative; margin-top: 100px;}
.society-cards .links li {position: relative; width: 1200px; height: 176px; background:url(../images/card_linkbg.png) no-repeat center; margin: 10px;}
.society-cards .links li .text {float: right; position: relative; width: 850px; margin-right: 30px; top:50%; transform: translateY(-50%);}
.society-cards .links li a{position: absolute; left: 0; top: 0; width: 1200px; height: 176px;}
.society-cards .links li .icon {position: relative; left: 30px; top: 60px; width: 201px; height: 52px;}


.btn-joinus{display: block; position: absolute;left: 50%;top:200px;margin-left:-92px;width: 184px;height: 56px;background: url(../images/btn-joinus.png) no-repeat center 0;}
.btn-joinus:hover{background-position: 0 -56px;}
.btn-join{display: block;position: absolute;top:200px;margin-left:-92px;}
.btn-join:hover{background-position: 0 -56px;}
.vote1{left: 57%;width: 184px;height: 56px;background: url(../images/btn-vote1.png) no-repeat center 0;}
.vote2{left: 50%;width: 160px;height: 56px;background: url(../images/btn-vote.png) no-repeat center 0;}
.happy-wrap{height: 3150px;background: url(../images/happy-bg.jpg) no-repeat center;}
.happy-banner{margin-top:64px;width: 100%;height: 416px;background: url(../images/happy-banner.jpg) center;}
.happy-sec1{margin-top:120px;margin-left:-388px;width: 1868px;height: 793px;background: url(../images/happy-sec1-bg.png) no-repeat 0 0;}
.happy-sec1-tit{position: absolute;left:0;top:-70px;width: 503px;height: 134px;background: url(../images/happy-sec1-tit.png);}
.happy-sec1-box{position: absolute;left: 86px;top:180px;width: 531px;}
.happy-sec-box ul li{margin-bottom:30px;}
.happy-sec-box h3{margin-bottom:20px;font-size: 18px;color: #1a1a1a;line-height: 30px;font-weight: bold;position: relative;}
.happy-sec-box h3:after{display: block;content: '';position:absolute;left:-84px;width: 55px;height: 55px;background-repeat: no-repeat;}
.happy-sec-box.happy-sec1-box h3:after{background-image: url(../images/happy-icon1.png);}
.happy-sec-box.happy-sec2-box h3:after{background-image: url(../images/happy-icon2.png);}
.happy-sec-box.happy-sec3-box h3:after{background-image: url(../images/happy-icon3.png);}

.happy-sec-box h3.icon1:after{background-position: 0 0;top:0px;}
.happy-sec-box h3.icon2:after{background-position: 0 -180px;top:-12px;}
.happy-sec-box h3.icon3:after{background-position: 0 -345px;top:-12px;}

.happy-sec1-box p{font-size: 14px;color: #848990;line-height: 24px;}
.happy-sec1-lunbo-shade{position: absolute;top:44px;right:-67px;width: 648px;height: 648px;background: url(../images/happy-sec1-lunbo-shade.png) no-repeat 0 0;z-index: 2;}
.happy-sec1-swiper{position: absolute;top:45px;right:-66px;width: 646px;height: 646px;overflow: hidden;}
.happy-sec1-swiper .swiper-slide img{width: 648px;height: 648px;}
.happy-sec2{margin-top:60px;margin-left:-280px;width: 1869px;height: 792px;background: url(../images/happy-sec2-bg.png) no-repeat 0 0;}
.happy-sec2-tit{position: absolute;right:0;top:-70px;width: 502px;height: 130px;background: url(../images/happy-sec2-tit.png);}
.happy-sec2-box{position: absolute;right: 18px;top:152px;width: 441px;}
.happy-sec2-box p{font-size: 14px;color: #848990;line-height: 24px;}
.happy-sec2-lunbo-shade{position: absolute;top:-30px;left:-94px;width: 751px;height: 633px;background: url(../images/happy-sec2-lunbo-shade.png) no-repeat 0 0;z-index: 2;}

.happy-sec2-swiper{position: absolute;top:-28px;left:-94px;width: 741px;height: 623px;overflow: hidden;}
.happy-sec2-swiper .swiper-slide img{width: 751px;height: 633px;}

.happy-sec3{margin-top:60px;margin-left:-401px;width: 1869px;height: 793px;background: url(../images/happy-sec3-bg.png) no-repeat 0 0;}
.happy-sec3-tit{position: absolute;left:0;top:-70px;width: 503px;height: 140px;background: url(../images/happy-sec3-tit.png);}
.happy-sec3-box{position: absolute;left: 91px;top:190px;width: 542px;}
.happy-sec3-box p{font-size: 14px;color: #848990;line-height: 24px;}
.happy-sec3-lunbo-shade{position: absolute;top:51px;right:-95px;width: 662px;height: 577px;background: url(../images/happy-sec3-lunbo-shade.png) no-repeat 0 0;z-index: 2;}

.happy-sec3-swiper{position: absolute;top:51px;right:-95px;width: 662px;height: 577px;overflow: hidden;}
.happy-sec3-swiper .swiper-slide img{width: 662px;height: 577px;}
.school-wrap{height: 2945px;background: url(../images/school-bg220728.jpg) no-repeat center 0;}
.school-banner{height: 943px;}
.school-banner .scrolldown{top: 64%;}
.tit-school{text-align: center;}
.btn-vote{display: block;position: absolute;left: 40%;top:500px;margin-left:-80px;width: 160px;height: 56px;background: url(../images/btn-vote.png) no-repeat 0 0;z-index: 2;cursor: pointer;}
.btn-vote:hover{background-position: 0 -56px;}
.btn-vote1{display: block;position: absolute;left: 67%;top:500px;margin-left:-80px;width: 200px;height: 56px;background: url(../images/btn-vote1.png) no-repeat 0 0;z-index: 2;cursor: pointer;}
.btn-vote1:hover{background-position: 0 -56px;}
.btn-vote3{display: block;position: absolute;left: 29%;top:500px;margin-left:-80px;width: 200px;height: 56px;background: url(../images/btn-vote3.png) no-repeat 0 0;z-index: 2;cursor: pointer;}
.btn-vote3:hover{background-position: 0 -56px;}
.btn-vote4{display: block;position: absolute;left: 48%;top:500px;margin-left:-80px;width: 200px;height: 56px;background: url(../images/btn-vote4.png) no-repeat 0 0;z-index: 2;cursor: pointer;}
.btn-vote4:hover{background-position: 0 -56px;}


.liucheng-list{width: 100%;margin:80px auto 0;height: 360px;background: url(../images/lc-icon1.png) no-repeat center 0;overflow: hidden;}
.liucheng-list li{float: left;padding-top:120px;text-align: center;}
.liucheng-list li h3{margin-bottom:16px;font-size:22px;colord: #1a1a1a; }
.liucheng-list li p{font-size: 16px;color: #848a91;}
.liucheng-list {
  display: flex;
  justify-content: space-around;
}
.liucheng-list-item {
  box-sizing: border-box;
  flex: 0 0 300px;
  padding-top:120px;
  text-align: center;
}
.liucheng-list-item-write {
  padding-right: 10px;
}

.liucheng-btn{text-align: center;}
.liucheng-btn a{display: inline-block;margin:0 15px;width: 153px;height: 56px;background-repeat: no-repeat;background-position: 0 0;text-indent: -9999px;z-index: 2;}
.liucheng-btn a:hover{background-position: 0 -56px;}
.liucheng-btn a.btn-talk{background-image: url(../images/btn-talk.png);}
.liucheng-btn a.btn-qa{background-image: url(../images/btn-qa.png);}

.attention-box{margin-left:-158px;width: 1422px;height: 769px;background: url(../images/attention-bg.png) no-repeat center;position: relative;}
.attention-text{position: absolute;top:160px;left: 524px;width: 720px;}
.attention-text p{padding:4px 0;font-size: 14px;color: #848990;line-height: 24px;}
.attention-text p span{display: block;text-align: right;}
.play-list {text-align: center;margin-top: 70px;}
.play-list li{display:inline-block;margin:0 44px;width: 441px;height: 506px;background-repeat: no-repeat;background-position: center;position: relative;}
.play-list li.play-item1{background-image: url(../images/play-item1.png);}
.play-list li.play-item2{background-image: url(../images/play-item2.png);}
.play-list li .play-item-box{position: absolute;left: 32px;bottom: 32px;width: 376px;height: 196px;border-radius: 20px;}
.play-list li .play-item-box span{display:block;position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
.play-list li .play-item-box1 span{background: url(../images/play-item-shade1.png) 0 0;}
.play-list li .play-item-box2 span{background: url(../images/play-item-shade2.png) 0 0;}
.play-list li .play-item-box video{width: 100%;height: 100%;background-color: #000}
.school-play{display: block;position: absolute;left: 30px;bottom: 26px;width: 32px;height: 36px;background: url(../images/play.png);z-index: 3;cursor: pointer;}
.school-play:hover{background-image: url(../images/play-hov.png);}
.school-replay{display: block;position: absolute;left: 0px;bottom: 0px;width: 220px;height: 114px;background: url(../images/replay.png);z-index: 3;cursor: pointer;}
.school-replay:hover{background-image: url(../images/replay-hov.png);}
.pop_school_cont {
    position: absolute;
    width: 721px;
    height: 351px;
    left: 50%;
    top: 50%;
    margin-left: -360px;
    margin-top: -175px;
    background: url(../images/pop-school-bg.png);
}
.close_school {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 18px;
    height: 18px;
    background: url(../images/pop-close.png) no-repeat 0 0;
    cursor: pointer;
}

.close_school:hover {
    background-position: 0 -18px;
}
.pop_school_cont ul{text-align: center;margin-top: 160px;}
.pop_school_cont ul li{display: inline-block;margin:0 7px; }
.pop_school_cont ul li a{display: block;padding:40px 0 0 100px;width: 221px;height:113px;border-radius: 8px;text-align: left;}
.pop_school_cont ul li a.link1{background: #ffffff url(../images/pop-school-icon1.png) no-repeat 22px 28px;}
.pop_school_cont ul li a.link2{background: #ffffff url(../images/pop-school-icon2.png) no-repeat 22px 28px;}
.pop_school_cont ul li h3{margin-bottom:8px;font-size: 18px;color: #1a1a1a;}
.pop_school_cont ul li p{font-size: 14px;color: #848a91;}
.pop_school_cont ul li a:hover{box-shadow: 10px 10px 10px rgba(0,0,0,.2)}
.pop_school_cont ul li a:hover h3{color: #276dff;}
.school-temp-wrap{min-height: 700px;padding-bottom:60px;background:#ffffff url(../images/school-info-bg.jpg) no-repeat center top;}
.school-temp-nav{width: 100%;height:56px;line-height:56px;margin-top: 416px;border-bottom: 1px solid #f1f4f8;text-align: center;}
.school-temp-nav a{display: inline-block;margin:0 27px;line-height: 53px;text-align: center;border-bottom: 3px solid transparent;font-size: 16px;}
.school-temp-nav a:hover,.school-temp-nav a.on{color: #fd2f5f;border-bottom-color: #fd2f5f;}
.school-temp-left-tab{position:absolute;top:150px;left:50%;margin-left:-558px;width: 180px;border-left: 3px solid #ecf0f5;}
.school-temp-left-tab.fixed{position: fixed;top:150px;}
.school-temp-left-tab a{float: left;padding-left:18px;height:20px;line-height:20px;margin-bottom:22px;font-size: 16px;color: #464a4f;}
.school-temp-left-tab a:last-child{margin-bottom: 0;}
.school-temp-left-tab a:hover,.school-temp-left-tab a.on{color: #fd2f5f;border-left: 3px solid #fd2f5f;margin-left: -3px;}
.school-temp-right{float: left;width: 860px;margin-left:169px;}
.school-temp-right h2{padding:70px 0 50px;font-size: 22px;color: #1a1a1a;text-align: center;}
.school-temp-qa{margin-bottom:24px;background-color: #f7f9fb;width: 860px;}
.school-temp-qa h3{width:200px;margin:0 auto;padding:36px 0;font-size: 16px;color: #fd2f5f;text-align: center;position: relative;}
.school-temp-qa h3:before,.school-temp-qa h3:after{display:inline-block;content: '';width: 28px;height: 17px;background-repeat: no-repeat;background-position: 0 2px;}
.school-temp-qa h3:before{margin-right:6px;background-image: url(../images/star-left.png);}
.school-temp-qa h3:after{margin-left:6px;background-image: url(../images/star-right.png);}
.school-temp-qa h3 span{display:inline-block;font-weight: bold;}
.school-temp-qa ul{overflow: hidden;}
.school-temp-qa ul li{padding:14px 0 4px;width: 776px;margin:0 auto;border-bottom: 1px dashed #e3e9f0;}
.school-temp-qa ul li:last-child{border-bottom: 0;}
.school-temp-qa ul li h4{margin-bottom:14px;font-size: 16px;color: #464a4f;}
.school-temp-qa ul li p{margin-bottom:10px;font-size: 14px;color: #999ea5;line-height: 24px;overflow: hidden;}
.school-temp-qa ul li p a{color: #407eff;}
.school-temp-qa ul li p.linkus{float:left;width: 540px;height:110px;padding-right: 46px;border-right: 1px dashed #e3e9f0;}
.school-temp-qa .qacode {float: left;width: 23%;font-size: 14px;color: #999ea5;line-height: 24px; text-align: center;}
.school-temp-qa .qacode img{margin: 0 auto; display: block; width: 152px;}
.qa-social {display: flex;justify-content: center;flex-flow: row wrap; gap: 15px; }
.qa_table {border: 1px solid #464a4f; border-collapse:collapse; margin-bottom: 10px;}
.qa_table tr,td,th {border: 1px solid #464a4f; width: 120px;text-align:center;}
.qa_table {font-size: 14px;color: #999ea5;line-height: 24px;overflow: hidden;}

.link-code{float: left;margin-left: 50px;width:110px;}
.link-code img{width: 72px;height: 72px;margin:0 auto 4px;display: block;}
.link-code em{font-size: 12px;color: #999ea5;text-align: center;display: block;font-style: normal;}
.xj-list{margin:76px 0 0 50px;min-height:200px;background: url(../images/line.png) repeat-y 120px 0;overflow: hidden;}
.xj-list ul li span{float:left;width: 96px;height: 28px;line-height: 28px;text-align: center;border-radius: 15px;background-color: #407eff;color: #ffffff;font-size: 16px;}
.xj-list ul li{margin-bottom: 50px;}

.xj-list li .play-item-box{position: absolute;left: 765px;bottom: 60px;width: 220px;height: 114px;border-radius: 20px;}
.xj-list li .play-item-box span{display:block;position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;}
.xj-list li .play-item-box3 span{background: url(../images/replay-none.png) 0 0;}
.xj-list li .play-item-box video{width: 100%;height: 100%;background-color: #000}
.xj-list li .img-box{position: absolute;left: 730px; top: -11px;width: 200px;width: 200px;border-radius: 20px;}
.xj-list li .img-box img{width: 200px;}

.xj-box{margin-left: 155px;position: relative;color: #1a1a1a}
.xj-box:after{display: block;content:'';position: absolute;left: -44px;top:0;width: 20px;height: 20px;background: url(../images/icon-circle.png) no-repeat 0;}
.xj-box h3{font-size:18px;font-weight: bold; }
.xj-box h4{margin-bottom:24px;font-size:14px;color: #999ea5;}
.xj-box p{padding:4px 0;font-size: 14px;text-indent:16px;background: url(../images/icon-dot.png) no-repeat left center;}

.logo-game{position: absolute;right: 100px;top:0;width: 201px;height: 39px;background: url(../images/logo-game.png) no-repeat center 0;}
.logo-wm{position: absolute;right: 100px;top:0;width: 201px;height: 39px;background: url(../images/logo-red.png) no-repeat center 0;}
.tit-liucheng{margin-top:66px;text-align: center;font-weight: bold;font-size: 22px;color: #1a1a1a;}