/*公用*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font-size: 12px; font-family: "Microsoft Yahei",arial; }
em, strong, th, i { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a { text-decoration: none; cursor: pointer; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
fieldset, img { border: 0; }
input, select, textarea { outline: none; border: none; background: none; }
textarea { resize: none; }
html body { background: #fff; width: 100%;}
/* .none {display: none!important;} */
.noclick{pointer-events: none;}

.logo{display: block;position: absolute;width: 150px;height: 103px;top: 70px;left: 0; z-index: 30; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs200817/images/logo.png) no-repeat; background-size: 150px 103px;}
/*.snk {display: block; position: absolute; width: 138px; height: 38px; top: 45px; left: 110px; z-index: 10; background: url(../images/snk.png) no-repeat;}*/

/* background */
/*.wrapper { z-index: 1; overflow: hidden; text-align: left; zoom: 1; position:relative;min-width:1280px; margin-top: 40px}*/
#wrapper {position:relative;width:100%;overflow:hidden;min-width:1280px;max-width:2560px;margin:0 auto;}
/*.bg { left: 50%; top: 0; width: 1920px; margin-left: -960px; z-index: -1; zoom: 1}
.bg_01 { height: 1080px}
.bg_02 {background: url(../images/bg_body.jpg) no-repeat; height: 1080px}
.bg_03 {background: url(../images/bg_body.jpg) no-repeat; height: 1080px}*/

.section {width: 100%; position: relative;}

