CINXE.COM
The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024)
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024)</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keyword" content="The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024)"> <meta name="description" content="The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024)"> <link rel="icon" href="https://fhk.ais.cn/cms/website/favicon/i/icffit.org.2d1da12.ico" type="image/x-icon"/> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/js/css/layui.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/11/index.css"> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/zoomify.min.css"> <script src="https://img.ais.cn/thirds/common/jquery-1.12.4.min.js"></script> <script src="https://img.ais.cn/thirds/common/jquery.print.js"></script> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/swiper.min.css"> <script src="https://fhk.ais.cn/file/web/js/swiper.min.js"></script> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/11/newStyle.css"> <link rel="stylesheet" type="text/css" href="https://fhk.ais.cn/file/web/css/common.css"> <style> .layui-layout-body { overflow: scroll; } .station-flexs { display: flex; justify-content: center; } </style> </head> <body> <div class="page-en"> <div> <div class="header-Tem-two-page"> <section class="container-Tem-two"> <section class="header-Tem-two-flex"> <div> <img src="https://fhk.ais.cn/cms/website/common/202401/396240110133859293.png" alt="logo" class="logo"> </div> <div class="header-Tem-two-span"> <span class="head-company" id="title">The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024)</span> </div> </section> </section> </div> <div class="top-navList select-Color" id="header-content"> <section class="nav-Tem-two select-Color" id="section"> <div class="tem-en-nav"> <ul class="layui-nav select-Color" id="layui-nav"> <li class="layui-nav-item layui-hover" data-param="1"><a href="./">Home</a></li> <li class="layui-nav-item" data-param="2"><a href="./Committee" >Committee</a> <li class="layui-nav-item" data-param="3"><a href="./Speakers" >Speakers</a> <li class="layui-nav-item" data-param="4"><a href="./call_for_paper" >Call For Papers</a> <li class="layui-nav-item" data-param="5"><a href="./Submission" >Submission</a> <li class="layui-nav-item" data-param="6"><a href="./Registration" >Registration</a> <li class="layui-nav-item" data-param="7"><a href="./Publication" >Publication</a> <li class="layui-nav-item" data-param="8"><a href="./program" >Program</a> <li class="layui-nav-item" data-param="9"><a href="./contact" >Contact</a> <li class="layui-nav-item" data-param="10"><a href="./more" >More</a> <dl class="layui-nav-child"> <dd> <a href="./download" >Download</a> </dd> <dd> <a href="./FQA" >FQA</a> </dd> <dd> <a href="./xpzxxmuz" >FFIT-2023</a> </dd> <dd> <a href="./rhejswnn" >FFIT-2022</a> </dd> <dd> <a href="./ptqebqvy" >Visa Application</a> </dd> <dd> <a href="./voktbqwg" >Editorial Policy</a> </dd> <dd> <a href="./uawiopkr" >Conference Review</a> </dd> </dl> </li> <li class="layui-nav-item" data-param="11"><a href="./chinese" >中文</a> </ul> </div> <div class="e-icon"> <ul class="layui-nav layui-icon select-Color" id="layui-icon" style="display:none"> <i id="icon-down" class="layui-icon layui-icon-down" style="font-size: 30px; color: #1E9FFF;"></i> <i id="icon-up" class="layui-icon layui-icon-up" style="font-size: 30px; color: #1E9FFF;display :none;"></i> </ul> </div> </section> </div> </div> <input type="hidden" id="lang" value="cn"/> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/layui.all.js"></script> <script type="application/javascript" src="https://fhk.ais.cn/file/web/js/pc_common.js"></script> <script type="text/javascript"> //导航栏显示 var hbOX = document.getElementById("layui-nav"); var h = hbOX.clientHeight | hbOX.offsetHeight; var ch = (hbOX.clientWidth | hbOX.offsetWidth) - 40; var icon = document.getElementById("layui-icon"); var num = document.getElementById("layui-nav").getElementsByTagName('li').length; var content = document.getElementById("header-content") var liContent = document.getElementById("layui-nav") var section = document.getElementById("section") getHide(); icon.onmouseover = function () { var total = 0; b = c; for (var i = 0; i <= num; i++) { total += $('ul>li').eq(i).width(); if (total >= ch) { $('ul>li').eq(i).show() } } content.style.height = h + 'px' section.style.height = h + 'px' }; liContent.onmouseleave = function () { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } function getHide() { var total = 0; for (var i = 0; i <= num; i++) { total += $('ul>li').eq(i).width(); if (total >= ch) { $("#layui-icon").show(); $('ul>li').eq(i).hide() } } } $(function () { //获取浏览器url 参数 auth_website = getQueryString("auth_website"); }); link() function link() { if (document.querySelector('.link')) { var link = document.querySelector('.link').clientHeight document.querySelector('.header-Tem-two-page').style.marginTop = link + 'px' // document.querySelector('.header-Tem-two-page') var containeTem = document.querySelector('.container-Tem-two') containeTem.style.top = link + 'px' var headerTemH = document.querySelector('.header-Tem-two-page').clientHeight var navH = document.querySelector('.nav-Tem-two') navH.style.top = (link + headerTemH) + 'px' } } var homeUrl = 'http://www.icffit.org/' </script> <link rel="stylesheet" href="https://fhk.ais.cn/file/web/css/11/content.css"> <div class="news-page-en"> <div class="news-flex"> <div class="line-en color-line"></div> <div class="news-title-en color-title"> <span class="news-title-span">Registration</span> <div> <a href="./" class="inside-span" >Home</a> <span>/</span> <span class="inside-span-meet">Registration</span></div> </div> </div> <div class="content-en"> <style>.bar{ position: relative; z-index:999; } .zsybar{ margin: -105px -364px -10px -394px;padding: 0px 0px; position: relative; } .zsynr{margin: 0px -74px -45px; padding: 50px 80px; } .zsybar2{} @media (max-width:768px) { .zsybar{ margin: 0px -42px 0px; position: static; } .zsynr{ margin: 10px -42px -100px;padding:20px; } .zsybar2{margin: -150px 0px -10px !important;} }.lan-right{ background:rgba(254,254,254); }</style><div class="zsybar" style="text-align: center;z-index: 99;background-image: url(https://fhk.ais.cn/cms/website/editor/202309/371230926160255969.jpg);height:150px;"><p style="text-shadow: 1px 1px 5px rgba(0,0,0,0.5);"><span style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";color:#fff;line-height:150px;"><br/></span></p></div><!-- 背景图 --><div class="select-Color zsybar2" style="opacity:0.1;height:150px;padding:auto 0px;margin: -150px -364px -10px -394px;position: relative;z-index:99"><p style="text-shadow: 1px 1px 5px rgba(0,0,0,0.5);"><span style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";color:#fff;line-height:150px;"><br/></span></p></div><!-- 背景色 --><div class="zsybar2" style="height:150px;padding:auto auto;margin: -150px -364px -10px -394px;"><p style="text-align: center;"><span class="colorOne" style="font-size: 30px; font-family: 微软雅黑, "Microsoft YaHei";line-height:150px;position: relative;z-index:100;font-weight: lighter">Registration</span></p></div><!-- 标题分割 --><div class="zsynr" style="position: relative; text-align: center;background: rgba(245,245,245);"><table class="UEditorTable" data-sort="sortDisabled" width="NaN" style="border: none;"><tbody><tr class="firstRow"><td class="a1 select-Color" valign="middle" style="background-image: linear-gradient(to left, #28aaff, #008bff); border:1px solid #ffffff; border-radius: 20px 0px 0px;" align="center" height="42" width="323"><p style="margin-top: 12px; margin-bottom:12px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Items</strong></span></p></td><td class="a1 select-Color" valign="middle" style="background-image:linear-gradient(to right, #28aaff, #008bff); border:1px solid #ffffff; border-radius: 0px 20px 0px 0px;" align="center" height="42" width="323"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Registration Fee</strong></span></td></tr><tr><td class="a1 select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Regular Registration (6 pages)</span></p></td><td class="a1 select-Color" valign="middle" rowspan="1" colspan="1" style="word-break: break-all;border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image:linear-gradient(to right, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">490 USD/ paper (6 pages)</span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">3400 CNY/ paper (6 pages)</span></p></td></tr><tr><td class="a1 select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Extra Pages (Begin at Page 7)</span></p></td><td class="a1 select-Color" valign="middle" rowspan="1" colspan="1" style="word-break: break-all; border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image: linear-gradient(to right, #28aaff, #008bff); font-size: 16px; color: #FFFFFF;" align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">40 USD/ extra page</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">300 CNY/ extra page</span></p></td></tr><tr><td class="a1 select-Color" valign="middle" style="word-break: break-all;border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); " align="center" height="42" width="323"><p style="line-height: 1.5em;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Attendees without a Submission</span></p></td><td class="a1 select-Color" colspan="1" valign="middle" align="center" style="word-break: break-all; border:1px solid #ffffff; font-family: 微软雅黑, "Microsoft YaHei"; background-image: linear-gradient(to right, #28aaff, #008bff); font-size: 16px; color: #FFFFFF;" height="42" width="323"><p><span style="text-align: center; color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">180 USD/ person</span></p><p><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">1200 CNY/ person</span></p></td></tr><tr><td class="a1 select-Color" valign="middle" align="center" colspan="1" rowspan="1" style="border:1px solid #ffffff; background-image: linear-gradient(to left, #28aaff, #008bff); border-radius: 0px 0px 0px 20px;" width="323"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">Purchase Extra Proceedings/Journal copies</span></td><td class="a1 select-Color" valign="middle" align="center" colspan="1" rowspan="1" style="border:1px solid #ffffff; background-image:linear-gradient(to right, #28aaff, #008bff); border-radius: 0px 0px 20px;" width="323"><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">75 USD/book</span></p><p><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">500 CNY/book</span></p></td></tr></tbody></table><p><br/></p><p><a href="https://www.ais.cn/attendees/toSignUp/7BIQFE" target="_blank" class="input1 cs select-Color" textvalue="Registration"><span class="anc" style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px; text-decoration: none;">Registration</span><span style="position: relative; z-index: 99; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></a></p><p style="margin-top: 36px; margin-bottom: 12px;"><strong style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;">Details of the attending registration</strong><br/></p><table class="UEditorTable" style="border: none;"><tbody><tr class="firstRow"><td class="a1 select-Color" width="500" valign="top" style="word-break: break-all;border: none;background: linear-gradient(to left, #28aaff, #008bff); border-radius: 20px;padding: 30px;"><p style="text-align: left; line-height: 1.5em; margin-bottom: 10px;margin-top: 10px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Join as Presenter</strong></span></p><p style="text-align: left; line-height: 1.5em;margin-bottom: 10px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"> If you are only interested in giving a presentation at the conference without publishing your paper in the proceedings, you can choose to attend FFIT 2024 as a Presenter. As a presenter, you need to submit the Abstract and Title of your presentation during the registration. For further information, please contact us at: icffit@163.com</span></p></td><td style="border:none;" width="NaN"><br/></td><td class="a1 select-Color" width="500" valign="top" style="word-break: break-all;border: none;background: linear-gradient(to right, #28aaff, #008bff); border-radius: 20px;padding: 30px;"><p style="text-align: left; line-height: 1.5em; margin-bottom: 10px;margin-top: 10px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong>Join as Listener</strong></span></p><p style="text-align: left; line-height: 1.5em;margin-bottom: 10px;"><span style="color: #FFFFFF; font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">FFIT 2024 is an unmissable conference. It is a good chance and an effective platform for you to meet many renowned experts and researchers in the field of the latest academic research. You are welcome to attend this great event. You just need to complete the registration as a Listener before the registration deadline.</span></p></td></tr></tbody></table><p style="text-align: center; margin-top: 36px; margin-bottom: 12px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 20px;"><strong style="white-space: normal; ">Details of the registration fees</strong></span><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"><strong style="white-space: normal; "></strong><strong style="white-space: normal; "></strong><strong style="white-space: normal; "></strong></span></p><p style="text-align: left; line-height: 1.5em;margin-bottom: 10px;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left; line-height: 1.5em;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style=";margin-bottom:0;text-align:justify;text-justify: inter-ideograph"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p><p style="text-align: left;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="text-align: left;"><span style="font-size: 14px; font-family: 微软雅黑, "Microsoft YaHei";"></span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">1. Registration fees for FFIT 2024 Regular is 490 USD / 3400 CNY per paper.</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">2. If the length of the paper exceeds 6 Pages, the cost of Each Extra Page (begin at Page 7) is 40 USD / 300 CNY.</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">3. Registration fees include conference proceedings, lunches, souvenirs and attending all technical sessions.</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">4. The registration fee does not include: </span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"> • Accommodation</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"> • Visa application fee</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"> • Transportation fare</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">5. At least one author for each accepted final paper must pre-register. </span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">6. Completed registrations will be acknowledged by the Organizing Committee within 2-5 workdays after receiving your payment.</span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">7. If you cannot attend the conference due to some reasons, we will post the print proceedings to you together with the payment receipt/Fapiao. </span></p><p style="text-align: justify;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;">8. And at least 20% of the registration fee will be charged as the service fee if you retract your paper for personal reasons.</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 14px;"></span></p></div><style>.anc{ color:#fff; } .input1 { text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); border: none; font-weight:inherit; /*字体粗细*/ text-decoration:none;/*超链接文字不划线*/ padding: 10px 40px; border-radius: 50px; color: white; outline: none; transition: all 500ms ease 0s; position: relative; } .input1:before{ border: none; content: ''; background: linear-gradient(to left, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.2) 50%); background-size: 210% 100%; background-position: right bottom; position: absolute; top: 0; bottom:0; right:0; left: 0; border-radius: 30px; transition: all 0.5s; -webkit-transition: all 0.5s; } .input1:hover{ background-image: linear-gradient(to left, #28aaff, #008bff); border: none; color: #ffffff; transition: all 500ms ease 0s; } .cs {background-image: linear-gradient(to left, #28aaff, #008bff); border: none; } .cs:hover:before { background-position: left bottom;border: none; } .a1{ text-shadow:0.2px 0.2px 1px rgba(0,0,0,0.5); transition: all 500ms ease 0s; } .a1:hover{ transform: scale(1.075); transition: all 500ms ease 0s; }</style> </div> </div> </div> </div> <div class="footer"> <div class="footer-wrap"> <div class="footer-right"> <p> Copyright© FFIT 2024 </p> <p>The 3rd International Conference on Financial Innovation, FinTech and Information Technology (FFIT 2024) http://www.icffit.org/ </p> </div> </div> </div> <style> /*底部*/ .footer { width: 100%; height: 100px; background: #333333; -webkit-box-flex: 0; flex: 0 0 100px; } .footer-wrap { width: 1200px; height: 100px; left: calc(50% - 600px); background: #333333; color: #989898; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; margin: auto; } .footer-left { -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; width: 527px; display: -webkit-box; display: flex; } .support > span { line-height: 28px; } .meeting > img { position: absolute; } .meeting > div { text-align: center; } .footer-right { line-height: 28px; display: flex; justify-content: flex-start; flex-direction: column; flex: 1; align-items: center; } </style> <script> function getClassDomList(className) { return document.getElementsByClassName(className) } String.prototype.colorRgb = function () { // 16进制颜色值的正则 var reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/; // 把颜色值变成小写 var color = this.toLowerCase(); if (reg.test(color)) { // 处理六位的颜色值，转为RGB var colorChange = []; for (var i = 1; i < 7; i += 2) { colorChange.push(parseInt("0x" + color.slice(i, i + 2))); } return "RGBA(" + colorChange.join(",") + ")"; } else { return color; } }; var classlist = ['color-title', '.color1']; let color = '#CE612A'.colorRgb(); color = color.slice(0, color.length - 1) + ",0.1)"; for (let i = 0; i < classlist.length; i++) { const list = getClassDomList(classlist[i]) for (let i = 0; i < list.length; i++) { list[i].style.setProperty('background', color, 'important') } } </script> <style> .colorOne { color: #CE612A !important;; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: #CE612A !important; } .selected1 { color: #CE612A !important; } .right-title-info1 { color: #CE612A !important;; } .count-down1 { background-color: #CE612A !important;; } .row { background-color: #CE612A !important;; } .color-change { background: #CE612A !important; } .color-line { background-color: #CE612A !important; } .color-important { background: #CE612A !important; } .dawn-bg { background-color: #CE612A !important; } .select-Color { background: #CE612A !important; } .layui-nav .layui-nav-more { display: none; } .layui-hover:hover { background: #CE612A !important; } .layui-nav .layui-nav-child a:hover { background-color: rgba(7, 13, 89, .1) !important; } .layui-nav-bar { background-color: white !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: !important; } .layui-nav-child { background-color: white; } .layui-nav .layui-nav-child a { color: black !important; } .layui-nav .layui-nav-item a { width: auto !important; color : rgba(255,255,255,1); } .d1-color { border-color: white white white #CE612A !important; } .layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after { background-color: white !important } .m-color-bg2{ background: #CE612A !important; } .m-imp-bg{ background: #CE612A !important; } .m-nav-color{ background: #CE612A !important; } .m2-right-bg1{ background: #CE612A !important; } .rightNavItem{ background: #CE612A !important; } .bottomNavItem{ background: #CE612A !important; } .bottomLanguage{ background: #CE612A !important; } .rightLanguage{ background: #CE612A !important; } </style> <script type="text/javascript" src="https://img.ais.cn/thirds/common/stat.js?v=3"></script> <script type="text/javascript"> <!--设置文本高度 --> $(function () { //导航栏显示 var hbOX = document.getElementById("layui-nav"); var h = hbOX.clientHeight || hbOX.offsetHeight; var c = (hbOX.clientWidth || hbOX.offsetWidth) - 40; var icon = document.getElementById("layui-icon"); var num = document.getElementById("layui-nav").getElementsByTagName('li').length; var content = document.getElementById("header-content") var liContent = document.getElementById("layui-nav") var section = document.getElementById("section") getHide(); icon.onmouseover = function () { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $('ul>li').eq(i).show() } } content.style.height = h + 'px' section.style.height = h + 'px' }; liContent.onmouseleave = function () { if (!$('dl').is('.layui-show')) { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } var dl = document.getElementsByTagName("dl") for (var i=0;i< dl.length; i++) { console.log(dl[i]) if (dl[i]) { dl[i].onmouseleave = function () { content.style.height = 60 + 'px' section.style.height = 60 + 'px' getHide(); } } } function getHide() { var total = 0; for (var i = 0; i < num; i++) { total += $('ul>li').eq(i).width(); if (total > c) { $("#layui-icon").show(); $('ul>li').eq(i).hide() } } } }) //轮播样式1 layui.use('carousel', function () { var carousel = layui.carousel; //建造实例 carousel.render({ elem: '#test' , width: '100%' //设置容器宽度 , height: '480px' , arrow: 'always' //始终显示箭头 //,anim: 'fade' //切换动画方式 }); }); </script> </body> </html>