*{margin:0;padding:0;box-sizing:border-box}
*{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:80px}
a{text-decoration:none;outline:none;color:inherit}
p,dt,ul,dl{margin:0;list-style:none}
label{font-weight:normal}
select,input,button{border:none;outline:none}
textarea,select,input{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none}
input:focus{background-color:transparent}
img{border:0;vertical-align:middle;display:block}
html,body{-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}
div:focus{outline:none}
.relative{position:relative}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.towLine{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.touchscroll{-webkit-overflow-scrolling:touch}
.preLine{white-space:pre-line}
.hand{cursor:pointer}
.valign{display:flex;align-items:center}
.valign-top{display:flex;align-items:flex-start}
.valign-center{display:flex;align-items:center;justify-content:center}
.valign-between{display:flex;align-items:center;justify-content:space-between}
.column{flex-direction:column}
input:focus{background:none}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body{color:#333;line-height:1.6;margin:0 auto;z-index:-1;font-family:'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';}
a{color:#333}
::-webkit-scrollbar{width:0.1rem}
::-webkit-scrollbar-track{background-color:rgba(0,0,0,0.3);width:0.1rem;height:100%;padding:1rem}
::-webkit-scrollbar-thumb{background:#fff;height:20%;border-radius:0.1rem}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
input:-webkit-autofill{box-shadow:0 0 0 1000px white inset !important}
input:-internal-autofill-previewed,input:-internal-autofill-selected{-webkit-text-fill-color:#333 !important;transition:background-color 5000s ease-in-out 0s !important}

@font-face{font-family:AngThongBold;src:url(../font/AngThongBold.woff) format('truetype');font-weight:400;font-style:normal}
.AngThongBold{font-family:AngThongBold}
@font-face{font-family:SiYuan_Regular;src:url(../font/SourceHanSans-Regular.woff) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:SiYuan_Bold;src:url(../font/SourceHanSans-Regular.woff) format('truetype');font-weight:400;font-style:normal}
.SiYuan_Bold{font-family:SiYuan_Bold}

/*右侧导航*/
.swiper-fullscreen{width:100%;height:100%;overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.swiper-fullscreen>.swiper-wrapper>.swiper-slide{overflow:hidden;background-position:center top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.swiper-fullscreen{width:100%;height:100%}

/*视频弹窗*/
.closed{position:absolute;top:0.6rem;right:0.5rem}
.closed img{transition:all 0.3s;width:0.34rem;height:0.34rem}
.closed img:hover{transform:rotate(90deg)}
.masked{background:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;left:0;top:0;z-index:2}

.pop_fixed{display:none;position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.8);z-index:100}
.pop_fixed.active{display:block}
.pop_video_cont{position:absolute;width:9.3rem;height:5.46rem;left:50%;top:50%;margin:-2.73rem 0 0 -4.65rem;background-image:url(../images/tc_video_bg.png);background-size:100% 100%}
.icon_close,.pic_closed{position:absolute;width:0.7rem;height:0.98rem;left:50%;bottom:-0.9rem;margin-left:-0.35rem;cursor:pointer}
.icon_close img,.pic_closed img{width:0.7rem;height:0.98rem;transition:all 0.3s}
.icon_close img:hover,.pic_closed img:hover,.rule_closed img:hover{transform:translateY(-10px)}
.pop_v_box,.pop_v_box video{width:97.5%;height:97.5%;overflow:hidden}
.pop_v_box{position:absolute;left:0.23rem;top:0.15rem}



/*固定导航*/
.fixed_right{width:0.45rem;position:fixed;top:50%;right:1rem;height:4rem;margin-top:-2rem;z-index:10;background:none;background-size:100% 100%;display:flex;flex-direction:column;justify-content:space-between;opacity:1;filter:drop-shadow(0px 0px 0.1rem #000)}
.swiper-fullscreen .main_pagination .swiper-pagination-bullet{transition:background 0.3s;display:flex;align-items:center;justify-content:center;opacity:1;width:0.45rem;height:0.28rem;max-height:calc(20vh - 0.40rem);font-size:0.20rem;text-align:center;margin-bottom:0.15rem;color:#fff;background:url(../images/off.png) no-repeat center center;background-size:0.45rem 0.28rem;font-size:0}
.swiper-fullscreen .main_pagination .swiper-pagination-bullet-active{background-image:url(../images/on.png);font-size:0.2rem;width:0.45rem;height:0.45rem;background-size:100% 100%;color:#afa175;text-align:center;line-height:0.45rem}
.swiper-fullscreen .main_pagination .swiper-pagination-bullet:last-child{display:none}
.pages::before,.pages::after{content:'';width:0.17rem;height:0.46rem;background:url(../images/fixed_right_line.png);background-size:100% 100%;display:block;margin-left:0.29rem;margin-bottom:0.15rem}
.pages::after{transform:rotate(180deg)}
.pages span{margin:0 0.15rem}
.scroll-tip{position:absolute;bottom:-0.2rem;left:50%;margin-left:-0.085rem;width:0.17rem;height:0.26rem;cursor:pointer}
.scroll-tip .mouse{margin:0 auto;background:url(../images/fixed_right_ico.png);background-size:100% 100%;width:0.17rem;height:0.26rem;animation:arrowAn 0.8s alternate infinite ease-in-out;-webkit-animation:arrowAn 1s alternate infinite ease-in-out}
@keyframes arrowAn{0%,100%{opacity:0;transform:translateY(0.1rem)}
50%{opacity:1;transform:translateY(0)}
}.ing{animation:circleAn 3s infinite linear}
@keyframes circleAn{100%{transform:rotate(720deg)}
}

/*part1---index*/
.part1_bg{background:url(../images/part1_bg.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.inner_part1{z-index:2;position:relative;height:calc(100vh - 1rem);top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:14.3rem;margin:0 auto;}
.inner_part1 .content_part1{position:relative;display:flex;align-items:center;flex-direction:column}
.slo{background:url(../images/part1_solgen_en.png) no-repeat;width:14.3rem;height:2.5rem;background-size:100% 100%;animation:scaleA 1s .2s ease both;margin-bottom:-0.2rem;-webkit-animation:scaleA 1s .2s ease both;-ms-animation:scaleA 1s .2s ease both;-moz-animation:scaleA 1s .2s ease both;-o-animation:scaleA 1s .2s ease both}
.video_play{width:1rem;height:1rem;-webkit-animation:fadeInUp 1s 0.4s both;-moz-animation:fadeInUp 1s 0.4s both;-ms-animation:fadeInUp 1s 0.4s both;-o-animation:fadeInUp 1s 0.4s both;animation:fadeInUp 1s 0.4s both;display:flex;justify-content:center;margin-bottom:3.3rem}
.video_paly_one{width:1rem;height:1rem;overflow:hidden;cursor:pointer}
.video_paly_one span{display:block;width:1rem;height:1rem;background:url(../images/part1_video_ico_bg.png) no-repeat center center;background-size:100% 100%;-webkit-animation:circle 5s infinite linear}
.video_paly_one strong{display:block;width:1rem;height:1rem;background:url(../images/part1_video_ico_img.png) no-repeat center center;background-size:100% 100%;position:absolute;top:0;left:0}
.down_tips{width:5.8rem;-webkit-animation:bounceInUp 1s 0.3s both;-moz-animation:bounceInUp 1s 0.3s both;-ms-animation:bounceInUp 1s 0.6s both;-o-animation:bounceInUp 1s 0.3s both;animation:bounceInUp 1s 0.3s both;margin-bottom:1.6rem}
.app_down{width:6.3rem;height:1rem;position:absolute;top:0.24rem;left:50%;margin-left:-3.15rem;display:flex;justify-content:space-between;}




.ios-down{width:2.94rem;height:0.87rem;background:url(../images/part1_down_tips_app.png) no-repeat center center;background-size:100% 100%;}
.android-down {width:2.96rem;height:0.87rem;background:url(../images/part1_down_tips_gg.png) no-repeat center center;background-size:100% 100%;}

.video_bg{position:absolute;width:100%;height:100%;top:50%;left:50%;margin:0 auto;overflow:hidden;z-index:22}
.video_bg video{width:100%;height:100%;opacity:1;display:block;position:absolute;object-fit:cover;top:0;left:0}

.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover}



.part1_top_line{position:absolute;width:100%;height:100%;top:0;background:rgba(0,0,0,0.1);overflow:hidden;background-size:100%;z-index:1}

.bg_video{height: calc(100vh - 1rem);width: 100%;position: absolute;z-index: 0;overflow: hidden;top:1rem;}
.video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}



/*part2---LONG*/
.part_games_introduce{background-image:url(../images/part3_wind_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_wind_dragon{background-image:url(../images/part3_wind_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_ice_dragon{background-image:url(../images/part3_blue_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_mu_dragon{background-image:url(../images/part3_mu_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_fire_dragon{background-image:url(../images/part3_fire_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_purple_dragon{background-image:url(../images/part3_purple_dragon.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.part3_change_bg div{display:none}

.slide_left_nav{width:6.33rem;height:calc(100% - 1rem);top:1rem;position:absolute;display:flex;align-items:center}
.slide_picture_top{width:6.33rem;height:9.76rem;background-image:url(../images/part3_tab1.png);cursor:pointer;background-size:100% 100%;position:relative;z-index:1000}
.menu_title li{height:1.96rem;margin-right:0.18rem;background-repeat:no-repeat;width:2.13rem;font-size:0.12rem}
.menu_title li{display:inline-block;width:4rem;height:8rem;position:absolute}
.menu_title li.meau01{left:3.05rem;top:0.79rem;position:absolute;width:2.13rem;height:1.96rem}
.menu_title li.menu_active.meau01{left:3.05rem;top:0.79rem;background:url(../images/part3_tab_hover_wind.png);background-size:100% 100%;transform:rotate(0deg)}
.menu_line{width:6.33rem;height:9.76rem;position:absolute;left:0;top:0}
.menu_line .active1.line1{left:0rem;top:0rem;background:url(../images/wind.png);background-size:100% 100%;transform:rotate(0deg);width:6.33rem;height:9.76rem;z-index:-2;pointer-events:none;transition:all 0.3s;position:absolute}
.menu_line .active1.line2{left:0rem;top:0rem;background:url(../images/ice.png);background-size:100% 100%;transform:rotate(0deg);width:6.33rem;height:9.76rem;z-index:-2;pointer-events:none;transition:all 0.3s;position:absolute}
.menu_line .active1.line3{left:0rem;top:0rem;background:url(../images/earth.png);background-size:100% 100%;transform:rotate(0deg);width:6.33rem;height:9.76rem;z-index:-2;pointer-events:none;transition:all 0.3s;position:absolute}
.menu_line .active1.line4{left:0rem;top:0rem;background:url(../images/fire.png);background-size:100% 100%;transform:rotate(0deg);width:6.33rem;height:9.76rem;z-index:-2;pointer-events:none;transition:all 0.3s;position:absolute}
.menu_line .active1.line5{left:0rem;top:0rem;background:url(../images/purple.png);background-size:100% 100%;transform:rotate(0deg);width:6.33rem;height:9.76rem;z-index:-2;pointer-events:none;transition:all 0.3s;position:absolute}
.menu_title li.meau02{left:2.52rem;top:2.26rem;position:absolute;width:2.13rem;height:1.96rem;transition:all 0.3s}
.menu_title li.menu_active.meau02{left:2.52rem;top:2.26rem;background:url(../images/part3_tab_hover_ice.png);background-size:100% 100%;transform:rotate(0deg);transition:all 0.3s}
.menu_title li.meau03{left:2.6rem;top:3.81rem;position:absolute;width:2.13rem;height:1.96rem;transition:all 0.3s}
.menu_title li.menu_active.meau03{left:2.6rem;top:3.81rem;background:url(../images/part3_tab_hover_tu.png);background-size:100% 100%;transform:rotate(0deg);transition:all 0.3s}
.menu_title li.meau04{left:2.52rem;top:5.26rem;position:absolute;width:2.13rem;height:1.96rem;transition:all 0.3s}
.menu_title li.menu_active.meau04{left:2.52rem;top:5.26rem;background:url(../images/part3_tab_hover_fire.png);background-size:100% 100%;transform:rotate(0deg);transition:all 0.3s}
.menu_title li.meau05{left:3.01rem;top:6.87rem;position:absolute;width:2.13rem;height:1.96rem;transition:all 0.3s}
.menu_title li.menu_active.meau05{left:3.01rem;top:6.87rem;background:url(../images/part3_tab_hover_purple.png);background-size:100% 100%;transform:rotate(0deg);transition:all 0.3s}


.no{display:none}
.slide_picture{width:100%;margin:0 auto;height:100%;position:relative;display:flex}
.slide_picture_bottom{position:relative;height:10.8rem;width:19.2rem;position:absolute;left:50%;top:50%;margin-top:-5.4rem;margin-left:-9.6rem}
.role_title{background:url(../images/part3_role_title.png);background-size:100% 100%;width:3.8rem;height:3.3rem;position:relative;margin-bottom:0.3rem}
.role_title h3{font-size:0.72rem;position:absolute;left:-1.1rem;top:1.15rem;width:6rem;font-family:'AngThongBold','Microsoft YaHei',sans-serif,'Times New Roman';opacity:unset !important;white-space:nowrap;background:linear-gradient(180deg,#cdb08b 0%,#F3EBD3 100%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 0.04rem black);text-transform: uppercase;text-align: center;}
.role_wind_title_tip{background:url(../images/part3_role_wind_bg.png);background-size:100% 100%;width:1.84rem;height:0.52rem;position:relative;font-size:0.22rem;position:absolute;line-height:0.52rem;right:0;bottom:0;padding-left: 0.56rem;}
.role_blue_title_tip{background:url(../images/part3_role_ice_bg.png);background-size:100% 100%;width:1.84rem;height:0.52rem;position:relative;font-size:0.22rem;position:absolute;line-height:0.52rem;right:0;bottom:0;padding-left: 0.56rem;}
.role_tu_title_tip{background:url(../images/part3_role_tu_bg.png);background-size:100% 100%;width:1.84rem;height:0.52rem;position:relative;font-size:0.22rem;position:absolute;line-height:0.52rem;padding-left:0.3rem;right:0;bottom:0;padding-left: 0.56rem;}
.role_purple_title_tip{background:url(../images/part3_role_purple_bg.png);background-size:100% 100%;width:1.84rem;height:0.52rem;position:relative;font-size:0.22rem;position:absolute;line-height:0.52rem;right:0;bottom:0;padding-left: 0.56rem;}
.role_fire_title_tip{background:url(../images/part3_role_fire_bg.png);background-size:100% 100%;width:1.84rem;height:0.52rem;position:relative;font-size:0.22rem;position:absolute;line-height:0.52rem;right:0;bottom:0;padding-left: 0.56rem;}
.role_fire_title_tip p{background-image:linear-gradient(to right,#d66b5a,#da9a8e);text-align:center;-webkit-background-clip:text;color:transparent;background-clip:text; text-align: center;   width: 1.12rem; overflow: hidden; height: 0.52rem;white-space:nowrap; }
.role_purple_title_tip p{background-image:linear-gradient(to right,#9753b8,#cca0e3);text-align:center;-webkit-background-clip:text;color:transparent;background-clip:text; text-align: center;    width: 1.12rem; overflow: hidden; height: 0.52rem;white-space:nowrap; }
.role_wind_title_tip p{background-image:linear-gradient(to right,#618f5c,#96ba92);text-align:center;-webkit-background-clip:text;color:transparent;background-clip:text;text-align: center;  width: 1.12rem; overflow: hidden; height: 0.52rem;white-space:nowrap; }
.role_blue_title_tip p{background-image:linear-gradient(to right,#4d97b4,#a1ccdb);text-align:center;-webkit-background-clip:text;color:transparent;background-clip:text;text-align: center;  width: 1.12rem; overflow: hidden; height: 0.52rem;white-space:nowrap; }
.role_tu_title_tip p{background-image:linear-gradient(to right,#978369,#bab4ab);text-align:center;-webkit-background-clip:text;color:transparent;background-clip:text;text-align: center; width: 1.12rem; overflow: hidden; height: 0.52rem;white-space:nowrap; }




.game_roles .swiper_dock_list li,.game_roles0 .swiper_dock_list0 li,.game_roles1 .swiper_dock_list1 li,.game_roles2 .swiper_dock_list2 li,.game_roles3 .swiper_dock_list3 li{width:1.26rem;height:1.28rem;cursor:pointer;transition:all 0.3s;filter:grayscale(100%);-webkit-filter:grayscale(100%)}
.slide_picture_bottom_content{width:100%;height:100%;position:relative}
.slide_picture_bottom_content .swiper-container{height:12rem}
.game_roles .swiper-slide,.game_roles0 .swiper-slide,.game_roles1 .swiper-slide,.game_roles2 .swiper-slide,.game_roles3 .swiper-slide{width:19.2rem;height:10rem;position:relative}
.role_right1_zhi{width:6rem;position:absolute;height:6rem;left:13rem;top:2rem}
.role_info{width:6rem;height:6rem;top:0;position:absolute;height:2rem;right:0}
.inner_part1 .content_part1{position:relative;display:flex;align-items:center;flex-direction:column}
.roles_wrap0 .swiper-slide-active .right_tab,.roles_wrap1 .swiper-slide-active .right_tab,.roles_wrap2    .swiper-slide-active .right_tab,.roles_wrap3 .swiper-slide-active .right_tab,.roles_wrap .swiper-slide-active .right_tab,.move_item{-webkit-transition:visibility 3s,opacity 4.6s,-webkit-transform 4.6s ease-out;transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;-o-transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out,-webkit-transform .6s ease-out}
.role_left{width:19.2rem;height:10.8rem;position:absolute;left:0rem;z-index:2}
.role_left img{width:19.2rem;height:10.8rem}
.role_left{-webkit-transform:translateX(-1rem);-ms-transform:translateX(-1rem);transform:translateX(-1rem);pointer-events:none;
    visibility:hidden;opacity:0;width:19.2rem;position:absolute;height:10.8rem;left:0.2rem;top:0rem;

    -webkit-transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;
    transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;
    -o-transition:visibility 3s,opacity .6s,transform .6s ease-out;
    transition:visibility 3s,opacity .6s,transform .6s ease-out;

}
.right_tab{visibility:hidden;opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;z-index:10;-ms-flex-direction:column;flex-direction:column;-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translateX(1rem);-webkit-transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;-o-transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out,-webkit-transform .6s ease-out}
.game_roles .swiper-slide-active .right_tab,.game_roles0 .swiper-slide-active .right_tab,.game_roles1 .swiper-slide-active .right_tab,.game_roles2 .swiper-slide-active .right_tab,.game_roles3 .swiper-slide-active .right_tab{opacity:1;pointer-events:auto;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);
    -webkit-transition:visibility 3s,opacity 1s,-webkit-transform 1s ease-out;transition:visibility 3s,opacity 1s,-webkit-transform .6s ease-out;-o-transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out;transition:visibility 3s,opacity .6s,transform .6s ease-out,-webkit-transform .6s ease-out;}
.roles_wrap1 .swiper-slide-active .role_left,
.roles_wrap2 .swiper-slide-active .role_left,
.roles_wrap3 .swiper-slide-active .role_left{ 
    opacity:1;pointer-events:auto;visibility:visible;
    -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.swiper-slide-active .move_item,
.game_roles .swiper-slide-active .role_left,
.game_roles0 .swiper-slide-active .role_left,
.game_roles1 .swiper-slide-active .role_left,
.game_roles2 .swiper-slide-active .role_left,
.game_roles3 .swiper-slide-active .role_left
{opacity:1;visibility:visible;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);

   -webkit-transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;
   transition:visibility 3s,opacity .6s,-webkit-transform .6s ease-out;
   -o-transition:visibility 3s,opacity .6s,transform .6s ease-out;
   transition:visibility 3s,opacity .6s,transform .6s ease-out;


}











.game_roles .swiper_dock_list li:nth-child(1){background:url(../images/part3_wind_tab_03.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles .swiper_dock_list li:nth-child(2){background:url(../images/part3_wind_tab_02.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles .swiper_dock_list li:nth-child(3){background:url(../images/part3_wind_tab_01.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles0 .swiper_dock_list0 li:nth-child(1){background:url(../images/part3_ice_tab_01.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles0 .swiper_dock_list0 li:nth-child(2){background:url(../images/part3_ice_tab_02.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles0 .swiper_dock_list0 li:nth-child(3){background:url(../images/part3_ice_tab_03.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles1 .swiper_dock_list1 li:nth-child(1){background:url(../images/part3_tu_tab_01.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles1 .swiper_dock_list1 li:nth-child(2){background:url(../images/part3_tu_tab_02.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles1 .swiper_dock_list1 li:nth-child(3){background:url(../images/part3_tu_tab_03.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles2 .swiper_dock_list2 li:nth-child(1){background:url(../images/part3_fire_tab_01.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles2 .swiper_dock_list2 li:nth-child(2){background:url(../images/part3_fire_tab_02.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles2 .swiper_dock_list2 li:nth-child(3){background:url(../images/part3_fire_tab_03.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles3 .swiper_dock_list3 li:nth-child(1){background:url(../images/part3_purple_tab_01.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles3 .swiper_dock_list3 li:nth-child(2){background:url(../images/part3_purple_tab_02.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles3 .swiper_dock_list3 li:nth-child(3){background:url(../images/part3_purple_tab_03.png);background-size:100% 100%;width:1.26rem;height:1.28rem}
.game_roles .swiper_dock_list li:nth-child(1).on,.game_roles .swiper_dock_list li:nth-child(2).on,
.game_roles .swiper_dock_list li:nth-child(3).on,.game_roles0 .swiper_dock_list0 li:nth-child(1).on,
.game_roles0 .swiper_dock_list0 li:nth-child(2).on,.game_roles0 .swiper_dock_list0 li:nth-child(3).on,
.game_roles1 .swiper_dock_list1 li:nth-child(1).on,.game_roles1 .swiper_dock_list1 li:nth-child(2).on,
.game_roles1 .swiper_dock_list1 li:nth-child(3).on,.game_roles2 .swiper_dock_list2 li:nth-child(1).on,
.game_roles2 .swiper_dock_list2 li:nth-child(2).on,.game_roles2 .swiper_dock_list2 li:nth-child(3).on,
.game_roles3 .swiper_dock_list3 li:nth-child(1).on,.game_roles3 .swiper_dock_list3 li:nth-child(2).on,
.game_roles3 .swiper_dock_list3 li:nth-child(3).on{width:1.26rem;height:1.28rem;transform:scale(1.1);filter:grayscale(0%);-webkit-filter:grayscale(0%)}
.wrap_main{width:14rem;margin:0 auto;height:4rem;position:relative}
.swiper_list,.swiper_list0,.swiper_list1,.swiper_list2,.swiper_list3{position:absolute;width:4.2rem;height:1.28rem;left:12.8rem;top:7.1rem;z-index:10;pointer-events:auto !important;display:flex}
.swiper_dock_list,.swiper_dock_list0,.swiper_dock_list1,.swiper_dock_list2,.swiper_dock_list3{width:4.2rem;height:1.28rem;position:relative;top:0;left:0.13rem;display:flex;justify-content:space-between;align-items:center}

:root {
  --swiper-space-between: 30px;
}

@media (min-width: 2560px) {
  :root {
    --swiper-space-between: 60px;
  }
}

#certifySwiper .swiper-wrapper {
  margin-inline: calc(var(--swiper-space-between) / -2);
}

#certifySwiper .swiper-slide {
  padding-inline: calc(var(--swiper-space-between) / 2);
} 

/*part3---特色*/
.part_feature_banner{background-image:url(../images/part5_bg.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}

.inner{z-index:2;position:relative;height:calc(100vh);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:13.8rem;margin:0 auto}
.inner .content{position:relative;display:flex;align-items:center;flex-direction:column}


#certify{position:relative;width:14rem;margin:0 auto;top:0.5rem}
#certify .swiper-container{height:6.4rem;;}
#certify .swiper-slide{width:9.83rem;height:5.58rem}




#certify .swiper-button-prev:after,#certify .swiper-button-next:after{content:''}
#certify .swiper-button-prev{left:0;top:40%;width:0.96rem;height:0.97rem;background:url(../images/part5_left_row.png) no-repeat;background-position:0 0;background-size:100% 100%;transition: all 0.3s;}
#certify .swiper-button-next{right:0;top:40%;width:0.96rem;height:0.97rem;background:url(../images/part5_left_row.png) no-repeat;background-position:0 0;background-size:100% 100%;transform: rotate(180deg);transition: all 0.3s;}
#certify .swiper-slide .abs{width:100%;height:100%;background:rgba(0,0,0,0.5);}
/* #certify .swiper-slide-next .abs{position:absolute;left:0.09rem;top:0.2rem}
#certify .swiper-slide-prev .abs{position:absolute;left:0.2rem;top:0.2rem} */
#certify .swiper-slide-active .abs{background:none}

#certify .swiper-pagination{height:0.8rem;z-index:10;position:absolute;bottom:0rem;width:3rem;left:50%;margin-left:-1.5rem;display:flex;justify-content:space-between; align-items: center; transition: all 0.3s;}
#certify  .swiper-pagination-bullet{background:url(../images/part5_pag.png) no-repeat;background-size:100% 100%;position:relative;width:0.18rem;height:0.8rem;opacity:1; transition: all 0.3s;}
#certify  .swiper-pagination-bullet-active{background:url(../images/part5_pag_hover.png) no-repeat;background-size:100% 100%;width:0.8rem;height:0.8rem;opacity:1; transition: all 0.3s;}

.abs{width:100%;text-align:left;background:rgba(0,0,0,0.8);bottom:0;left:0;position:absolute;color:#fff;font-size:0.20rem;padding:0.1rem 0.20rem;transition:transform 0.3s;height:0.6rem}


/*part4---NEWS*/
.part_news_box{background:url(../images/part2_bg.jpg);position:absolute;bottom:0;right:0;width:100%;height:100%;margin:0;padding:0;background-position:center center;-moz-background-size:cover;background-size:cover}
.news_banner{width:7.06rem;height:4.31rem;position:relative}
.part_new_banner .swiper-slide img{width:7.06rem;height:4.31rem}
.part_new_banner_swiper{width:7.06rem;height:4.31rem;position:absolute;left:0;top:0rem}
.part_new_banner_swiper .part2_pagination{width:1rem;z-index:10;left:6rem;position:absolute;bottom:0.25rem;display:flex;justify-content:center;align-items:center}
.part2_pagination .swiper-pagination-bullet{margin:0 0.2rem;background:url(../images/part2_banner_ico.png) no-repeat;background-size:100% 100%;position:relative;width:0.21rem;height:0.22rem;opacity:1}
.part2_pagination .swiper-pagination-bullet-active{background:url(../images/part2_banner_ico_hover.png) no-repeat;background-size:100% 100%;width:0.21rem;height:0.22rem;opacity:1}


.conNews{width:6.9rem;position:absolute;height:4.31rem;right:0;top:0rem;background:url(../images/part2_news_bg.png) no-repeat;background-size:100% 100%}
.conNews h3{background:url(../images/news_content_title.jpg) no-repeat;background-size:100% 100%;width:6.9rem;height:0.77rem;position:relative;color:#48422f;font-size:0.26rem;text-transform:uppercase;line-height:0.77rem;padding-left:1.15rem;display:flex;align-items:center}
.conText ul li.part2_news_text a{display:block;width:4rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#d7d7d7;font-size:0.16rem;font-family: 'SiYuan_Regular','Microsoft YaHei', sans-serif, 'Times New Roman', serif;}
.conText ul li.part2_news_text a:hover{color:#b29c7e}
.conText ul li.part2_news_text{width:5.98rem;height:0.69rem;line-height:0.69rem;font-size:0.16rem;color:#eaeaea;display:flex;justify-content:space-between;position:relative}
.conText ul li.part2_news_text::after{content:'';position:absolute;background:url(../images/part2_news_line.png);background-size:100% 100%;left:0;bottom:0;width:5.98rem;height:0.06rem}
.conText ul li.part2_news_line{width:5.98rem;height:0.08rem;display:flex}
.conText ul li.part2_news_line img{width:5.98rem;height:0.08rem}
.list_swiper .list_pagination{width:0.6rem;z-index:10;left:5.55rem;position:absolute;bottom:0.35rem;display:flex;justify-content:center;align-items:center}
.list_pagination .swiper-pagination-bullet{margin:0 0.2rem;background:url(../images/part2_list_pagtion.png) no-repeat;background-size:100% 100%;position:relative;width:0.1rem;height:0.08rem;opacity:1}
.list_pagination .swiper-pagination-bullet-active{background:url(../images/part2_list_pagtion.png) no-repeat;background-size:100% 100%;width:0.1rem;height:0.08rem;opacity:1}
.list_swiper{height:3.53rem; position: relative;}
.list_swiper .swiper-button-prev:after,.list_swiper .swiper-button-next:after{content:''}
.list_swiper .swiper-button-prev{left:5.25rem;top:3.19rem;width:0.2rem;height:0.24rem;background:url(../images/part2_list_row_left.png) no-repeat;background-position:0 0;background-size:100% 100%}
.list_swiper .swiper-button-next{right:0.5rem;top:3.19rem;width:0.2rem;height:0.24rem;background:url(../images/part2_list_row_left.png) no-repeat;background-position:0 0;background-size:100% 100%;transform: rotate(180deg);}

/* .conText ul li.part2_news_text:hover{width:5.98rem;height:0.69rem;line-height:0.69rem;font-size:0.16rem;color:#eaeaea;background:url(../images/part2_news_list_hover.png);background-size:100% 100%;display:flex;justify-content:space-between} */
.news_more a{transition:all 0.3s;width:1.05rem;height:0.37rem;background:url(../images/part2_news_more.png) no-repeat;background-size:100% 100%;display:block}
.conText ul{margin-left:0.4rem}
.part2_news_text span{color:#545454}
.news_more{width:1.05rem;height:0.34rem;position:absolute;bottom:0.2rem;right:0.2rem}
.news_more a:hover,.flower_more_ico a:hover,.video_more a:hover{transform:translateY(-0.1rem)}
.conText{width:6.9rem;position:absolute;height:4.3rem;right:0;font-size:0.2rem;}
.conText p{line-height:0.26rem}
.conText p span{float:right}
.conText p a{display:inline-block;margin:0 0.05rem 0 0}

.news_main{width:14rem;margin:0 auto;position:relative;height:7.2rem;top:45%;transform:translateY(-50%);}
.news_content{width:15.36rem;position:absolute;height:6.38rem;right:0;top:55%;transform:translateY(-50%);background:url(../images/part2_main_bg.png);background-size:100% 100%}
.main_center{width:14rem;margin:0 auto;position:relative;top:-0.2rem}
.news_content_title{width:8rem;height:3rem;margin:0 auto;position:relative;display:flex;justify-content:center;background:url(../images/part2_title_bg.png);background-size:100% 100%;align-items:center}
.news_content_title h4{font-size:0.6rem;align-items:center;margin-bottom:0.05rem;display:flex;justify-content:center;color:#d8e5e4;opacity:unset !important;white-space:nowrap;background:linear-gradient(180deg,#edc876 0%,#F3EBD3 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px black)}
.news_content_title h4::before,.news_content_title h4::after{     content: '';   width:1.91rem;height:0.26rem;background:url(../images/part2_left_ico_03.png);background-size:100% 100%}
.news_content_title h4::after{transform:rotate(180deg)}
.news_content_title h4 span{margin:0 0.15rem}
  


/*part5---底部*/
.swiper-container .slide6{width:100%;height:2.61rem;background:url(../images/part6_bg.jpg) no-repeat;background-size:100% 100%;}
.footer_content{width:4rem;margin:0 auto;display: flex; justify-content:space-between; align-items: center;height: 2.61rem;}
.footer_yt a{width:0.97rem;height:0.97rem;background:url(../images/footer_yt.png) no-repeat;background-size:100% 100%; display:inline-block;}
.footer_fb a{width:0.97rem;height:0.97rem;background:url(../images/footer_fb.png) no-repeat;background-size:100% 100%;display:inline-block;}
.footer_play a{width:0.97rem;height:0.97rem;background:url(../images/footer_play.png) no-repeat;background-size:100% 100%;display:inline-block;}

.app_down a,.part_box_rule img,.part3_right_dc_btn img,.footer_fb a,.footer_play a,.footer_yt a{transition:all 0.5s}

.part3_right_dc_btn img:hover,
.footer_play a:hover,
.footer_fb a:hover,
.footer_yt a:hover{transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);z-index:2}
.app_down a:hover,.part1_btn img:hover,.part3_tc_content img:hover,.register_law_tip_btn img:hover,.part3_regitster img:hover,.part4_hd_btn img:hover{transform:scale(1.1,1.1);filter:drop-shadow(0px 0px 0.1rem #000);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}


/*slogen*/
@keyframes scaleA{0%{opacity:0;-webkit-transform:scale(2,2)}
80%{-webkit-transform:scale(.9,.9)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}@-webkit-keyframes scaleA{0%{opacity:0;-webkit-transform:scale(2,2)}
80%{-webkit-transform:scale(.9,.9)}
100%{opacity:1;-webkit-transform:scale(1,1)}
}@-ms-keyframes scaleA{0%{opacity:0;-ms-transform:scale(2,2)}
80%{-ms-transform:scale(.9,.9)}
100%{opacity:1;-ms-transform:scale(1,1)}
}@-moz-keyframes scaleA{0%{opacity:0;-moz-transform:scale(2,2)}
80%{-moz-transform:scale(.9,.9)}
100%{opacity:1;-moz-transform:scale(1,1)}
}@-o-keyframes scaleA{0%{opacity:0;-o-transform:scale(2,2)}
}

@-webkit-keyframes circle{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
@keyframes circle{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}



.scale-up-center{-webkit-animation:scale-up-center 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-center 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}



@-webkit-keyframes vrSpan{0%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
}@-moz-keyframes vrSpan{0%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
}@-ms-keyframes vrSpan{0%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
}@-o-keyframes vrSpan{0%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
}@keyframes vrSpan{0%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
50%{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}
100%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}
}@-webkit-keyframes leftRight{0%{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);-o-transform:translateX(-5px);transform:translateX(-5px)}
50%{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px)}
100%{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-ms-transform:translateX(5px);-o-transform:translateX(5px);transform:translateX(5px)}
}@-webkit-keyframes swing_left_An{0%,100%{opacity:1;transform:rotate(-8deg);-o-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg)}
50%{opacity:1;transform:rotate(8deg);-o-transform:rotate(8deg);-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg)}
}@-o-keyframes swing_left_An{0%,100%{opacity:1;transform:rotate(-8deg);-o-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg)}
50%{opacity:1;transform:rotate(8deg);-o-transform:rotate(8deg);-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg)}
}@keyframes swing_left_An{0%,100%{opacity:1;transform:rotate(-8deg);-o-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg)}
50%{opacity:1;transform:rotate(8deg);-o-transform:rotate(8deg);-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg)}
}@-moz-keyframes swing_left_An{0%,100%{opacity:1;transform:rotate(-8deg);-o-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-moz-transform:rotate(-8deg)}
50%{opacity:1;transform:rotate(8deg);-o-transform:rotate(8deg);-webkit-transform:rotate(8deg);-moz-transform:rotate(8deg)}
}@-webkit-keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,0.08rem,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}@-moz-keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,0.08rem,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}@-ms-keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,0.08rem,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}@-o-keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,0.08rem,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}@keyframes sec_pic{0%{-webkit-transform:translate3d(0,0,0)}
50%{-webkit-transform:translate3d(0,0.08rem,0)}
100%{-webkit-transform:translate3d(0,0,0)}
}@-webkit-keyframes rotate-out-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}
}@keyframes rotate-out-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}
}@keyframes myScan{0%{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(0,1.29rem);-moz-transform:translate(0,1.29rem);-ms-transform:translate(0,1.29rem);transform:translate(0,1.29rem)}
}.scale-up-center{-webkit-animation:scale-up-center 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both;animation:scale-up-center 0.4s cubic-bezier(0.390,0.575,0.565,1.000) both}
@-webkit-keyframes scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes scale-up-center{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}@-webkit-keyframes rotate-out-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}
}@keyframes rotate-out-center{0%{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}
}@-webkit-keyframes magnify{0%{-webkit-transform:scale(0.96)}
100%{-webkit-transform:scale(1)}
}@-moz-keyframes magnify{0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(0.96)}
}@keyframes magnify{0%{transform:scale(1)}
100%{transform:scale(0.96)}
}
#certify .swiper-slide img{display:block;width:9.84rem;height:5.58rem}
     @media screen and (min-width:0px) and (max-width:1920px){
      

     }
     /* @media screen and (min-width: 1920px) and (max-width: 2560px){
  #certify .swiper-slide img{    display: block;
    width: 13.12rem;
    height: 7.45rem;}
} */


h3.small_fz{font-size: 0.4rem; top: 1.4rem; width: 6.5rem;}


 .tooltip-container {
      position: relative;height:1.3rem;width:4rem;
      display: inline-block;
     
    }
    .role_des{color:#a9a297;font-size:0.16rem;height:1.3rem;width:4rem;   display: -webkit-box; /* 必须结合WebKit的私有属性使用 */
    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-line-clamp: 5; /* 限制在一个块元素显示的文本的行数 */
    overflow: hidden; }
    
    .full-text {
      visibility: hidden;
      width: 4rem;
      background-color: #333;
      color: #fff;
      text-align: center;
      border-radius: 0.06rem;
      padding: 0.05rem;
      position: absolute;
      z-index: 1;
       bottom: 100%;
      left: 50%;
      margin-left: -2rem;
      opacity: 0;
      transition: all 0.3s;font-size: 0.16rem;
    }
    
    .full-text::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -0.05rem;
      border-width: .05rem;
      border-style: solid;
      border-color: #F3EBD3 transparent transparent transparent;
    }
    
 .tooltip-container:hover  .full-text { z-index: 3;border: 1px solid #F3EBD3;
      visibility: visible !important; width: 4rem; height: auto;
      opacity: 1 !important;
    }