/*公用*/
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: #000; width: 100%; image-rendering: -webkit-optimize-contrast;}
/* .none {display: none!important;} */
.noclick{pointer-events: none;}

/*.logo{display: block;position: absolute;width: 150px;height: 103px;top: 5px;left: 570px;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;}
.ft_40 {font-size: 40px; letter-spacing: -1px;}
.ft_36 {font-size: 36px;}
.ft_38 {font-size: 38px;}


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


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-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;
}


.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 2px 0 0, #000 0 2px 0, #000 -2px 0 0, #000 0 -2px 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;}
}




/*.slg {background: url(../images/slogan.png) no-repeat; width: 731px; height: 151px; z-index: 15; position: absolute; top: 30px; left: 270px;}
.slg i{display: block; width: 731px; height: 14px; background:url(../images/slogan.png); animation:xMove 1.5s infinite linear;}
.slg i.on{ animation:xMove 2s .5s infinite linear;}
@keyframes xMove{
  0%,100%{transform:translateX(0) scale(1); filter:brightness(1);}
  25%{transform:translateX(3px) scale(1); filter:brightness(1.2);}
  50%{transform:translateX(1px) scale(1); filter:brightness(1.1);}
  75%{transform:translateX(3px) scale(1); filter:brightness(1.2);}
}*/
.p_slogan {/*background: url(../images/slogan.png) no-repeat;*/ width: 900px; height: 500px; z-index: 15; margin-top: 60px;}
.p_slogan .slg{float: left; width:45px; height:20px; display: block; background:url(../images/slogan.png) no-repeat; transition:all .1s;}
.p_slogan .slg.active{transform:translate(0,0) rotate(0deg) scale(1) !important;}
/*.p_slogan a {display: block; width: 90px; height: 80px; position: absolute; top: 27px; left: 544px;}*/
/*.p_slogan2 {background: url(../images/slogan2.png) no-repeat; width: 522px; height: 131px; z-index: 15; position: absolute; top: 520px; left: 130px;}*/

/*.p_cloud1 {background: url(../images/cloud.png) repeat-x; width: 2083px; height: 237px; z-index: 15; position: absolute; bottom: -12px; left: 0; margin-left: -320px;}*/
/*.p_cloud2 {background: url(../images/cloud.png) no-repeat 0px 0px; width: 2083px; height: 237px; z-index: 15; position: absolute; bottom: -12px; right: 0; margin-right: -320px;}*/




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

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

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

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-500px, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

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

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



@-webkit-keyframes flash {
  0%,13%,44%,100%{opacity: 0;}
  8%,26%{opacity: 1;}
}

@keyframes flash {
  0%,13%,44%,100%{opacity: 0;}
  8%,26%{opacity: 1;}
}

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



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


.s_tc {display: none; z-index: 100;}

.none,.hide {display: none;}

/*.tc {width: 750px; height: 460px;}*/
/*.tc .close_btn {display: block;position: absolute;top: -60px;right: 15px;z-index: 102;color: #fff;font-size: 50px;}*/
/*#video {width: 750px; height: 460px; background: #000;}*/
.tc_video,.tc_video #video {width: 1280px; height: 720px;}
.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;}