.ft_white {color: #fff;}
.ft_yellow {color: #ffd800;}

.section0 {background: url(../images/bg_body1.jpg) no-repeat center top; height: 1080px; position:relative; z-index: 10;}
.section0 .c1 {width: 1280px; margin: 0 auto; position: relative;}

.section1 {background: url(../images/bg_body2.png) no-repeat center top; height: 1080px; position:relative; z-index: 11; margin-top: -1080px;}
.section1 .c1 {width: 1280px; margin: 0 auto; position: relative; padding-top: 75px;}
/*.v_player {display: block; background: url(../images/btn_play.png) no-repeat; width: 448px; height: 94px; position: absolute; top: 420px; left: 0; z-index: 16;}*/
/*.v_player:hover {transform:scale(2);}*/
/*.v_player:hover {animation:all 1s ease-out;}
@keyframes scale {
  0%    {transform: scale(1);}
  100%   {transform: scale(1.5);}
}*/
/*.section1 .c3 {padding: 790px 0 0 320px; width: 912px; margin: 0 auto; position: relative; z-index: 20;}*/
.bgul {position: relative;left: -320px;top: -261px;z-index: 16; background: url(../images/nav.png) no-repeat; width: 1920px; height: 1080px;}
.section1 ul.ul_nav {overflow: hidden; position: absolute; top: 620px; left: 450px;}
.section1 ul.ul_nav li {float: left;}
.section1 ul.ul_nav li a {display: block;}
/*.nav_a {background: url(../images/nav1.png) no-repeat;}
.nav_a1 {background-position: 0px 0px;}
.nav_a2 {background-position: -215px 0px;}
.nav_a3 {background-position: -430px 0px;}
.nav_a4 {background-position: -430px 0px;}
.nav_a5 {background-position: -430px 0px;}*/
.nav_a1 {margin: 127px 9px 0 -4px; width: 254px; height: 287px; background: url(../images/btn1.png) no-repeat;}
.nav_a2 {margin: 189px 10px 0 -36px; width: 254px; height: 232px; background: url(../images/btn2.png) no-repeat;}
.nav_a3 {margin: 173px 10px 0 -46px; width: 254px; height: 238px; background: url(../images/btn3.png) no-repeat;}
.nav_a4 {margin: 113px 10px 0 -43px; width: 254px; height: 226px; background: url(../images/btn4.png) no-repeat;}
/*.nav_a5 {margin: -11px 10px 0 -39px; width: 254px; height: 222px; background: url(../images/btn5.png) no-repeat;}*/
.nav_a1:hover,.nav_a1_h {background: url(../images/btn1_h.png) no-repeat;}
.nav_a2:hover,.nav_a2_h {background: url(../images/btn2_h.png) no-repeat;}
.nav_a3:hover,.nav_a3_h {background: url(../images/btn3_h.png) no-repeat;}
.nav_a4:hover,.nav_a4_h {background: url(../images/btn4_h.png) no-repeat;}
/*.nav_a5:hover {background: url(../images/btn5_h.png) no-repeat;}*/

@keyframes hm1 {
  0%   {transform: translateY(0);}
  100% {transform: translateY(-20px);}
}
@keyframes hm2 {
  0%   {transform: translateY(-20px);}
  100% {transform: translateY(0);}
}

.tc {display: none; z-index: 100;   position: fixed;
  left: 50%!important;
  /*top: 50%!important;*/
  margin-left: -960px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
    width: 1920px;
  height: 760px;
}

/*.popup {
  z-index: 200;
  position: fixed;
  left: 50%;
  top: 50%;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 1920px;
  height: 760px;
  background-repeat: no-repeat;
}*/

/*.popup--1 {background: url(../images/tc_1.png) no-repeat;}*/

/*.tc_0 .content_1 {background: url(../images/tc_1.png) no-repeat; width: 1920px; height: 760px; background-size: 1920px 760px;}*/
/*.tc_0 .close_btn {display: block; width: 60px;height: 60px; position: absolute;top: 22px;right: -60px;z-index: 101;}*/

.tc_s {display: none; z-index: 100; /*height: 800px;*/}

.tc_1 .content_1 {background: url(../images/tc_1.png) no-repeat; width: 1920px; height: 760px;}
.tc_1 .close_btn {display: block;width: 120px;height: 120px;position: absolute;top: 0px;left: 900px;z-index: 101;}

.tc_video,.tc_video #video {width: 800px; height: 450px;}
.tc_video .close_btn {display: block;width: 43px;height: 43px; background: url(https://img1.tiancitycdn.com/project5/fs2/event/2020/fs201217cs/images/btn_close.jpg) no-repeat; position: absolute;top: 0;right: -45px;z-index: 101;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
 
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    /*border-radius: 10px;*/
    background-color: #000;
}
 
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    /*border-radius: 10px;*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #fff;
}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
	
	cursor: default;
  color: gray!important;
}


.load {display: none; background: #fff; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
.load .load_s {
  position: absolute;
  width:100px;
  height: 50px;
  top:50%;
  left:50%;
  margin-left:-50px;
  margin-top:-25px;
  text-align: center;
}
.load .load_img {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs210311/images/load.gif) no-repeat; width: 32px; height: 32px; margin: 0 auto;}
.load .load_num_b {font-size: 20px; font-weight: bold; padding: 5px 0}

.stroke {text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;}

/*.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0px; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 2}*/




#roleSvg1 {width: 835px; height: 183px; position: absolute; top: 220px; left: 0; z-index: 16;}
/*.cls-1{stroke-dasharray:11057; stroke-dashoffset: 0; animation:  cls 5s ease-in-out; -webkit-animation:  cls 5s ease-in-out;}
  @keyframes cls{
      0%{stroke-dashoffset: 11057;}
      100%{stroke-dashoffset:0;}
  }*/
.sn{stroke-dasharray:5082; stroke-dashoffset: 0; animation: sn 5s ease-in-out; -webkit-animation: sn 5s ease-in-out;}
.als{stroke-dasharray:3856; stroke-dashoffset: 0; animation: als 5s ease-in-out; -webkit-animation: als 5s ease-in-out;}

@keyframes sn{
    0%{stroke-dashoffset: 5082;}
    100%{stroke-dashoffset:0;}
}
@keyframes als{
    0%{stroke-dashoffset: 3856;}
    100%{stroke-dashoffset:0;}
}
.p_slogan {background: url(../images/slogan.png) no-repeat; width: 935px; height: 186px; margin: 0 auto; z-index: 15;}





@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

.topVid {width:1920px; height: 1080px;display: block; position: absolute; top: 0; left: 50%; margin-left: -960px; pointer-events: none;overflow: hidden; z-index: 1}

/*ul.nav {overflow: hidden; width: 412px; position: absolute; top: 20px; right: 0px; z-index: 30;}
ul.nav li {float: left;}
ul.nav li a {display: block; width: 122px; height: 47px; margin-left: 15px;}
ul.nav li a.a_zc {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_zc1.png) no-repeat;}
ul.nav li a.a_zc:hover {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_zc2.png) no-repeat;}
ul.nav li a.a_gw {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_gw1.png) no-repeat;}
ul.nav li a.a_gw:hover {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_gw2.png) no-repeat;}
ul.nav li a.a_xz {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_xz1.png) no-repeat;}
ul.nav li a.a_xz:hover {background: url(https://img1.tiancitycdn.com/project5/fs2/event/2021/fs211223ailisi_cs/images/btn_xz2.png) no-repeat;}*/


.section2 {background: url(../images/event/bg_main1.jpg) no-repeat center top; height: 1200px; position:relative; z-index: 11;}
.section2 .c1 {width: 1280px; margin: 0 auto; position: relative;}

.section3 {background: url(../images/event/bg_main2.jpg) no-repeat center top; height: 1100px; position:relative; z-index: 11;}
.section3 .c1 {width: 1280px; margin: 0 auto; position: relative;}

.section4 {background: url(../images/event/bg_main3.jpg) no-repeat center top; height: 1150px; position:relative; z-index: 11;}
.section4 .c1 {width: 1280px; margin: 0 auto; position: relative;}

.wrapper .main .quick {display: none;position: fixed;z-index: 66;right: 0;bottom: 183px; width: 347px;height: 227px;}
.wrapper .main .quick a {display: block;width: 100%;height: 63px;line-height: 63px;color: #655fc7;font-size: 18px;font-weight: bold;margin-bottom: 19px; padding-left: 39px; background: url(../images/nav_s.png) no-repeat;}
.wrapper .main .quick a:hover,.wrapper .main .quick a.on {color: #fff; background: url(../images/nav_s.png) no-repeat -347px 0;}
.wrapper .main .quick a span {color: #000; padding-right: 30px;}
/*.wrapper .main .quick a.top {background: url(../images/nav.png) no-repeat 0px -164px;}*/