@charset "utf-8";
body,form,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,p,hr,input,em{margin:0;padding:0;list-style:none;-webkit-text-size-adjust:none; vertical-align: middle; font-weight:normal;}
body{ font-size:14px; color:#000;  font-family:'\5FAE\8F6F\96C5\9ED1','Nanum Gothic','-apple-system';}
h1,h2,h3,h4,h5,h6{font-size:100%}
table,img,iframe{border:none}ul{list-style:none}
a{ color:#333; text-decoration:none;outline:none;}
a:hover {color:#ff2626;text-decoration:none;}
a:active {color:#000;text-decoration:none;}
ol,ul {list-style:none;}
fieldset,img {border:0;}
i,em{ font-style:normal;}
.left{ float:left;}
.right{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}
.mt55{ margin-top:55px;}
.mt60{ margin-top:60px;}
.mr30{ margin-right:30px;}
.w1170{width: 1170px;margin-left: auto;margin-right: auto;height:  auto;overflow: hidden;}
.bk1,.bk2,.bk3,.bk4{overflow:hidden; height: auto;}
.trans{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;}
.trans:hover{transform:scale(1.04,1.04);-ms-transform:scale(1.04,1.04);-webkit-transform:scale(1.04,1.04);transition:1s}
body{background: #333;}
img{vertical-align: top;}
/*****************************************************************************************************************************/
.yy_wk750{width:750px;margin-left: auto;margin-right: auto;height:  auto;overflow: hidden;background: #fff;}
.yy_wk750 img{width:100%;height:auto; vertical-align: top;}


/*loding*/
.yy_minw{position: relative; }
.yy_loding{width:750px;height: 100vh; margin-left:auto;margin-right:auto; position: fixed; top: 0; z-index: 99999; background: #fff;}
.yy_loding img{display: block; width: 200px; height: auto; margin: 0 auto; padding-top: 15%;}
.yy_cont{display:none; width: 100%;margin-left:auto;margin-right:auto;}

/*music*/
.yy_music{ position:fixed; top:2%; right: 2%; z-index: 999; width:10rem; height: auto; }
.yy_music img{width:10%; height: auto; cursor: pointer; float: right; }
.yy_audio_open{display:none;}
.rotate{-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 3s linear infinite;
    -moz-animation: rotate 3s linear infinite;
    -o-animation: rotate 3s linear infinite;
    animation: rotate 3s linear infinite;}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}


/*Team*/
/*名单*/
.yy_jw_md,.Team{width:100%; height: auto; }
.yy_jw_md p{width:100%; height:auto; display: block; color: #333; font-size: .2rem; text-align: center;}
.yy_jw_md p b,.yy_jw_md p sup,.yy_jw_md p sub{width:100%; height:auto; display: block;}
.yy_jw_md p sup{font-style:italic; font-size: 0.2rem;padding: 3% 0; font-family:'宋体';}
.yy_jw_md p sub{font-size: .25rem;padding: 8% 0; }


/*img*/
.all_img{width:100%;  position: relative;margin-top: -1px;}
.all_img img{width:100%;position:absolute;  display: block; vertical-align: top; padding: 0; margin: 0;}
.all_img img.show_img{width:40%; z-index: 1; height: auto;display: none;}


.img_z1,.img_z1 img.img1{height:15.143rem;top:0px;}
.img_z1 img.img01{top:3.2rem; right: 0;}
.img_z1 img.img02{width:25%;bottom:4rem; right:16%;}
.img_z1 img.img03{width:25%;bottom:0.32rem; left: 37%; }

.img_z2,.img_z2 img.img2{height:10.7328rem;}
.img_z2 img.img01{width:40%;top:1.2rem; left:0;}
.img_z2 img.img02{width: 40%;top: 1.5rem;right: 1%;}


.img_z3,.img_z3 img.img3{height:12.495rem;}
.img_z3 img.img01{width:35%;top:1rem; left:3%;}
.img_z3 img.img02{width: 40%;top: 6rem;left: 20%;}
.img_z3 img.img03{width: 40%;top: 7.8rem;right: 15%;}
.img_z3 img.img04{width: 40%;top: 10.1rem;left: 5%;}
.img_z3 img.img05{width: 26%;top: 10.8rem;right: 15%;}


.img_z4,.img_z4 img.img4{height:11.24rem;}
.img_z4 img.img01{width:35%;top:4rem; left:10%;}
.img_z4 img.img02{width:35%;top: 3rem;right: 9%;}
.img_z4 img.img03{width:40%;top: 9.2rem;right: 14%;}
.img_z4 img.img04{width:30%;top:9.6rem;left: 7%;}





.img_z5,.img_z5 img.img5{height:13.3734rem;}
.img_z5 img.img01{width:35%;top:3rem; right:12%;}
.img_z5 img.img02{width: 35%;top:4rem;left:12%;}
.img_z5 img.img03{width: 24%;top: 4.7rem; right: 27%;}
.img_z5 img.img04{width: 25%;top: 7.8rem; left: 48%;}
.img_z5 img.img05{width: 26%;top:11.5rem;right:23%;}

.img_z6,.img_z6 img.img6{height:11.04rem;}
.img_z6 img.img01{width:25%;top:2.6rem; left:5%;}
.img_z6 img.img02{width:40%;top:3.2rem; right: 3%;}
.img_z6 img.img03{width:40%;top: 5.7rem;left:5%;}


.img_z7,.img_z7 img.img7{height:10.50591rem;}
.img_z7 img.img01{width:30%;top:1.5rem; right:37%;}

/*click*/
.btn{width:100%; height: 1rem; position: absolute; z-index: 99;}
.btn img{width:auto; height:2rem;}
.img_z1 .btn{width:100%; height: 2rem; position: absolute; top:2rem;display: none; }
.img_z1 .btn img{ margin-left:41%;}
.img_z2 .btn{width:40%; height: 2rem; position: absolute; top:4rem;display: none; }
.img_z2 .btn img{ margin-left:22%;}
.img_z2 .btn2{width:40%; height: 2rem; position: absolute; top:5rem;display: none;right: 0; }
.img_z2 .btn2 img{ margin-right:41%;}

.img_z4 .btn{width:40%; height: 2rem; position: absolute; top:2rem;display: none; }
.img_z4 .btn img{ margin-left:22%;}
.img_z4 .btn2{width:40%; height: 2rem; position: absolute; top:1rem;display: none;right: 0; }
.img_z4 .btn2 img{ margin-right:41%; margin-left: 0;}

.img_z5 .btn{width:40%; height: 2rem; position: absolute; top:1.2rem;display: none; }
.img_z5 .btn img{ margin-left:22%;}
.img_z5 .btn2{width:40%; height: 2rem; position: absolute; top:1rem;display: none;right: 0; }
.img_z5 .btn2 img{ margin-right:41%; margin-left: 0;}
.img_z6 .btn{width:40%; height: 2rem; position: absolute; top:1.5rem;display: none;right: 0; }
.img_z6 .btn img{ margin-left:17%;}

/*海报*/
.hb_img{ }
.hb_img img{width:100%;height:auto;position: absolute; top:50%; transform: translateY(-50%);}
.hb_img img.close{width:15%;height:auto;position: absolute; top:5%; right:5%;z-index: 9;}
.hb_img .hbimg_1{width:100%;height: 100vh; position:fixed; top: 0px; left: 0px; z-index: 9999; background: #fff;display: none;}
.cp{width:100%; height: auto;font-size: 20px;text-align: center; font-weight: bold; position: absolute; bottom: 5%;}

@media screen and (max-width:900px){
	.yy_wk750{width: 100%;}
	.yy_loding{width:100%;}
	.yy_loding img{width:40%;}
	.yy_cont{width: 90%;}
  .yy_jw_md p sup{font-size: 0.3rem;}
	.yy_jw_md p sub{font-size: .5rem;}
	.yy_jw_md p b{font-size: .45rem;}
	.cp{font-size:0.5rem;}
	
}