.tc2 {width: 650px; height: 300px; background: #000;}
.tc2 .content_1 {width: 650px; height: 300px; display: flex; justify-content: center; align-items: center;}
.tc2 .close_btn {display: block;position: absolute;top: 10px;right: -35px;z-index: 102; background: url(../images/btn_close.png) no-repeat; width: 35px; height: 31px; transform: scale(1.05);}
.tc2 a {display: block; width: 74px; height: 74px; margin: 0 50px;}
.tc2 a.a-share-qq {background: url(../images/qq.png) no-repeat;}
.tc2 a.a-share-wx {background: url(../images/wx.png) no-repeat;}
.tc2 a.a-share-wb {background: url(../images/wb.png) no-repeat;}
.tc2 .img_wx {width: 200px;height: 200px;display: none;position: absolute;top: -100px;left: 225px;}


.tc3 {width: 518px; height: 328px; background: url(../images/tc.png) no-repeat;}
.tc3 .content_1 {width: 518px; height: 328px;}
.tc3 .content_1 .c1 {width: 500px;height: 200px;margin: 50px auto 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.tc3 .content_1 .c1 .c1_bt {
    font-size: 34px;
    color: #000;
    text-align: center;
    filter: drop-shadow(2px 2px 2px #ccc);
    font-weight: bold;
}
.tc3 .content_1 .c1 .c1_coupon {font-size: 34px; color: #e8b007;}
.tc3 .content_1 .c1 .c1_tips {font-size: 20px; color: #000;}
.tc3 .close_btn {display: block;position: absolute;top: 10px;right: -35px;z-index: 102; background: url(../images/btn_close.png) no-repeat; width: 35px; height: 31px; transform: scale(1.05);}
.tc3 .a-copy {display: block; font-size: 27px; font-weight: bold; text-align: center; color: #e8b007; border-bottom: 1px solid #e8b007; margin-bottom: 10px;}


.b_section {background: url(../images/bg_body.jpg) no-repeat; height: 1080px; position:relative; z-index: 15; display: flex; justify-content: center; align-items: center;}
.b_sectionB {background: url(../images/bg_body1.jpg) no-repeat!important;}

.content1 .c99 {width: 935px; height: 800px; position: relative; margin: 0 auto;}
.content1 .c99 .cd_navs {width: 935px; height: 800px; position: absolute; top: 0; left: 0; z-index: 10; /*background: url(../images/bg_main.jpg) no-repeat;*/}
.content1 .c99 .cd_navb {width: 935px; height: 800px; position: absolute; top: 0; left: 0; z-index: 11; /*background: url(../images/bxbg.png) no-repeat;*/}
.cd_nav {
  width: 330px; height: 400px; position: absolute; top: 0; left: -30px; z-index: 60;
  display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}
.content1 .c99 .cd_main {margin-top: 80px; width: 935px; height: 720px; position: relative;}

.logo {display: flex;background: url(../images/logo.png) no-repeat;width: 151px;height: 103px; margin: 15px 20px 0 35px; filter: drop-shadow(2px 4px 6px #fff9ac);}
.icon12th {display: flex;background: url(../images/12th.png) no-repeat;width: 112px;height: 105px; margin-top: 13px; filter: drop-shadow(2px 2px 2px #fff);}

.login{color: #f0f246; background: url(../images/btn_login.png) no-repeat;font-size: 32px; font-weight: bold; width: 330px; height: 120px; 
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -15px;
}
/* .unlogin {width: 330px; height: 120px;} */
.a_login {display: block; color: #f0f246; border-bottom: 1px solid #f0f246; filter: drop-shadow(2px 2px 2px #333);}
/* .logout {width: 330px;} */
.logout span {filter: drop-shadow(2px 2px 2px #333);}
.a_logout {display: inline-block; color: #f0f246; border-bottom: 1px solid #f0f246; filter: drop-shadow(2px 2px 2px #333);}

.content1 .c99 .cd_main a {display: block; position: absolute;}
/* .content1 .c99 .cd_main p.a-sj {position: absolute; background: url(../images/btn_sj.png) no-repeat; width: 1190px; height: 450px; top: 510px; left: -90px; z-index: 12; cursor: pointer;} */
/* .content1 .c99 .cd_main p.pzz {position: absolute; background: url(../images/zz.png) no-repeat; width: 952px; height: 387px; top: 613px; left: 480px; z-index: 14;} */
/* .content1 .c99 .cd_main a.btn-sj {background: url(../images/shouzhi.png) no-repeat; width: 92px; height: 87px; top: 150px; right: -5px; animation: btnsj 2s ease-in-out infinite;} */
@keyframes btnsj {
  0%    {opacity: 0;}
  15%   {opacity: 1;}
  30%   {opacity: 0;}
  45%,100%   {opacity: 1;}
}
.content1 .c99 .cd_main a.a-video {background: url(../images/btn_video.png) no-repeat;width: 262px;height: 262px;top: 365px;left: -300px; z-index: 18;}
.content1 .c99 .cd_main a.a-video:hover {background: url(../images/btn_video2.png) no-repeat; transform: scale(1.1)!important;}
.p_light {background: url(../images/bg_light.png) no-repeat; width: 494px; height: 280px; position: absolute; top: 560px; left: -435px; z-index: 17;}
@keyframes light{
  0%,100%{
    opacity:1;
    -webkit-filter:brightness(1);
    filter:brightness(1)
  }50%{
    opacity:0.5;
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2)
  }
}
.p_light2 {background: url(../images/btn_light2.png) no-repeat; width: 298px; height: 154px; position: absolute; top: 566px; left: -335px; z-index: 17; }
.p_jt2 {width: 240px; height: 260px; position: absolute; top: 655px; right: -497px; z-index: 18;}
.p_jt2::after {content: ''; width: 240px; height: 260px; display: block; background: url(../images/bg_jt2.jpg) no-repeat; animation: pjt2 2.7s ease-out infinite;}
@keyframes pjt2 {
  0% {width: 100%;}
  45%,100% {width: 0%;}
}
.p_jt {background: url(../images/btn_jt.png) no-repeat; width: 228px; height: 232px; position: absolute; top: 665px; right: -505px; z-index: 17; /*animation: blink 1.3s infinite;*/}
@keyframes light2{
  0%,100%{
    opacity:1;
    -webkit-filter:brightness(1);
    filter:brightness(1)
  }50%{
    opacity:0.3;
    -webkit-filter:brightness(1.2);
    filter:brightness(1.2)
  }
}
/* .p_jt::after {content: ''; display: block; background: url(../images/btn_jt.png) no-repeat; width: 228px; height: 232px;} */

.content1 .c99 .cd_main a.a-kqbg {background: url(../images/btn_kqbg.png) no-repeat;width: 560px;height: 302px;top: 640px;left: 200px; z-index: 16; animation: sc .8s infinite ease-out;}
@keyframes sc{0%,100%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-filter:brightness(1.1);filter:brightness(1.1)}}
.content1 .c99 .cd_main a.a-kqbg:hover {background: url(../images/btn_kqbg2.png) no-repeat;}

.a_jlx {display: block; width: 80px; height: 70px; margin: 0 0; background: url(../images/btn_bonus.png) no-repeat;}
/*分享按钮 音乐按钮*/
.content1 .cd_nav a.a-music,.content1 .cd_nav a.a-share {display: block; width: 80px; height: 70px; margin: 0 5px;}
.content1 .cd_nav a.a-music {background: url(../images/btn_music1.png) no-repeat; /*animation: music-rotate 7s 0s linear infinite;*/}
.content1 .cd_nav a.a-music-paused {background: url(../images/btn_music2.png) no-repeat!important;}
@keyframes music-rotate{
  0%    {transform:rotate(0deg);}
  100%  {transform:rotate(360deg);}
}
.content1 .cd_nav a.a-share {background: url(../images/btn_share.png) no-repeat;}

.slbg-b {background: url(../images/bxbg.png) no-repeat; width: 935px!important; height: 800px!important; position: absolute; top: 0; left: 133px; z-index: 55; margin: 0 auto;}

.content1 {width: 1920px!important;height: 1080px!important;overflow: hidden;position: relative;z-index: 18;}
.content1 .slide {width: 1920px!important; height: 1080px!important; overflow: hidden; position: relative; z-index: 18;}
.content1 .c1 {width: 1920px!important; height: 1080px!important; margin: 0 auto;}
.content1 .c1 p span {filter: drop-shadow(2px 2px 2px #333);}

.content1 .slbg-s-left {background: url(../images/sbg-left.png) no-repeat -28px -43px;width: 146px;height: 161px;position: absolute;top: 80px;left: 170px;z-index: 60;}
.content1 .c1 .slbg-1 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-1 .slbg-s {background: url(../images/bg_main1.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
/*.content1 .c1 p {font-size: 21px;font-weight: bold;color: #fffee2;text-shadow: 2px 2px 1px #101010;position: absolute; box-shadow: 0px 0px 50px #333;padding: 10px;border-radius: 4px;background-image: linear-gradient(to bottom, rgba(51, 51, 51, .5), rgba(51, 51, 51, .5)); width: 100%; z-index: 70;}*/
.content1 .c1 p {/*font-size: 20px;font-weight: bold;color: #fffee2;text-shadow: 2px 2px 1px #101010;*/position: absolute; z-index: 70;}

/**/
/*border-radius: 10px; box-shadow: 0px 0px 15px #1e1e1e; background-image: linear-gradient(to bottom, rgba(30, 30, 30, .5), rgba(30, 30, 30, .5));*/
.content1 .c1 .slbg-1 p.pt1,.content1 .c1 .slbg-2 p.pt1,.content1 .c1 .slbg-3 p.pt1,.content1 .c1 .slbg-4 p.pt1,.content1 .c1 .slbg-5 p.pt1,.content1 .c1 .slbg-6 p.pt1 {/*border-radius: 10px; box-shadow: 0px 0px 50px #333;*/ /*background-image: linear-gradient(90deg, rgba(51, 51, 51, .5), transparent);*/ height: 1080px;}
/*.content1 .c1 .slbg-7 p.pt1 {background-image: linear-gradient(-90deg, rgba(51, 51, 51, .5), transparent);}*/
/**/
/*.content1 .c1 .slbg-8 p.pt1,.content1 .c1 .slbg-1 p.pt2,.content1 .c1 .slbg-2 p.pt2,.content1 .c1 .slbg-3 p.pt2,.content1 .c1 .slbg-5 p.pt2,.content1 .c1 .slbg-6 p.pt2,.content1 .c1 .slbg-7 p.pt2 {background-image: linear-gradient(-90deg, rgba(51, 51, 51, .5), transparent);}*/
/*.content1 .c1 .slbg-7 p.pt2 {background-image: linear-gradient(90deg, rgba(51, 51, 51, .5), transparent);}*/
/*.content1 .c1 .slbg-8 p.pt2 {box-shadow: 0px 0px 50px #333; background-image: linear-gradient(-90deg, rgba(51, 51, 51, .5), rgba(51, 51, 51, .5));}*/

/* .content1 .c1 p i {font-size: 27px; font-weight: bold; padding: 0 4px;} */
.content1 .c1 .slbg-1 p.pt1 {top: 0; left: 0; background: url(../images/bg_main1_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18;}
.content1 .c1 .slbg-1 p.pt2 {top: 0; right: 0; background: url(../images/bg_main1_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18;}
.content1 .c1 .slbg-1 p.pt1 {top: 0; left: 0; background: url(../images/bg_main1_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18;}
/* .content1 .c1 .slbg-1 p.pt1 span.pt1-1 {background: url(../images/pt1-1.png) no-repeat 0 12px;display: inline-block;height: 50px;width: 201px;text-align: left;} */

.content1 .c1 .slbg-2 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-2 .slbg-s {background: url(../images/bg_main2.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-2 p.pt1 {top: 0; left: 0; background: url(../images/bg_main2_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 40px; font-weight: bold;}
.content1 .c1 .slbg-2 p.pt2 {top: 0;right: 0; background: url(../images/bg_main2_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 40px; font-weight: bold;}


.multi-line-gradient {
  background: linear-gradient(180deg, #fff, #ffec9a);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


/* p2文字 */
.content1 .c1 .slbg-2 span.pt2-1 {position: absolute; top: 392px; left: 200px; width: 125px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-2 {position: absolute; top: 510px; left: 265px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-3 {position: absolute; top: 565px; left: 390px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-4 {position: absolute; top: 731px; left: 212px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-5 {position: absolute; top: 785px; left: 320px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-6 {position: absolute; top: 840px; left: 378px; width: 260px; text-align: center;}

.content1 .c1 .slbg-2 span.pt2-7 {position: absolute; top: 505px; left: 530px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-8 {position: absolute; top: 560px; left: 600px; width: 125px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-9 {position: absolute; top: 615px; left: 585px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-10 {position: absolute; top: 670px; left: 600px; width: 125px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-11 {position: absolute; top: 725px; left: 280px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-12 {position: absolute; top: 778px; left: 480px; width: 260px; text-align: center;}
.content1 .c1 .slbg-2 span.pt2-13 {position: absolute; top: 832px; left: 660px; width: 125px; text-align: center;}


/* p3文字 */
.content1 .c1 .slbg-3 span.pt3-1 {position: absolute; top: 722px; left: 272px; width: 220px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-2 {position: absolute; top: 778px; left: 272px; width: 220px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-3 {position: absolute; top: 832px; left: 195px; width: 220px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-4 {position: absolute; top: 880px; left: 254px; width: 245px; text-align: center;}

.content1 .c1 .slbg-3 span.pt3-5 {position: absolute; top: 662px; left: 695px; width: 60px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-6 {position: absolute; top: 775px; left: 715px; width: 100px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-7 {position: absolute; top: 885px; left: 470px; width: 100px; text-align: center;}
.content1 .c1 .slbg-3 span.pt3-8 {position: absolute; top: 881px; left: 630px; width: 100px; text-align: center;}


/* p4文字 */
.content1 .c1 .slbg-4 span.pt4-1 {position: absolute; top: 661px; left: 228px; width: 310px; text-align: left;}
.content1 .c1 .slbg-4 span.pt4-2 {position: absolute; top: 774px; left: 340px; width: 220px; text-align: center;}
.content1 .c1 .slbg-4 span.pt4-3 {position: absolute; top: 830px; left: 298px; width: 220px; text-align: center;}
.content1 .c1 .slbg-4 span.pt4-4 {position: absolute; top: 883px; left: 344px; width: 125px; text-align: center;}

.content1 .c1 .slbg-4 span.pt4-5 {position: absolute; top: 620px; left: 515px; width: 220px; text-align: center;}
.content1 .c1 .slbg-4 span.pt4-6 {position: absolute; top: 765px; left: 507px; width: 220px; text-align: center;}
.content1 .c1 .slbg-4 span.pt4-7 {position: absolute; top: 873px; left: 415px; width: 400px; text-align: right;}


/* p5文字 */
.content1 .c1 .slbg-5 span.pt5-1 {position: absolute; top: 728px; left: 452px; width: 255px; text-align: center;}
.content1 .c1 .slbg-5 span.pt5-2 {position: absolute; top: 784px; left: 512px; width: 290px; text-align: center;}

.content1 .c1 .slbg-5 span.pt5-3 {position: absolute; top: 595px; left: 441px; width: 255px; text-align: center;}
.content1 .c1 .slbg-5 span.pt5-4 {position: absolute; top: 651px; left: 554px; width: 290px; text-align: center;}
.content1 .c1 .slbg-5 span.pt5-5 {position: absolute; top: 735px; left: 570px; width: 125px; text-align: center;}
.content1 .c1 .slbg-5 span.pt5-6 {position: absolute; top: 875px; left: 435px; width: 370px; text-align: right;}

/* p6文字 */
.content1 .c1 .slbg-6 span.pt6-1 {position: absolute; top: 642px; left: 233px; width: 520px; text-align: left;}
.content1 .c1 .slbg-6 span.pt6-2 {position: absolute; top: 725px; left: 233px; width: 520px; text-align: left; line-height: 52px;}

.content1 .c1 .slbg-6 span.pt6-3 {position: absolute; top: 780px; left: 649px; width: 125px; text-align: center;}

/* p7文字 */
.content1 .c1 .slbg-7 span.pt7-11 {position: absolute; top: 680px; left: 585px; width: 540px; text-align: left;}
.content1 .c1 .slbg-7 span.pt7-1 {position: absolute; top: 755px; left: 210px; width: 590px; text-align: left; font-size: 44px; line-height: 54px;}

.content1 .c1 .slbg-7 span.pt7-2 {position: absolute; top: 925px; left: 680px; width: 125px; text-align: center; font-size: 44px;}

/* p8文字 */
/* .content1 .c1 .slbg-8 span.pt8-1 {position: absolute; top: 915px; left: 205px; width: 590px; text-align: left; font-size: 44px;} */



.content1 .c1 .slbg-3 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-3 .slbg-s {background: url(../images/bg_main3.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-3 p.pt1 {top: 0; left: 0; background: url(../images/bg_main3_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-3 p.pt2 {top: 0;right: 0; background: url(../images/bg_main3_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-3 p.pt2 i {font-size: 27px; font-weight: bold; color: #101010; text-shadow: 1px 1px 1px #fffee2; padding: 0 4px;}


.content1 .c1 .slbg-4 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-4 .slbg-s {background: url(../images/bg_main4.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-4 p.pt1 {top: 0; left: 0; background: url(../images/bg_main4_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-4 p.pt2 {top: 0;right: 0; background: url(../images/bg_main4_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-4 p.pt1 i {font-size: 25px; font-weight: bold; color: #fffee2; text-shadow: 1px 1px 1px #101010; padding: 0;}


.content1 .c1 .slbg-5 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-5 .slbg-s {background: url(../images/bg_main5.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-5 p.pt1 {top: 0; left: 0; background: url(../images/bg_main5_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-5 p.pt2 {top: 0;right: 0; background: url(../images/bg_main5_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-5 p.pt2 i {font-size: 25px; font-weight: bold; color: #101010; text-shadow: 1px 1px 1px #fffee2; padding: 0 4px;}


.content1 .c1 .slbg-6 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-6 .slbg-s {background: url(../images/bg_main6.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-6 p.pt1 {top: 0; left: 0; background: url(../images/bg_main6_wz1.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-6 p.pt2 {top: 0;right: 0; background: url(../images/bg_main6_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
/*.content1 .c1 .slbg-6 p.pt2 i {font-size: 25px; font-weight: bold; color: #101010; text-shadow: 1px 1px 1px #fffee2; padding: 0;}*/


.content1 .c1 .slbg-7 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-7 .slbg-s {background: url(../images/bg_main7.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-7 p.pt1 {top: 0; left: 0; background: url(../images/bg_main7_wz1.png) no-repeat; width: 1200px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-7 p.pt2 {top: 0;right: 0; background: url(../images/bg_main7_wz2.png) no-repeat; width: 1050px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
/*.content1 .c1 .slbg-7 p.pt2 itopfont-size: 25px; font-weight: bold; color: #101010; text-shadow: 1px 1px 1px #fffee2; padding: 0;}*/


.content1 .c1 .slbg-8 {width: 1920px!important; height: 1080px!important; position: relative;}
.content1 .c1 .slbg-8 .slbg-s {background: url(../images/bg_main8.png) no-repeat; width: 1920px!important; height: 1080px!important; position: absolute; top: 0; left: 0; z-index: 20;}
.content1 .c1 .slbg-8 p.pt2 {top: 0;right: 0; background: url(../images/bg_main8_wz.png) no-repeat; width: 1920px; height: 1080px; z-index: 18; color: #ffec9a; font-size: 50px; font-weight: bold;}
.content1 .c1 .slbg-8 p.pt2 span {
  position: absolute;
  top: 405px;
  left: calc(50% - 210px / 2);
  z-index: 20;
  width: 895px;
  font-size: 32px;
  line-height: 60px;
  height: 346px;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* filter: drop-shadow(2px 2px 2px #823c07); */
  color: #fff;
  font-style: italic
}
.content1 .c1 .slbg-8 p.pt2 span i {color: #faf591; font-weight: bold; margin: 0 5px;font-style: italic}

/* .content1 .c1 .slbg-8 p.pt1 {top: 0; left: 0; background: url(../images/bg_main1_wz1.png) no-repeat; width: 960px; height: 1080px; z-index: 18;} */
/* .content1 .c1 .slbg-8 p.pt1 {top: 0; right: 0; text-align: right; padding: 30px 30px 30px 0;height: 1080px;} */
.content1 .c1 .slbg-8 p.pt2 {bottom: 150px;left: 0;width: 1920px;text-align: center; color: #ffec9a; font-size: 50px; font-weight: bold;}
/*.content1 .c1 .slbg-8 p.pt2 i {font-size: 25px; font-weight: bold; color: #101010; text-shadow: 1px 1px 1px #fffee2; padding: 0;}*/
.content1 .c1 .slbg-8 p.pt1 span.pt8-1 {background: url(../images/pt2-2.png) no-repeat 0 4px;width: 89px;display: inline-block;color: #101010;text-shadow: 2px 2px 1px #fffee2;font-size: 22px;text-align: center;}
.content1 .c1 .slbg-8 a.a-video2 {
  display: block;
  background: url(../images/btn_video3.png) no-repeat;
  width: 510px;
  height: 202px;
  position: absolute;
  top: 771px;
  left: 1065px;
  z-index: 21;
}
.content1 .c1 .slbg-8 a.a-video2:hover {background: url(../images/btn_video4.png) no-repeat;}
/* 实现闪烁效果的CSS代码 */
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
/* 应用闪烁效果的CSS代码 */
.blink {
animation: blink 2s infinite ease-in-out;
}


/*左右按钮*/
.bx-wrapper .bx-prev {background: url(../images/btn_prev.png) no-repeat!important; left: 0px!important; width: 218px!important; height: 264px!important; top: 65%!important;}
.bx-wrapper .bx-next {background: url(../images/btn_next.png) no-repeat!important; right: 0px!important; width: 218px!important; height: 264px!important; top: 65%!important;}
.bx-wrapper .bx-prev:hover {background: url(../images/btn_prev_h.png) no-repeat!important;}
.bx-wrapper .bx-next:hover {background: url(../images/btn_next_h.png) no-repeat!important;}

/*导航page按钮*/
.bx-wrapper2 {display: none;}
.bx-wrapper2 .bx-pager2 {width: 1920px;height: 52px;position: absolute;bottom: 15px;left: 0;opacity: 1;z-index: 56; display: flex; justify-content: center;}
.bx-wrapper2 .bx-pager2 a { display: block; float: left; width: 252px; height: 36px; background: url(../images/nav0.png) no-repeat; z-index: 51; border-radius: 0; opacity: 1; margin: 8px;}
.bx-wrapper2 .bx-pager2 a.active {background: url(../images/nav2.png) no-repeat; width: 252px; height: 36px;}
.bx-wrapper2 .bx-pager2 a.ah {background: url(../images/nav2.png) no-repeat; width: 252px; height: 36px;}





.d_tips {font-size: 24px;font-weight: bold;color: #fffee2;text-shadow: 2px 2px 1px #101010;text-align: center;position: absolute;bottom: 50px;left: 0;width: 1200px;z-index: 150;}





/* 移动端提示遮罩层 */
.mobile-tip {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;   /* 全屏宽度 */
    height: 100vh;  /* 全屏高度 */
    background: #000;/* 黑色背景 */
    display: none;  /* 默认隐藏 */
    /* Flex布局实现文字水平+垂直居中 */
    justify-content: center;
    align-items: center;
    z-index: 9999;  /* 确保在最上层 */
}

/* 提示文字样式 */
.mobile-tip__text {
    color: #fff;     /* 白色文字 */
    font-size: 80px; /* 适配移动端字号 */
    text-align: center;
}


.ptips {
  font-size: 20px;
  color: #ffd72c;
  text-align: center;
  /* padding: 10px 0 0 0; */
  width: 250px;
  filter: drop-shadow(2px 2px 2px #333);
}