-
+
- 飞车 +
- 球球 +
- 王者 +
- 吃鸡 +
- 下载 +
diff --git "a/apk/\346\251\230\345\255\220\347\276\216\345\214\2262.1\357\274\210\347\202\271\346\210\221\344\270\213\350\275\275\357\274\211.apk" "b/apk/\346\251\230\345\255\220\347\276\216\345\214\2262.1\357\274\210\347\202\271\346\210\221\344\270\213\350\275\275\357\274\211.apk" new file mode 100644 index 0000000..8ede80a Binary files /dev/null and "b/apk/\346\251\230\345\255\220\347\276\216\345\214\2262.1\357\274\210\347\202\271\346\210\221\344\270\213\350\275\275\357\274\211.apk" differ diff --git a/css/download_iphone.css b/css/download_iphone.css new file mode 100644 index 0000000..38d0db7 --- /dev/null +++ b/css/download_iphone.css @@ -0,0 +1,172 @@ + /* 弹窗 (background) */ + .modal { + display: none; + /* 默认隐藏 */ + position: fixed; + /* 固定定位 */ + z-index: 1; + /* 设置在顶层 */ + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); + } + + /* 弹窗内容 */ + .modal-content { + background-color: #fefefe; + margin: 15% auto; + padding: 20px; + border: 1px solid #888; + width: 80%; + } + + /* 关闭按钮 */ + .close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; + } + + .close:hover, + .close:focus { + color: black; + text-decoration: none; + cursor: pointer; + } + + /*其他*/ + + body { + background: black; + } + + * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box + } + + .form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555; + background-color: #fff; + background-image: none; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s + } + + .form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) + } + + + .input-group { + position: relative; + display: table; + border-collapse: separate + } + + .input-group .form-control, + .input-group-addon, + .input-group-btn { + display: table-cell + } + + + .input-group-addon, + .input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle + } + + .input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px + } + + .input-group .form-control:first-child, + .input-group-addon:first-child, + .input-group-btn:first-child>.btn, + .input-group-btn:first-child>.btn-group>.btn, + .input-group-btn:first-child>.dropdown-toggle, + .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, + .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0 + } + + .input-group-addon:first-child { + border-right: 0 + } + + .input-group .form-control:last-child, + .input-group-addon:last-child, + .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, + .input-group-btn:first-child>.btn:not(:first-child), + .input-group-btn:last-child>.btn, + .input-group-btn:last-child>.btn-group>.btn, + .input-group-btn:last-child>.dropdown-toggle { + border-top-left-radius: 0; + border-bottom-left-radius: 0 + } + + .huoqu_btn { + background: black; + width: 100px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 15px; + margin-left: 20px; + outline: none; + } + + .yanzheng_btn { + background: rgb(0, 140, 255); + width: 100px; + border-radius: 100px; + border-color: rgb(0, 140, 255); + border-width: 3px; + line-height: 8px; + margin-top: 15px; + margin-left: 0px; + outline: none; + } + .fangshi_btn{ + background: rgb(0, 140, 255); + width: 150px; + border-radius:100px; + border-color: rgb(0, 140, 255); + border-width: 3px; + line-height:8px; +margin-top: 15px ; +margin-left: 0px; + outline:none; + } \ No newline at end of file diff --git a/css/fenxiang.css b/css/fenxiang.css new file mode 100644 index 0000000..dc2bd2a --- /dev/null +++ b/css/fenxiang.css @@ -0,0 +1,71 @@ +.dialog-box { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.3); + text-align: center; + +} + +.dialog-box-border { + position: fixed; + top: 50%; + left: 50%; + width: 400px; + background: #FFF; + transform: translate(-50%, -50%); + border-radius: 40px; + padding: 50px 40px +} + +.dialog-box-text1 { + font-weight: bold; + text-align: center; + font-size: 38px; + margin-top: -40px; +} + +.dialog-box-text2 { + font-size: 25px; + margin-top: 20px; + line-height: 30px; + color: #999; +} + +.dialog-box-text2-1 { + font-size: 25px; + margin-top: 20px; + line-height: 30px; + color: red; +} + + +.btn { + width: 80%; + height: 60px; + font-size: 35px; + color: #ffffff; + text-align: center; + font-weight: bold; + line-height: 60px; + border-radius: 100px; + background: #1E90FF; + /*按钮背景*/ + outline: none; + /*点击后没边框*/ +} + + +/* 触停效果 */ +/*.btn1:hover {*/ +/* background: green;*/ +/*}*/ + + +/* 点击效果 */ +.btn:active { + background: #ff1cae; + font-size: 40px; +} \ No newline at end of file diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..2575417 --- /dev/null +++ b/css/index.css @@ -0,0 +1,1076 @@ +/* */ + +a { + text-decoration: none; + -webkit-tap-highlight-color: transparent; +} + + +/* 触发弹窗图片的样式 */ +#myModal { + background: rgba(0, 0, 0, 0.8); + /* 元素置前 */ + /* margin-top: -110%; */ + margin: auto; + align-items: center; + width: 390px; +} + +/* 弹窗的位置和背景颜色 */ +.modal { + display: none; + position: fixed; + top: 0px; + /* 绝对定位 */ + z-index: 1; + padding-top: 114px; + width: 100%; + height: 100%; + overflow: auto; + /* 溢出出现滚动条 */ + +} + +/* 弹窗图片的大小 */ +.content { + margin: auto; + display: block; + min-height: 500px; + max-height: 600px; + margin-top: -40px; +} + +.span_x { + position: absolute; + top: 27px; + right: 35px; + color: aliceblue; + font-size: 40px; + font-weight: bold; +} + +body{ + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 100%; +} +.iframe_appku{ + background: #fff; + height: 100%; + width: 390px; +} + +.main_width { + width: 390px; + margin: 0 auto; +} + +/* 第一层导航 */ +* { + margin: 0px; + padding: 0px; + +} + +/* 导航点击下来的页面 */ +.daohang-1-btn1 { + width: 106px; + height: 30px; + border-radius: 10px; + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + font-size: 17px; + color: rgb(235, 235, 235); + border-color: transparent; + font-weight: 500; +} + +.daohang-1-btn1:active { + width: 108px; + height: 32px; + border-radius: 10px; + background: linear-gradient(to left, #57ec99, #1371ef, #fc1cd5) no-repeat; + font-size: 19px; + color: rgb(235, 235, 235); + border-color: transparent; +} + + +.daohang-1-btn-jinitaimei { + width: 200px; + border-radius: 5px; + background: #1e90ff; + margin-top: 8px; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +.daohang-1-btn-jinitaimei:active { + font-size: 19px; +} + + +.daohang-1-btn2:active { + font-size: 20px; +} + +.daohang-1-btn2 { + height: 31px; + width: 120px; + line-height: 29px; + border-radius: 5px; + background: #1E90FF; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +.topIcon { + width: 214px; + height: 51px; +} + +.navBtn { + width: 30px; + height: 40px; + /* padding-left: 10px; */ + /* margin-top: -5px; */ + background-color: aliceblue; + background: url(http://pic.gamemhb.com/lunbo/nav.png); + background-size: 40px; + display: inline-block; + /* border: 5px solid #7c7878; */ + margin-right: 15px; + border-radius: 6px; + /* position: absolute; */ +} + + +.top_div { + text-align: center; + background-color: #ffffff; + font-weight: bold; + z-index: 1; + /* border-radius: 0 0 8px 8px; */ + top: 0px; + font-size: 20px; + position: fixed; + display: flex; + justify-content: space-between; + width: 390px; + height: 98px; +} + + +.daohang1 { + top: 60px; + position: fixed; + display: flex; + justify-content: space-around; + width: 390px; + font-size: 18px; + color: black; +} + +.daohang1_a { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + border-radius: 3px; + width: 67px; + height: 27px; + color: white; +} +.daohang1_a_appku { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + border-radius: 3px; + width: 140px; + height: 27px; + color: white; +} + +.daohang1_a_more { + color: black; +} + +.daohang2 { + text-align: center; + font-weight: 500; + font-size: 15px; + position: fixed; + display: flex; + justify-content: space-around; + top: 98px; + color: black; + padding: auto; + background-color: #ffffff; + box-shadow: 0 0 5px 1px #999; + width: 390px; +} +.daohang2_yinyuehe { + text-align: center; + font-weight: 500; + font-size: 13px; + position: fixed; + display: flex; + justify-content: space-around; + top: 98px; + padding-top: 0px; + color: black; + padding: auto; + background-color: #ffffff; + box-shadow: 0 0 5px 1px #999; + width: 390px; +} + +.hengtiao_yinyuehe_1 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 4px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_2 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 53px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_3 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 102px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_4 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 151px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_5 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 199px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_6 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 247px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_7 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 297px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_yinyuehe_8 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 346px; + position: fixed; + top: 53px; + width: 40px; + border-radius: 50px; +} +.hengtiao_1 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 18px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} +.hengtiao_2 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 82px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} +.hengtiao_3 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 147px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} +.hengtiao_4 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 212px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} +.hengtiao_5 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 277px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} +.hengtiao_6 { + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + height: 4px; + margin-top: 63px; + margin-left: 342px; + position: fixed; + top: 55px; + width: 30px; + border-radius: 50px; +} + +.daohang2_yinyuehe_a { + border-radius: 3px; + width: 55px; + height: 22px; + color: black; + text-align: center; +} +.daohang2_a { + border-radius: 3px; + width: 55px; + height: 24px; + color: black; + text-align: center; +} + +.daohang2_a_more { + background: rgb(255, 255, 255); + border-radius: 3px; + width: 55px; + height: 22px; + color: rgb(0, 0, 0); +} + + + +.download_div { + text-align: center; + font-weight: bold; + display: flex; + justify-content: space-around; + margin-top: 7px; + /* box-shadow: 0 0 5px 1px #999; */ + width: 390px; +} + +.download_div_android { + text-align: center; + font-weight: bold; + display: flex; + justify-content: space-around; + margin-top: 3px; + /* box-shadow: 0 0 5px 1px #999; */ + width: 390px; +} + + +.download_a { + background: linear-gradient(to top, #57ec99, #1371ef, #fc1cd5) no-repeat; + border-radius: 3px; + width: 80px; + height: 24px; + color: rgb(235, 235, 235); + text-align: center; + font-size: 15px; +} + +.download_a:active { + background: linear-gradient(to bottom, #57ec99, #1371ef, #fc1cd5) no-repeat; + border-radius: 3px; + width: 85px; + height: 26px; + color: rgb(235, 235, 235); + text-align: center; + font-size: 15px; +} + +.download_a_android { + background: linear-gradient(to right, #09f524, #289094, #09f524) no-repeat; + border-radius: 3px; + width: 189px; + height: 30px; + color: rgb(235, 235, 235); + text-align: center; + font-size: 20px; +} + +.download_a_android:active { + background: linear-gradient(to right, #09f524, #289094, #09f524) no-repeat; + border-radius: 3px; + width: 200px; + height: 33px; + color: rgb(235, 235, 235); + text-align: center; + font-size: 23px; +} + +.download_text { + color: rgb(235, 235, 235); + text-align: center; + margin-top: 5px; + font-size: 12px; +} + +.topName { + font-size: 20px; + color: black; + font-weight: bold; + margin-left: 10px; +} + +.topName2 { + margin-left: 105px; + margin-top: 5px; + font-size: 20px; + color: rgb(106, 104, 104); + font-weight: bold; +} + + + +.navBtn:active { + width: 30px; + height: 40px; + background-size: 41px; +} + +.topListNav { + + background-color: rgba(0, 0, 0, 0.8); + opacity: 1; + display: inline-block; + z-index: 1; + position: fixed; + width: 390px; + height: 0px; + overflow: hidden; + text-align: center; + border-radius: 0 0 10px 10px; + margin-top: 120px; +} + +.neirong { + margin-top: 122px; +} + +.alink { + display: inline-block; + margin-top: 15px; + text-decoration: none; + border-radius: 3px; +} + + +/* 导航按钮1 */ +.menu1-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu1-h1 { + margin-left: -18px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu1-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(http://pic.gamemhb.com/lunbo/dagou.jpg); + background-size: cover; +} + +.menu1-leixing { + text-align: center; + margin-top: 5px; +} + +.menu1-leixing-1-1 { + margin-top: 5px; + margin-left: 55px; + font-size: 12px; + color: #e1e1e1; +} + +.menu1-leixing-1-1-img { + margin-left: 98px; + height: 10px; +} + +.menu1-leixing-2 { + text-align: center; +} + +.menu1-leixing-2-1 { + font-size: 12px; + margin-left: 91px; + color: #e1e1e1; +} + +.menu1-leixing-2-2 { + font-size: 12px; + margin-left: 95px; + color: #e1e1e1; +} + +.menu1-leixing-3 { + text-align: center; +} + +.menu1-leixing-3-1 { + font-size: 12px; + margin-left: 78px; + color: #e1e1e1; +} + +.menu1-leixing-3-2 { + font-size: 12px; + margin-left: 30px; + color: #e1e1e1; +} + + + +/* 导航按钮2 */ +.menu2-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu2-leixing { + text-align: center; +} + +.menu2-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu2-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu2-leixing-2 { + text-align: center; +} + +.menu2-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu2-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu2-leixing-3 { + text-align: center; +} + +.menu2-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu2-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +.menu2-h1 { + margin-left: 2px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu2-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(http://pic.gamemhb.com/lunbo/dagou.jpg); + background-size: cover; +} + + + +.xiazai { + color: white; + text-align: center; +} + +.xiazai:active { + font-size: 22px; +} + +/* 下载按钮 */ +.download { + text-align: center; + margin-top: -12px; + top: 12px; + font-size: 20px; + position: fixed; + display: flex; + justify-content: space-between; + width: 390px; +} + +/* 下载按钮 */ +.yulan_choujiang_div { + text-align: center; + margin-top: 6px; +} + +.download-1 { + margin-left: 5px; + width: 150px; + border: 0px solid; + border-radius: 5px; + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + font-size: 18px; + font-weight: bold; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.download-2 { + margin-left: 45px; + width: 150px; + border: 0px solid; + border-radius: 5px; + background: linear-gradient(to right, #57ec99, #1371ef, #fc1cd5) no-repeat; + font-size: 18px; + font-weight: bold; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 球球使用教程div */ +.shiyongjiaocheng { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 10px; +} + +/* 预览按钮 */ +.yulan-div { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 15px; +} + +.yulan-btn { + width: 170px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.yulan-btn1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 18px; + font-weight: bold; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.lingqufuli-btn1 { + margin-left: 45px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 18px; + font-weight: bold; + outline: none; + height: 34px; +} + + +/* 应用介绍 */ +.jieshao-p { + color: white; + padding-top: 16.6px; +} + +.jieshao-h2 { + color: white; + margin-left: 9px; + font-size: 18px; + font-weight: 500; + padding-top: 15px; + +} + +.jieshao_1_1 { + color: rgb(255, 0, 212) +} + +.jieshao_1_2 { + color: rgb(34, 255, 0); + +} + + +/* 轮播图 */ +.a_cent .img-list { + white-space: nowrap; + height: 190px; + overflow-x: auto; + overflow-y: hidden; + margin: 6px 0 0 0; +} + + +.a_cent .full { + height: 190px; + margin-right: 5px; + border-radius: 5px; + cursor: pointer; + -webkit-tap-highlight-color: transparent; + +} + +.a_cent .full:first-child { + margin-left: 6px; +} + +/* .a_cent .full:last-child { + margin-right: 6px; +} */ + + + +/* default 默认图片 */ +.default-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + + +/* default边框 */ +.default-border { + text-align: center; + background: black; +} + +/* default文字 */ +.default-text1 { + color: limegreen; + font-size: 20px; + margin-left: -70px; +} + + +/* default2文字 */ +.default-text1-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* tex1t图片 */ +.menu-text1-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* tex1边框 */ +.menu1-text1-border { + text-align: center; +} + +/* text1文字 */ +.menu1-text1 { + color: limegreen; + font-size: 20px; + margin-left: -90px; +} + +/* text1-1文字 */ +.menu1-text1-1 { + color: limegreen; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* 按钮一a标签 */ +.text1-a { + position: absolute; + margin-left: 60px; + margin-top: -10px; +} + +.btn1 { + width: 120px; + line-height: 35px; + border-radius: 100px; + background: #1E90FF; + position: absolute; + margin-top: -50px; + text-align: center; + margin-left: 60px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn1:hover { + background: limegreen +} + +/* 按钮一点击效果 */ +.btn1-text:active { + background: limegreen; + font-size: 20px; +} + +.btn1-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +.btn-video-border { + text-align: center; +} + +.btn-video { + position: absolute; + margin-left: -90px; + margin-top: 5px; + border-color: black; + width: 180px; + line-height: 40px; + font-size: 17px; + color: #ffffff; + border-radius: 100px; + background: #ff1cae; + text-align: center; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn-video:hover { + background: #1E90FF +} + +/* 按钮一点击效果 */ +.btn-video-text:active { + background: #1E90FF; + font-size: 20px; +} + +.btn-video-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +/* text2图片 */ +.menu-text2-img { + width: 50px; + height: 50px; + position: absolute; + margin-top: 10px; + margin-left: -180px; + border-radius: 100%; +} + +/* tex2边框 */ +.menu1-text2-border2 { + text-align: center; +} + +/* text2文字 */ +.menu1-text2 { + color: limegreen; + font-size: 20px; + margin-left: -70px; + padding-top: 10px; +} + +/* text2-1文字 */ +.menu1-text2-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + + +.miaoshu { + margin-top: 20px; + width: 100%; +} + +.miaoshu-text { + color: limegreen; + font-size: 15px; + text-align: center; +} + +.bottom-border { + text-align: center; +} + +.bottom1 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: -180px; + margin-top: -10px; + border-color: black; + outline: none; + /*点击后没边框*/ + border-radius: 5px; +} + +/* 按钮一触停效果 */ +.bottom1:hover { + background: #1E90FF +} + +/* 按钮一点击效果 */ +.bottom1-text:active { + background: #1E90FF; + font-size: 20px; +} + +.bottom1-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} + +.bottom2 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: 39px; + margin-top: -10px; + border-color: black; + outline: none; + /*点击后没边框*/ + border-radius: 5px; +} + +/* 按钮一触停效果 */ +.bottom2:hover { + background: #1E90FF +} + +/* 按钮一点击效果 */ +.bottom2-text:active { + background: #1E90FF; + font-size: 20px; +} + +.bottom2-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} \ No newline at end of file diff --git a/css/index2.css b/css/index2.css new file mode 100644 index 0000000..256a2e3 --- /dev/null +++ b/css/index2.css @@ -0,0 +1,400 @@ +* { + margin: 0; + padding: 0; +} + +body { + font-weight: bold; + background-color: #222; + +} + +li { + list-style: none; + color: #9d9d9d; +} +.dibu-p { + background: #222; + height: 3%; + bottom: 0px; + width: 100%; + position: relative; + z-index: 10; +} +.dibu-a { + color: #9d9d9d; + font-size: 12px; + text-decoration: none; + margin-left: 5%; +} +main { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + height: 100vh; + position: relative; +} + +.left { + position: fixed; + width: 20%; + height: 100vh; + left: 80%; +} + +.leftmuen { + position: relative; + width: 100%; + height: 20vh; + box-sizing: border-box; +} + +.leftmuen>li { + width: 100%; + height: 50px; + text-align: center; + line-height: 50px; + font-size: 20px; + cursor: pointer; + font-weight: bold; +} + +.right { + position: fixed; + width: 80%; + height: 100vh; + left: 0%; + z-index: 10; +} + +.nrtop { + width: 100%; + height: 150px; + display: none; + box-sizing: border-box; + text-align: center; +} + +.nrtop>img { + width: 100%; + height: 150px; + border-radius: 10px; +} + +.nrbottom { + width: 100%; + height: 100vh; + overflow-x: hidden; + overflow-y: auto; +} + +.RightOne { + width: 100%; + /* height: 100%; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; +} + +.RightOne>li { + width: 100%; + /* height: 100vh; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightOne>li>img { + width: 100%; + /* height: 100vh; */ + border-radius: 10px; +} + +.RightOne>li>div { + width: 100%; + height: 5px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} +.RightTwo { + width: 100%; + /* height: 100%; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; +} + +.RightTwo>li { + width: 100%; + /* height: 100vh; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightTwo>li>img { + width: 100%; + /* height: 100vh; */ + border-radius: 10px; +} + +.RightTwo>li>div { + width: 100%; + height: 5px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} +.RightThree { + width: 100%; + /* height: 100%; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; +} + +.RightThree>li { + width: 100%; + /* height: 100vh; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightThree>li>img { + width: 100%; + /* height: 100vh; */ + border-radius: 10px; +} + +.RightThree>li>div { + width: 100%; + height: 5px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} +.RightFour { + width: 100%; + /* height: 100%; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; +} + +.RightFour>li { + width: 100%; + /* height: 100vh; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightFour>li>img { + width: 100%; + /* height: 100vh; */ + border-radius: 10px; +} + +.RightFour>li>div { + width: 100%; + height: 5px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} +.RightFive { + width: 100%; + /* height: 100%; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; +} + +.RightFive>li { + width: 100%; + /* height: 100vh; */ + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightFive>li>img { + width: 100%; + /* height: 100vh; */ + border-radius: 10px; +} + +.RightFive>li>div { + width: 100%; + height: 5px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} + + + +.duihuakuang_xiaochengxu { + width: 75%; + height: 100vh; + left: 25%; + position: fixed; + z-index: 99; + background: rgba(0, 0, 0, 0.5); + display: none; +} + +.duihuakuang_xiaochengxu>img { + width: 80%; + margin: 144px 10% 0; + border-radius: 10px; +} + +.duihuakuang_xiaochengxu>a { + width: 80%; + height: 40px; + line-height: 40px; + font-size: 20px; + margin: 10px 10% 0; + text-align: center; + background: #007bff; + color: white; + border-radius: 10px; + text-decoration: none; + display: block; +} + +.duihuakuang_xiaochengxu>span { + width: 80%; + font-size: 20px; + margin: 0px 10% 0; + text-align: center; + background: rgba(0, 0, 0, 0); + color: white; + border-radius: 10px; + text-decoration: none; + display: block; +} + +.tpfd { + width: 75%; + height: 100vh; + left: 25%; + position: fixed; + z-index: 99; + background: rgba(0, 0, 0, 0.5); + display: none; +} + +.tpfd>img { + width: 100%; + margin: 150px 0% 0; + border-radius: 10px; +} + +.tpfd>a { + width: 28%; + height: 38px; + margin: 0 auto; + display: block; + background: #007bff; + color: white; + border: 0; + border-radius: 10px; + font-size: 20px; + font-weight: bold; + text-align: center; + text-decoration: none; + line-height: 38px; +} + +.tpfd>a:active { + font-size: 22px; + width: 31%; + height: 41px; + line-height: 41px; +} + + +.RightSix { + width: 100%; + height: 100%; + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + box-sizing: border-box; + overflow-x: hidden; + overflow-y: auto; +} + +.RightSix>li { + width: 40%; + height: 150px; + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex-direction: column; + align-items: center; +} + +.RightSix>li>img { + width: 100px; + height: 100px; + border-radius: 10px; +} + +.RightSix>li>div { + width: 100%; + height: 30px; + text-align: center; + line-height: 30px; + font-size: 14px; + color: #9d9d9d; +} + +.saveButton { + background-color: #007bff; + color: #9d9d9d; + padding: 10px 35px; + border: none; + cursor: pointer; + font-size: 25px; + border-radius: 10px; +} + +.nrbottom>iframe { + width: 100%; + height: 100%; + background: white; +} \ No newline at end of file diff --git a/css/jiazai.css b/css/jiazai.css new file mode 100644 index 0000000..18a145a --- /dev/null +++ b/css/jiazai.css @@ -0,0 +1 @@ +.loading{display:flex;justify-content:center;align-items:center;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.8)}.loading-text{font-size:24px;text-align:center;margin-bottom:20px}.loader{border:16px solid #f3f3f3;border-top:16px solid #3498db;border-radius:50%;width:120px;height:120px;animation:spin 2s linear infinite}.hidden{display:none}.loadingOne{width:80px;height:40px;margin:0 auto}.loadingOne span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#90ee90;-webkit-animation:load 1s ease infinite;animation:load 1s ease infinite}@-webkit-keyframes load{0%,100%{height:40px;background:#90ee90}50%{height:70px;margin:-15px 0;background:#add8e6}}.loadingOne span:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loadingOne span:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.loadingOne span:nth-child(4){-webkit-animation-delay:.6s;animation-delay:.6s}.loadingOne span:nth-child(5){-webkit-animation-delay:.8s;animation-delay:.8s} \ No newline at end of file diff --git "a/css/jiazai\346\234\252\345\216\213\347\274\251.css" "b/css/jiazai\346\234\252\345\216\213\347\274\251.css" new file mode 100644 index 0000000..c1d6b20 --- /dev/null +++ "b/css/jiazai\346\234\252\345\216\213\347\274\251.css" @@ -0,0 +1,72 @@ + .loading { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 9999; + background: rgba(0, 0, 0, 0.8); + } + .loading-text { + font-size: 24px; + text-align: center; + margin-bottom: 20px; + } + .loader { + border: 16px solid #f3f3f3; + border-top: 16px solid #3498db; + border-radius: 50%; + width: 120px; + height: 120px; + animation: spin 2s linear infinite; + } + + .hidden { + display: none; + } + +.loadingOne{ + width: 80px; + height: 40px; + margin: 0 auto; +} +.loadingOne span{ + display: inline-block; + width: 8px; + height: 100%; + border-radius: 4px; + background: lightgreen; + -webkit-animation: load 1s ease infinite; + animation: load 1s ease infinite; +} +@-webkit-keyframes load{ + 0%,100%{ + height: 40px; + background: lightgreen; + } + 50%{ + height: 70px; + margin: -15px 0; + background: lightblue; + } +} +.loadingOne span:nth-child(2){ + -webkit-animation-delay:0.2s; + animation-delay:0.2s; +} +.loadingOne span:nth-child(3){ + -webkit-animation-delay:0.4s; + animation-delay:0.4s; +} +.loadingOne span:nth-child(4){ + -webkit-animation-delay:0.6s; + animation-delay:0.6s; +} +.loadingOne span:nth-child(5){ + -webkit-animation-delay:0.8s; + animation-delay:0.8s; +} \ No newline at end of file diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..62bf484 --- /dev/null +++ b/css/main.css @@ -0,0 +1,428 @@ +/* 自定义 */ +body { + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333; + background-color: #222; + margin: 0; +} +.main { + text-align: center; + margin: auto; + width: 390px; +} + +.dibu-p { + background: none; + height: 5%; + bottom: 0px; + width: 100%; + text-align: center; +} +.dibu-a { + color: #5e5d5d; + font-size: 12px; +} +.img1 { + width: 160px; + height: 100px; + border-radius: 10px; + margin-left: 20px; +} + +.img2 { + width: 160px; + height: 100px; + border-radius: 10px; + margin-right: 20px; +} + +p { + justify-content: space-around; + display: flex; +} + +span { + font-size: 20px; + color: rgb(218, 218, 218); +} +a { + font-size: 20px; +} + +.fcimg { + width: 100%; + border-radius: 10px; + margin-top: 10px; +} + +.fcimg_gif { + width: 100%; + border-radius: 10px; + margin-top: 10px; +} +.wzimg { + width: 100%; + border-radius: 10px; + margin-top: 10px; +} +.qqimg { + width: 100%; + border-radius: 10px; + margin-top: 10px; +} + +/* 初始状态下隐藏内容 */ +.content { + display: none; +} +/* 结束自定义 */ + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +a { + background-color: transparent; + text-decoration: none; +} +a, +a:hover, +a:active, +a:visited, +a:link, +a:focus { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-tap-highlight-color: transparent; + outline: none; + background: none; + text-decoration: none; +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.container-fluid { + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:focus, +.nav > li > a:hover { + text-decoration: none; + background-color: #eee; +} +.nav > li.disabled > a { + color: #777; +} +.nav > li.disabled > a:focus, +.nav > li.disabled > a:hover { + color: #777; + text-decoration: none; + cursor: not-allowed; + background-color: transparent; +} +.nav .open > a, +.nav .open > a:focus, +.nav .open > a:hover { + background-color: #eee; + border-color: #337ab7; +} +a .nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #ddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eee #eee #ddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:focus, +.nav-tabs > li.active > a:hover { + color: #555; + cursor: default; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} + +.container-fluid > .navbar-collapse, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container > .navbar-header { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container-fluid > .navbar-collapse, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container > .navbar-header { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} + +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + height: 50px; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; +} +.navbar-brand:focus, +.navbar-brand:hover { + text-decoration: none; +} + +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} + +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu .dropdown-header, + .navbar-nav .open .dropdown-menu > li > a { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:focus, + .navbar-nav .open .dropdown-menu > li > a:hover { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } +} +.navbar-form { + padding: 10px 15px; + margin-top: 8px; + margin-right: -15px; + margin-bottom: 8px; + margin-left: -15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), + 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), + 0 1px 0 rgba(255, 255, 255, 0.1); +} + +.navbar-default .navbar-link { + color: #777; +} +.navbar-default .navbar-link:hover { + color: #333; +} +.navbar-default .btn-link { + color: #777; +} +.navbar-default .btn-link:focus, +.navbar-default .btn-link:hover { + color: #333; +} +.navbar-default .btn-link[disabled]:focus, +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:focus, +fieldset[disabled] .navbar-default .btn-link:hover { + color: #ccc; +} +.navbar-inverse { + background-color: #222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #9d9d9d; +} +.navbar-inverse .navbar-brand:focus, +.navbar-inverse .navbar-brand:hover { + color: #fff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a { + color: #9d9d9d; +} +.navbar-inverse .navbar-nav > li > a:focus, +.navbar-inverse .navbar-nav > li > a:hover { + color: #fff; + /* background-color: transparent; */ + background-color: black; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:focus, +.navbar-inverse .navbar-nav > .active > a:hover { + color: #fff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:focus, +.navbar-inverse .navbar-nav > .disabled > a:hover { + color: #444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333; +} +.navbar-inverse .navbar-toggle:focus, +.navbar-inverse .navbar-toggle:hover { + background-color: #333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:focus, +.navbar-inverse .navbar-nav > .open > a:hover { + color: #fff; + background-color: #080808; +} + +.btn-group-vertical > .btn-group:after, +.btn-group-vertical > .btn-group:before, +.btn-toolbar:after, +.btn-toolbar:before, +.clearfix:after, +.clearfix:before, +.container-fluid:after, +.container-fluid:before, +.container:after, +.container:before, +.dl-horizontal dd:after, +.dl-horizontal dd:before, +.form-horizontal .form-group:after, +.form-horizontal .form-group:before, +.modal-footer:after, +.modal-footer:before, +.modal-header:after, +.modal-header:before, +.nav:after, +.nav:before, +.navbar-collapse:after, +.navbar-collapse:before, +.navbar-header:after, +.navbar-header:before, +.navbar:after, +.navbar:before, +.pager:after, +.pager:before, +.panel-body:after, +.panel-body:before, +.row:after, +.row:before { + display: table; + content: ' '; +} +.btn-group-vertical > .btn-group:after, +.btn-toolbar:after, +.clearfix:after, +.container-fluid:after, +.container:after, +.dl-horizontal dd:after, +.form-horizontal .form-group:after, +.modal-footer:after, +.modal-header:after, +.nav:after, +.navbar-collapse:after, +.navbar-header:after, +.navbar:after, +.pager:after, +.panel-body:after, +.row:after { + clear: both; +} diff --git a/css/tanchuang.css b/css/tanchuang.css new file mode 100644 index 0000000..5cfdf7d --- /dev/null +++ b/css/tanchuang.css @@ -0,0 +1,80 @@ +/* ----------弹窗开始css-------- */ +.close { + color: #aaa; + float: right; + font-size: 40px; + margin-top: -15px; + font-weight: bold; +} + +.close:hover { + color: black; + text-decoration: none; + cursor: pointer; +} + +.close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + +.btn-weixin { + width: 150px; + border-radius: 100px; + background: rgb(0, 255, 34); + border-color: rgb(0, 255, 34); + border-width: 3px; + line-height: 30px; + margin-top: 15px; + margin-left: 0px; + outline: none; +} + +.btn-weixin-text { + font-size: 20px; + color: rgb(2, 119, 2); +} + +.btn-weixin-text:active { + font-size: 22px; + color: rgb(0, 0, 0); +} + +.tanchuang-content { + background-color: #fefefe; + margin: 20% auto; + padding: 22px; + border: 1px solid #888; + width: 310px; + border-radius: 20px; +} + +.tanchuang-myModal { + display: none; + /* 默认隐藏 */ + position: fixed; + /* 固定定位 */ + z-index: 1; + /* 设置在顶层 */ + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgb(0, 0, 0); + background-color: rgba(0, 0, 0, 0.4); +} + +.tanchuang-img { + width: 50%; + text-align: center; + margin-left: 30px; +} + +.tanchuang-img-text { + font-size: 20px; + margin-top: 0px; +} + +/* ----------弹窗结束css-------- */ diff --git a/css/task.css b/css/task.css new file mode 100644 index 0000000..7dc3b7e --- /dev/null +++ b/css/task.css @@ -0,0 +1,42 @@ +.buzhou_tit { + width: 700px; + margin: 1px auto; + overflow: hidden; + } + .centt_img { + width: 340px; + margin-left: 5px; + margin-top: 5px; + float: left; + position: relative; + } + + .centt_img image { + width: 340px; + } + + .rig_btn { + width: 100px; + height: 26px; + background: #337ab7; + border-radius: 5px; + color: #FFFFFF; + font-size: 16px; + text-align: center; + line-height: 27px; + margin-left: 5px; + display: block; + } + + .buz_centimg { + overflow: hidden; + display: block; + } + + .dakai_lianjie { + color:white; + text-align: center; + } + .dakai_lianjie:active{ + font-size: 22px; + } \ No newline at end of file diff --git a/css/yulan_fc.css b/css/yulan_fc.css new file mode 100644 index 0000000..bd80c48 --- /dev/null +++ b/css/yulan_fc.css @@ -0,0 +1,1013 @@ +* { + margin: 0px; + padding: 0px; + } + + #main { + width: 100%; + min-width: 350px; + /* max-width: 600px; */ + height: 100%; + display: flex; + /* margin: auto; */ + + } + + /* + 弹出框 + */ + #img { + display: flex; + width: 100%; + max-width: 1000px; + height: 1000px; + background: rgba(0, 0, 0, 0.8); + display: none; + padding-top: 15vw; + position: fixed; + z-index: 1; + text-align: center; + margin-top: -115px; + } + + /* 小图预览样式 */ + .imagesView { + border-radius: 5%; + width: 20vh; + height: 18vh; + } + + .imgopen { + width: 80%; + /* height: 50%; */ + border-radius: 5%; + } + + /*按钮样式*/ + #imgShow { + width: 95px; + height: 30px; + border: 2px solid limegreen; + color: limegreen; + background: #000; + font-weight: bold; + font-size: 15px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + border-radius: 16vh; + outline: none; + /*点击后没边框*/ + + } + + #imgShow:active { + font-size: 17px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + z-index: 11; + } + + #preview { + /* width: 10em; */ + /* height: 10em; */ + /* background-color: yellow; */ + display: inline-block; + } + + #imgCon { + width: 12em; + text-align: center; + margin-top: 2vh; + /* position: relative; + left: 5px; */ + } + + .container { + /* background-color: red; */ + max-width: 1000px; + margin: auto; + } + + #btnAll { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + } + + span { + position: absolute; + top: 1%; + right: 30px; + color: aliceblue; + font-size: 40px; + font-weight: bold; + } + + h1 { + width: 100%; + color: limegreen; + text-align: center; + font-size: 22px; + + } + + + .xiazai { + color: white; + text-align: center; + } + + .xiazai:active { + font-size: 22px; + } + + /* 下载按钮 */ + .download { + text-align: center; + } + + .download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + .download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + body { + background: black; + } + + /* 导航栏 */ + .containar-nva { + width: 100%; + line-height: 10px; + text-align: center; + } + + /* 菜单栏 */ + .nav { + display: inline-block; + list-style: none; + margin: 0 0; + } + + .nav-item { + float: left; + + } + + .nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; + } + + .nav-link { + font-size: 19px; + } + + .nav-pills .nav-link.active, + .nav-pills .show>.nav-link { + color: #fff; + background-color: #0d6efd + } + + .nav-fill, + .nav-item, + .nav-fill>.nav-link { + text-align: center + } + + .tab-content>.tab-pane { + display: none + } + + .tab-content>.active { + display: block + } + + .navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: .5rem; + padding-bottom: .5rem + } + + /* 预览css */ + + .btn1 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + outline: none; + } + + .btn2 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + margin-left: 85px; + outline: none; + } + + .btn_text { + font-size: 15px; + color: lime; + } + + .btn_text:active { + font-size: 17px; + } + + .img1 { + width: 170px; + height: 150px; + } + + .img2 { + width: 170px; + height: 150px; + } + + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px +} + +.pagination>li { + display: inline +} + +.pagination>li>a, +.pagination>li>span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #337ab7; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd +} +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + z-index: 2; + color: #23527c; + background-color: #eee; + border-color: #ddd +} +.pagination-lg>li>a, +.pagination-lg>li>span { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333 +} + + + +/* 三个无用js,可能是以前得轮播图 */ +/* */ +/* */ +/* */ + +/* 第一层导航 */ +* { + margin: 0px; +} + +h6 { + color: white; + text-align: center; + margin-top: 10px; +} +/* 导航点击下来的页面 */ +.daohang-1-btn1 { + width: 120px; + border-radius: 5px; + background: #1e90ff; + margin-top: 8px; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +.daohang-1-btn1:active { + font-size: 20px; +} + +.daohang-1-btn2:active { + font-size: 20px; +} + +.daohang-1-btn2 { + height: 31px; + width: 120px; + line-height: 29px; + border-radius: 5px; + background: #1e90ff; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +#topNav { + width: 100%; + height: 100%; + /* background:lightpink; */ + /* min-width: 500px; */ + z-index: 3; + /* min-width: 400px; +max-width: 800px; */ +} + +.top_flag { + text-align: center; + width: 100%; + height: 5vh; + background-color: #f8f8f8; + font-size: 3vh; + font-weight: bold; + z-index: 1; + display: flex; + justify-content: space-between; + padding-top: 1vh; + border-radius: 0 0 8px 8px; + padding-left: 1vh; + position: absolute; +} + +/* .topName { +margin-left: 15vh; +} */ + +.navBtn { + width: 4vh; + height: 4vh; + background-color: aliceblue; + display: inline-block; + background: url(https://pic1.imgdb.cn/item/6368b7187f7ca61fd14ead73.png); + background-size: 5vh; + display: inline-block; + /* border: 5px solid #7c7878; */ + background-position: center; + margin-right: 2vh; + border-radius: 6px; +} + +.navBtn:active { + width: 4.1vh; + height: 4.1vh; + background-size: 5.1vh; +} + +.topListNav { + /* background-color: #f8f8f8; */ + background-color: white; + opacity: 0.9; + font-size: 3vh; + /* width: 100px; */ + display: inline-block; + z-index: -1; + width: 100%; + height: 0px; + /* padding-top: 50px; */ + overflow: hidden; + /* min-width: 500px; */ + text-align: center; + border-radius: 0 0 10px 10px; + margin-top: -0.5vh; +} + +/* ul { */ +/* list-style-type: none; + display: flex; + flex-wrap: wrap; + background-color: aqua; + width: 100%; */ + +/* } */ + +.alink { + display: inline-block; + margin-top: 1vh; + text-decoration: none; + color: black; + border-radius: 3px; +} + +/* .alinkActive { + background-color: blue; + border-radius: 5px; + color: #f8f8f8; +} */ + +/* 第二层导航 */ + +/* 导航栏 */ +.containar-nva { + width: 100%; + line-height: 10px; + text-align: center; +} + +/* 菜单栏 */ +.nav { + display: inline-block; + list-style: none; + margin: 0 0; + padding: 0; +} + +.nav-item { + float: left; +} + +.nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; +} + +.nav-link { + font-size: 19px; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #0d6efd; +} + +.nav-fill, +.nav-item, +.nav-fill > .nav-link { + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +/* 导航按钮1 */ +.menu1-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu1-h1 { + margin-left: -18px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu1-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.menu1-leixing { + text-align: center; + margin-top: 5px; +} + +.menu1-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu1-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu1-leixing-2 { + text-align: center; +} + +.menu1-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu1-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu1-leixing-3 { + text-align: center; +} + +.menu1-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu1-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +/* 导航按钮2 */ +.menu2-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu2-leixing { + text-align: center; +} + +.menu2-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu2-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu2-leixing-2 { + text-align: center; +} + +.menu2-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu2-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu2-leixing-3 { + text-align: center; +} + +.menu2-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu2-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +.menu2-h1 { + margin-left: 2px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu2-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.xiazai { + color: white; + text-align: center; +} + +.xiazai:active { + font-size: 22px; +} + +/* 下载按钮 */ +.download { + text-align: center; +} + +.download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 球球使用教程div */ +.shiyongjiaocheng { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 10px; +} + +/* 预览按钮 */ +.yulan-div { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 15px; +} + +.yulan-btn { + width: 170px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 应用介绍 */ + +.jieshao-p { + color: white; +} + +.jieshao-h2 { + color: white; + margin-left: 8px; +} + +.jieshao-div .jieshao_1 { + color: limegreen; + margin: 1vw 0; +} + +/* 轮播图 */ +.a_cent .img-list { + white-space: nowrap; + height: 60vw; + overflow-x: auto; + overflow-y: hidden; + margin: 6vw 0 3vw 0; +} + +.a_cent .full { + height: 60vw; + margin-right: 1.6vw; + border-radius: 1.111vw; +} + +.a_cent .full:first-child { + margin-left: 3vw; +} + +.a_cent .full:last-child { + margin-right: 3vw; +} + +body { + background: black; +} + +/* default 默认图片 */ +.default-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* default边框 */ +.default-border { + text-align: center; + background: black; +} + +/* default文字 */ +.default-text1 { + color: limegreen; + font-size: 20px; + margin-left: -70px; +} + +/* default2文字 */ +.default-text1-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* tex1t图片 */ +.menu-text1-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* tex1边框 */ +.menu1-text1-border { + text-align: center; +} + +/* text1文字 */ +.menu1-text1 { + color: limegreen; + font-size: 20px; + margin-left: -90px; +} + +/* text1-1文字 */ +.menu1-text1-1 { + color: limegreen; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* 按钮一a标签 */ +.text1-a { + position: absolute; + margin-left: 60px; + margin-top: -10px; +} + +.btn1 { + width: 120px; + line-height: 35px; + border-radius: 100px; + background: #1e90ff; + position: absolute; + margin-top: -50px; + text-align: center; + margin-left: 60px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn1:hover { + background: limegreen; +} + +/* 按钮一点击效果 */ +.btn1-text:active { + background: limegreen; + font-size: 20px; +} + +.btn1-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +.btn-video-border { + text-align: center; +} + +.btn-video { + position: absolute; + margin-left: -90px; + margin-top: 5px; + border-color: black; + width: 180px; + line-height: 40px; + font-size: 17px; + color: #ffffff; + border-radius: 100px; + background: #ff1cae; + text-align: center; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn-video:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.btn-video-text:active { + background: #1e90ff; + font-size: 20px; +} + +.btn-video-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +/* text2图片 */ +.menu-text2-img { + width: 50px; + height: 50px; + position: absolute; + margin-top: 10px; + margin-left: -180px; + border-radius: 100%; +} + +/* tex2边框 */ +.menu1-text2-border2 { + text-align: center; +} + +/* text2文字 */ +.menu1-text2 { + color: limegreen; + font-size: 20px; + margin-left: -70px; + padding-top: 10px; +} + +/* text2-1文字 */ +.menu1-text2-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +.miaoshu { + margin-top: 20px; + width: 100%; +} + +.miaoshu-text { + color: limegreen; + font-size: 15px; + text-align: center; +} + +.bottom-border { + text-align: center; +} + +.bottom1 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: -180px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom1:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom1-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom1-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} + +.bottom2 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: 39px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom2:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom2-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom2-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} diff --git a/css/yulan_qq.css b/css/yulan_qq.css new file mode 100644 index 0000000..19ad5c6 --- /dev/null +++ b/css/yulan_qq.css @@ -0,0 +1,1011 @@ +* { + margin: 0px; + padding: 0px; + } + + #main { + width: 100%; + min-width: 350px; + /* max-width: 600px; */ + height: 100%; + display: flex; + /* margin: auto; */ + + } + + /* + 弹出框 + */ + #img { + display: flex; + width: 100%; + max-width: 1000px; + height: 1000px; + background: rgba(0, 0, 0, 0.8); + display: none; + padding-top: 15vw; + position: fixed; + z-index: 1; + text-align: center; + margin-top: -115px; + } + + /* 小图预览样式 */ + .imagesView { + border-radius: 50%; + } + + .imgopen { + width: 80%; + /* height: 50%; */ + border-radius: 50%; + } + + /*按钮样式*/ + #imgShow { + width: 95px; + height: 30px; + border: 2px solid limegreen; + color: limegreen; + background: #000; + font-weight: bold; + font-size: 15px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + border-radius: 16vh; + outline: none; + /*点击后没边框*/ + + } + + #imgShow:active { + font-size: 17px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + z-index: 11; + } + + #preview { + /* width: 10em; */ + /* height: 10em; */ + /* background-color: yellow; */ + display: inline-block; + } + + #imgCon { + width: 8.0em; + text-align: center; + margin-top: 2vh; + /* position: relative; + left: 5px; */ + } + + .container { + /* background-color: red; */ + max-width: 1000px; + margin: auto; + } + + #btnAll { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + } + + span { + position: absolute; + top: 1%; + right: 30px; + color: aliceblue; + font-size: 40px; + font-weight: bold; + } + + h1 { + width: 100%; + color: limegreen; + text-align: center; + font-size: 22px; + + } + + + .xiazai { + color: white; + text-align: center; + } + + .xiazai:active { + font-size: 22px; + } + + /* 下载按钮 */ + .download { + text-align: center; + } + + .download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + .download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + body { + background: black; + } + + /* 导航栏 */ + .containar-nva { + width: 100%; + line-height: 10px; + text-align: center; + } + + /* 菜单栏 */ + .nav { + display: inline-block; + list-style: none; + margin: 0 0; + } + + .nav-item { + float: left; + + } + + .nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; + } + + .nav-link { + font-size: 19px; + } + + .nav-pills .nav-link.active, + .nav-pills .show>.nav-link { + color: #fff; + background-color: #0d6efd + } + + .nav-fill, + .nav-item, + .nav-fill>.nav-link { + text-align: center + } + + .tab-content>.tab-pane { + display: none + } + + .tab-content>.active { + display: block + } + + .navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: .5rem; + padding-bottom: .5rem + } + + /* 预览css */ + + .btn1 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + outline: none; + } + + .btn2 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + margin-left: 85px; + outline: none; + } + + .btn_text { + font-size: 15px; + color: lime; + } + + .btn_text:active { + font-size: 17px; + } + + .img1 { + width: 170px; + height: 150px; + } + + .img2 { + width: 170px; + height: 150px; + } + + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px +} + +.pagination>li { + display: inline +} + +.pagination>li>a, +.pagination>li>span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #337ab7; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd +} +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + z-index: 2; + color: #23527c; + background-color: #eee; + border-color: #ddd +} +.pagination-lg>li>a, +.pagination-lg>li>span { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333 +} + + + +/* 三个无用js,可能是以前得轮播图 */ +/* */ +/* */ +/* */ + +/* 第一层导航 */ +* { + margin: 0px; +} + +h6 { + color: white; + text-align: center; + margin-top: 10px; +} +/* 导航点击下来的页面 */ +.daohang-1-btn1 { + width: 120px; + border-radius: 5px; + background: #1e90ff; + margin-top: 8px; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +.daohang-1-btn1:active { + font-size: 20px; +} + +.daohang-1-btn2:active { + font-size: 20px; +} + +.daohang-1-btn2 { + height: 31px; + width: 120px; + line-height: 29px; + border-radius: 5px; + background: #1e90ff; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +#topNav { + width: 100%; + height: 100%; + /* background:lightpink; */ + /* min-width: 500px; */ + z-index: 3; + /* min-width: 400px; +max-width: 800px; */ +} + +.top_flag { + text-align: center; + width: 100%; + height: 5vh; + background-color: #f8f8f8; + font-size: 3vh; + font-weight: bold; + z-index: 1; + display: flex; + justify-content: space-between; + padding-top: 1vh; + border-radius: 0 0 8px 8px; + padding-left: 1vh; + position: absolute; +} + +/* .topName { +margin-left: 15vh; +} */ + +.navBtn { + width: 4vh; + height: 4vh; + background-color: aliceblue; + display: inline-block; + background: url(https://pic1.imgdb.cn/item/6368b7187f7ca61fd14ead73.png); + background-size: 5vh; + display: inline-block; + /* border: 5px solid #7c7878; */ + background-position: center; + margin-right: 2vh; + border-radius: 6px; +} + +.navBtn:active { + width: 4.1vh; + height: 4.1vh; + background-size: 5.1vh; +} + +.topListNav { + /* background-color: #f8f8f8; */ + background-color: white; + opacity: 0.9; + font-size: 3vh; + /* width: 100px; */ + display: inline-block; + z-index: -1; + width: 100%; + height: 0px; + /* padding-top: 50px; */ + overflow: hidden; + /* min-width: 500px; */ + text-align: center; + border-radius: 0 0 10px 10px; + margin-top: -0.5vh; +} + +/* ul { */ +/* list-style-type: none; + display: flex; + flex-wrap: wrap; + background-color: aqua; + width: 100%; */ + +/* } */ + +.alink { + display: inline-block; + margin-top: 1vh; + text-decoration: none; + color: black; + border-radius: 3px; +} + +/* .alinkActive { + background-color: blue; + border-radius: 5px; + color: #f8f8f8; +} */ + +/* 第二层导航 */ + +/* 导航栏 */ +.containar-nva { + width: 100%; + line-height: 10px; + text-align: center; +} + +/* 菜单栏 */ +.nav { + display: inline-block; + list-style: none; + margin: 0 0; + padding: 0; +} + +.nav-item { + float: left; +} + +.nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; +} + +.nav-link { + font-size: 19px; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #0d6efd; +} + +.nav-fill, +.nav-item, +.nav-fill > .nav-link { + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +/* 导航按钮1 */ +.menu1-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu1-h1 { + margin-left: -18px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu1-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.menu1-leixing { + text-align: center; + margin-top: 5px; +} + +.menu1-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu1-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu1-leixing-2 { + text-align: center; +} + +.menu1-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu1-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu1-leixing-3 { + text-align: center; +} + +.menu1-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu1-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +/* 导航按钮2 */ +.menu2-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu2-leixing { + text-align: center; +} + +.menu2-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu2-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu2-leixing-2 { + text-align: center; +} + +.menu2-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu2-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu2-leixing-3 { + text-align: center; +} + +.menu2-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu2-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +.menu2-h1 { + margin-left: 2px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu2-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.xiazai { + color: white; + text-align: center; +} + +.xiazai:active { + font-size: 22px; +} + +/* 下载按钮 */ +.download { + text-align: center; +} + +.download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 球球使用教程div */ +.shiyongjiaocheng { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 10px; +} + +/* 预览按钮 */ +.yulan-div { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 15px; +} + +.yulan-btn { + width: 170px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 应用介绍 */ + +.jieshao-p { + color: white; +} + +.jieshao-h2 { + color: white; + margin-left: 8px; +} + +.jieshao-div .jieshao_1 { + color: limegreen; + margin: 1vw 0; +} + +/* 轮播图 */ +.a_cent .img-list { + white-space: nowrap; + height: 60vw; + overflow-x: auto; + overflow-y: hidden; + margin: 6vw 0 3vw 0; +} + +.a_cent .full { + height: 60vw; + margin-right: 1.6vw; + border-radius: 1.111vw; +} + +.a_cent .full:first-child { + margin-left: 3vw; +} + +.a_cent .full:last-child { + margin-right: 3vw; +} + +body { + background: black; +} + +/* default 默认图片 */ +.default-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* default边框 */ +.default-border { + text-align: center; + background: black; +} + +/* default文字 */ +.default-text1 { + color: limegreen; + font-size: 20px; + margin-left: -70px; +} + +/* default2文字 */ +.default-text1-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* tex1t图片 */ +.menu-text1-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* tex1边框 */ +.menu1-text1-border { + text-align: center; +} + +/* text1文字 */ +.menu1-text1 { + color: limegreen; + font-size: 20px; + margin-left: -90px; +} + +/* text1-1文字 */ +.menu1-text1-1 { + color: limegreen; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* 按钮一a标签 */ +.text1-a { + position: absolute; + margin-left: 60px; + margin-top: -10px; +} + +.btn1 { + width: 120px; + line-height: 35px; + border-radius: 100px; + background: #1e90ff; + position: absolute; + margin-top: -50px; + text-align: center; + margin-left: 60px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn1:hover { + background: limegreen; +} + +/* 按钮一点击效果 */ +.btn1-text:active { + background: limegreen; + font-size: 20px; +} + +.btn1-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +.btn-video-border { + text-align: center; +} + +.btn-video { + position: absolute; + margin-left: -90px; + margin-top: 5px; + border-color: black; + width: 180px; + line-height: 40px; + font-size: 17px; + color: #ffffff; + border-radius: 100px; + background: #ff1cae; + text-align: center; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn-video:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.btn-video-text:active { + background: #1e90ff; + font-size: 20px; +} + +.btn-video-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +/* text2图片 */ +.menu-text2-img { + width: 50px; + height: 50px; + position: absolute; + margin-top: 10px; + margin-left: -180px; + border-radius: 100%; +} + +/* tex2边框 */ +.menu1-text2-border2 { + text-align: center; +} + +/* text2文字 */ +.menu1-text2 { + color: limegreen; + font-size: 20px; + margin-left: -70px; + padding-top: 10px; +} + +/* text2-1文字 */ +.menu1-text2-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +.miaoshu { + margin-top: 20px; + width: 100%; +} + +.miaoshu-text { + color: limegreen; + font-size: 15px; + text-align: center; +} + +.bottom-border { + text-align: center; +} + +.bottom1 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: -180px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom1:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom1-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom1-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} + +.bottom2 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: 39px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom2:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom2-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom2-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} diff --git a/css/yulan_wz.css b/css/yulan_wz.css new file mode 100644 index 0000000..831f72d --- /dev/null +++ b/css/yulan_wz.css @@ -0,0 +1,1013 @@ +* { + margin: 0px; + padding: 0px; + } + + #main { + width: 100%; + min-width: 350px; + /* max-width: 600px; */ + height: 100%; + display: flex; + /* margin: auto; */ + + } + + /* + 弹出框 + */ + #img { + display: flex; + width: 100%; + max-width: 1000px; + height: 1000px; + background: rgba(0, 0, 0, 0.8); + display: none; + padding-top: 15vw; + position: fixed; + z-index: 1; + text-align: center; + margin-top: auto; + } + + /* 小图预览样式 */ + .imagesView { + border-radius: 5%; + width: 20vh; + height: 18vh; + } + + .imgopen { + width: 80%; + /* height: 50%; */ + border-radius: 5%; + } + + /*按钮样式*/ + #imgShow { + width: 95px; + height: 30px; + border: 2px solid limegreen; + color: limegreen; + background: #000; + font-weight: bold; + font-size: 15px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + border-radius: 16vh; + outline: none; + /*点击后没边框*/ + + } + + #imgShow:active { + font-size: 17px; + font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; + z-index: 11; + } + + #preview { + /* width: 10em; */ + /* height: 10em; */ + /* background-color: yellow; */ + display: inline-block; + } + + #imgCon { + width: 12em; + text-align: center; + margin-top: 2vh; + /* position: relative; + left: 5px; */ + } + + .container { + /* background-color: red; */ + max-width: 1000px; + margin: auto; + } + + #btnAll { + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + } + + span { + position: absolute; + top: 1%; + right: 30px; + color: aliceblue; + font-size: 40px; + font-weight: bold; + } + + h1 { + width: 100%; + color: limegreen; + text-align: center; + font-size: 22px; + + } + + + .xiazai { + color: white; + text-align: center; + } + + .xiazai:active { + font-size: 22px; + } + + /* 下载按钮 */ + .download { + text-align: center; + } + + .download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + .download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; + } + + body { + background: black; + } + + /* 导航栏 */ + .containar-nva { + width: 100%; + line-height: 10px; + text-align: center; + } + + /* 菜单栏 */ + .nav { + display: inline-block; + list-style: none; + margin: 0 0; + } + + .nav-item { + float: left; + + } + + .nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; + } + + .nav-link { + font-size: 19px; + } + + .nav-pills .nav-link.active, + .nav-pills .show>.nav-link { + color: #fff; + background-color: #0d6efd + } + + .nav-fill, + .nav-item, + .nav-fill>.nav-link { + text-align: center + } + + .tab-content>.tab-pane { + display: none + } + + .tab-content>.active { + display: block + } + + .navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: .5rem; + padding-bottom: .5rem + } + + /* 预览css */ + + .btn1 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + outline: none; + } + + .btn2 { + background: black; + width: 120px; + border-radius: 100px; + border-color: limegreen; + border-width: 3px; + line-height: 8px; + margin-top: 10px; + margin-left: 85px; + outline: none; + } + + .btn_text { + font-size: 15px; + color: lime; + } + + .btn_text:active { + font-size: 17px; + } + + .img1 { + width: 170px; + height: 150px; + } + + .img2 { + width: 170px; + height: 150px; + } + + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px +} + +.pagination>li { + display: inline +} + +.pagination>li>a, +.pagination>li>span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.42857143; + color: #337ab7; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd +} +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + z-index: 2; + color: #23527c; + background-color: #eee; + border-color: #ddd +} +.pagination-lg>li>a, +.pagination-lg>li>span { + padding: 10px 16px; + font-size: 18px; + line-height: 1.3333333 +} + + + +/* 三个无用js,可能是以前得轮播图 */ +/* */ +/* */ +/* */ + +/* 第一层导航 */ +* { + margin: 0px; +} + +h6 { + color: white; + text-align: center; + margin-top: 10px; +} +/* 导航点击下来的页面 */ +.daohang-1-btn1 { + width: 120px; + border-radius: 5px; + background: #1e90ff; + margin-top: 8px; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +.daohang-1-btn1:active { + font-size: 20px; +} + +.daohang-1-btn2:active { + font-size: 20px; +} + +.daohang-1-btn2 { + height: 31px; + width: 120px; + line-height: 29px; + border-radius: 5px; + background: #1e90ff; + border-color: rgb(2, 192, 255); + font-size: 18px; + color: white; + outline: none; + /*点击后没边框*/ +} + +#topNav { + width: 100%; + height: 100%; + /* background:lightpink; */ + /* min-width: 500px; */ + z-index: 3; + /* min-width: 400px; +max-width: 800px; */ +} + +.top_flag { + text-align: center; + width: 100%; + height: 5vh; + background-color: #f8f8f8; + font-size: 3vh; + font-weight: bold; + z-index: 1; + display: flex; + justify-content: space-between; + padding-top: 1vh; + border-radius: 0 0 8px 8px; + padding-left: 1vh; + position: absolute; +} + +/* .topName { +margin-left: 15vh; +} */ + +.navBtn { + width: 4vh; + height: 4vh; + background-color: aliceblue; + display: inline-block; + background: url(https://pic1.imgdb.cn/item/6368b7187f7ca61fd14ead73.png); + background-size: 5vh; + display: inline-block; + /* border: 5px solid #7c7878; */ + background-position: center; + margin-right: 2vh; + border-radius: 6px; +} + +.navBtn:active { + width: 4.1vh; + height: 4.1vh; + background-size: 5.1vh; +} + +.topListNav { + /* background-color: #f8f8f8; */ + background-color: white; + opacity: 0.9; + font-size: 3vh; + /* width: 100px; */ + display: inline-block; + z-index: -1; + width: 100%; + height: 0px; + /* padding-top: 50px; */ + overflow: hidden; + /* min-width: 500px; */ + text-align: center; + border-radius: 0 0 10px 10px; + margin-top: -0.5vh; +} + +/* ul { */ +/* list-style-type: none; + display: flex; + flex-wrap: wrap; + background-color: aqua; + width: 100%; */ + +/* } */ + +.alink { + display: inline-block; + margin-top: 1vh; + text-decoration: none; + color: black; + border-radius: 3px; +} + +/* .alinkActive { + background-color: blue; + border-radius: 5px; + color: #f8f8f8; +} */ + +/* 第二层导航 */ + +/* 导航栏 */ +.containar-nva { + width: 100%; + line-height: 10px; + text-align: center; +} + +/* 菜单栏 */ +.nav { + display: inline-block; + list-style: none; + margin: 0 0; + padding: 0; +} + +.nav-item { + float: left; +} + +.nav-link { + display: block; + padding: 1rem 1rem; + color: #0d6efd; + text-decoration: none; + border-radius: 5px; +} + +.nav-link { + font-size: 19px; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fff; + background-color: #0d6efd; +} + +.nav-fill, +.nav-item, +.nav-fill > .nav-link { + text-align: center; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + +/* 导航按钮1 */ +.menu1-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu1-h1 { + margin-left: -18px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu1-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.menu1-leixing { + text-align: center; + margin-top: 5px; +} + +.menu1-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu1-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu1-leixing-2 { + text-align: center; +} + +.menu1-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu1-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu1-leixing-3 { + text-align: center; +} + +.menu1-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu1-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +/* 导航按钮2 */ +.menu2-img { + position: absolute; + margin-left: -180px; + border-radius: 17%; + width: 85px; + height: 85px; + margin-top: 7px; +} + +.menu2-leixing { + text-align: center; +} + +.menu2-leixing-1-1 { + margin-top: 5px; + margin-left: 80px; + font-size: 12px; + color: #999; +} + +.menu2-leixing-1-1-img { + margin-left: 130px; + height: 10px; +} + +.menu2-leixing-2 { + text-align: center; +} + +.menu2-leixing-2-1 { + font-size: 12px; + margin-left: 106px; + color: #999; +} + +.menu2-leixing-2-2 { + font-size: 12px; + margin-left: 125px; + color: #999; +} + +.menu2-leixing-3 { + text-align: center; +} + +.menu2-leixing-3-1 { + font-size: 12px; + margin-left: 100px; + color: #999; +} + +.menu2-leixing-3-2 { + font-size: 12px; + margin-left: 60px; + color: #999; +} + +.menu2-h1 { + margin-left: 2px; + color: white; + font-size: 20px; + margin-top: 5px; +} + +.menu2-i { + display: inline-block; + margin-left: 3px; + width: 18px; + height: 18px; + border-radius: 50%; + background: url(https://pic1.imgdb.cn/item/63613daa973c4a6ae1df6eb1.jpg); + background-size: cover; +} + +.xiazai { + color: white; + text-align: center; +} + +.xiazai:active { + font-size: 22px; +} + +/* 下载按钮 */ +.download { + text-align: center; +} + +.download-1 { + margin-left: 5px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +.download-2 { + margin-left: 60px; + width: 150px; + border: 1px solid; + border-radius: 5px; + background: limegreen; + color: green; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 球球使用教程div */ +.shiyongjiaocheng { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 10px; +} + +/* 预览按钮 */ +.yulan-div { + color: #999; + text-align: center; + margin-top: 10px; + margin-bottom: 15px; +} + +.yulan-btn { + width: 170px; + border: 1px solid; + border-radius: 5px; + background: rgb(243, 80, 205); + color: #ff1cae; + font-size: 20px; + outline: none; + /*点击后没边框*/ + height: 34px; +} + +/* 应用介绍 */ + +.jieshao-p { + color: white; +} + +.jieshao-h2 { + color: white; + margin-left: 8px; +} + +.jieshao-div .jieshao_1 { + color: limegreen; + margin: 1vw 0; +} + +/* 轮播图 */ +.a_cent .img-list { + white-space: nowrap; + height: 60vw; + overflow-x: auto; + overflow-y: hidden; + margin: 6vw 0 3vw 0; +} + +.a_cent .full { + height: 60vw; + margin-right: 1.6vw; + border-radius: 1.111vw; +} + +.a_cent .full:first-child { + margin-left: 3vw; +} + +.a_cent .full:last-child { + margin-right: 3vw; +} + +body { + background: black; +} + +/* default 默认图片 */ +.default-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* default边框 */ +.default-border { + text-align: center; + background: black; +} + +/* default文字 */ +.default-text1 { + color: limegreen; + font-size: 20px; + margin-left: -70px; +} + +/* default2文字 */ +.default-text1-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* tex1t图片 */ +.menu-text1-img { + width: 50px; + height: 50px; + position: absolute; + margin-left: -180px; + border-radius: 100%; +} + +/* tex1边框 */ +.menu1-text1-border { + text-align: center; +} + +/* text1文字 */ +.menu1-text1 { + color: limegreen; + font-size: 20px; + margin-left: -90px; +} + +/* text1-1文字 */ +.menu1-text1-1 { + color: limegreen; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +/* 按钮一a标签 */ +.text1-a { + position: absolute; + margin-left: 60px; + margin-top: -10px; +} + +.btn1 { + width: 120px; + line-height: 35px; + border-radius: 100px; + background: #1e90ff; + position: absolute; + margin-top: -50px; + text-align: center; + margin-left: 60px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn1:hover { + background: limegreen; +} + +/* 按钮一点击效果 */ +.btn1-text:active { + background: limegreen; + font-size: 20px; +} + +.btn1-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +.btn-video-border { + text-align: center; +} + +.btn-video { + position: absolute; + margin-left: -90px; + margin-top: 5px; + border-color: black; + width: 180px; + line-height: 40px; + font-size: 17px; + color: #ffffff; + border-radius: 100px; + background: #ff1cae; + text-align: center; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.btn-video:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.btn-video-text:active { + background: #1e90ff; + font-size: 20px; +} + +.btn-video-text { + font-size: 17px; + color: white; + text-align: center; + line-height: 10px; +} + +/* text2图片 */ +.menu-text2-img { + width: 50px; + height: 50px; + position: absolute; + margin-top: 10px; + margin-left: -180px; + border-radius: 100%; +} + +/* tex2边框 */ +.menu1-text2-border2 { + text-align: center; +} + +/* text2文字 */ +.menu1-text2 { + color: limegreen; + font-size: 20px; + margin-left: -70px; + padding-top: 10px; +} + +/* text2-1文字 */ +.menu1-text2-1 { + color: green; + font-size: 12px; + margin-left: -70px; + margin-top: -10px; +} + +.miaoshu { + margin-top: 20px; + width: 100%; +} + +.miaoshu-text { + color: limegreen; + font-size: 15px; + text-align: center; +} + +.bottom-border { + text-align: center; +} + +.bottom1 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: -180px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom1:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom1-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom1-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} + +.bottom2 { + width: 140px; + height: 40px; + text-align: center; + background: #ff770f; + position: absolute; + margin-left: 39px; + margin-top: -30px; + border-color: black; + outline: none; + /*点击后没边框*/ +} + +/* 按钮一触停效果 */ +.bottom2:hover { + background: #1e90ff; +} + +/* 按钮一点击效果 */ +.bottom2-text:active { + background: #1e90ff; + font-size: 20px; +} + +.bottom2-text { + font-size: 17px; + color: black; + text-align: center; + line-height: 10px; +} diff --git a/css/ziyuan_daohang.css b/css/ziyuan_daohang.css new file mode 100644 index 0000000..4ea915e --- /dev/null +++ b/css/ziyuan_daohang.css @@ -0,0 +1,232 @@ +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} + +* { + margin: 0; + padding: 0; +} + +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333; + background-color: #fff; + margin: 0 +} + +a { + color: #337ab7; + text-decoration: none +} + + +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit +} + +.h1, +.h2, +.h3, +h1, +h2, +h3 { + margin-top: 5px; + margin-bottom: 5px +} + +.h4, +.h5, +.h6, +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px +} + +.h4 .small, +.h4 small, +.h5 .small, +.h5 small, +.h6 .small, +.h6 small, +h4 .small, +h4 small, +h5 .small, +h5 small, +h6 .small, +h6 small { + font-size: 75% +} + +.h1, +h1 { + font-size: 36px +} + +.h2, +h2 { + font-size: 30px +} + +.h3, +h3 { + font-size: 24px +} + +.h4, +h4 { + font-size: 18px +} + +.h5, +h5 { + font-size: 16px +} + +.h6, +h6 { + font-size: 12px +} + +p { + margin: 0 0 10px +} + +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 300; + line-height: 1.4 +} + + + +.text-center { + text-align: center +} + +.text-danger { + color: #a94442 +} + + +.list-group { + padding-left: 0; + margin-bottom: 20px; + /* text-align: center; */ +} + +.list-group-item { + position: relative; + display: block; + padding: 4px 15px; + margin-bottom: 0px; + background-color: #fff; + border: 3px solid #ddd; +} + +.list-group-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px +} + +a.list-group-item { + color: #555 +} + +a.list-group-item .list-group-item-heading { + color: #333 +} + +a.list-group-item:focus, +a.list-group-item:hover { + color: #555; + text-decoration: none; + background-color: #f5f5f5 +} + +.list-group-item.disabled, +.list-group-item.disabled:focus, +.list-group-item.disabled:hover { + color: #777; + cursor: not-allowed; + background-color: #eee +} + +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading { + color: inherit +} + +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text { + color: #777 +} + +.list-group-item.active, +.list-group-item.active:focus, +.list-group-item.active:hover { + z-index: 2; + color: #fff; + background-color: #337ab7; + border-color: #337ab7 +} + +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading>.small, +.list-group-item.active .list-group-item-heading>small, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading>.small, +.list-group-item.active:focus .list-group-item-heading>small, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading>.small, +.list-group-item.active:hover .list-group-item-heading>small { + color: inherit +} + +.gpt { + color: #555; + background-color: white; + border-radius: 100px; + width: 130px; + height: 35px; + font-size: 15px; + border-color: #dcdcdc; + left: 9px; + position: relative; + top: -33px; + margin-left: 7px; +} +.gpt:active{ + font-size: 17px; +} +.gpt:hover{ + font-size: 17px; + background-color: rgb(250, 250, 250); +} diff --git a/img/anquan.ico b/img/anquan.ico new file mode 100644 index 0000000..bfeb689 Binary files /dev/null and b/img/anquan.ico differ diff --git a/img/page/anzhuo.png b/img/page/anzhuo.png new file mode 100644 index 0000000..0d3bba1 Binary files /dev/null and b/img/page/anzhuo.png differ diff --git a/img/page/cj/1.jpg b/img/page/cj/1.jpg new file mode 100644 index 0000000..e514f4a Binary files /dev/null and b/img/page/cj/1.jpg differ diff --git a/img/page/cj/2.jpg b/img/page/cj/2.jpg new file mode 100644 index 0000000..37502f5 Binary files /dev/null and b/img/page/cj/2.jpg differ diff --git a/img/page/cj/3.jpg b/img/page/cj/3.jpg new file mode 100644 index 0000000..1cacc70 Binary files /dev/null and b/img/page/cj/3.jpg differ diff --git a/img/page/cj/4.jpg b/img/page/cj/4.jpg new file mode 100644 index 0000000..a255f57 Binary files /dev/null and b/img/page/cj/4.jpg differ diff --git a/img/page/cj/5.jpg b/img/page/cj/5.jpg new file mode 100644 index 0000000..5f345ae Binary files /dev/null and b/img/page/cj/5.jpg differ diff --git a/img/page/cj/6.jpg b/img/page/cj/6.jpg new file mode 100644 index 0000000..7cdf392 Binary files /dev/null and b/img/page/cj/6.jpg differ diff --git a/img/page/cj/7.jpg b/img/page/cj/7.jpg new file mode 100644 index 0000000..09f4518 Binary files /dev/null and b/img/page/cj/7.jpg differ diff --git a/img/page/cj/8.jpg b/img/page/cj/8.jpg new file mode 100644 index 0000000..5635d87 Binary files /dev/null and b/img/page/cj/8.jpg differ diff --git a/img/page/fc/1.jpg b/img/page/fc/1.jpg new file mode 100644 index 0000000..d0dea33 Binary files /dev/null and b/img/page/fc/1.jpg differ diff --git a/img/page/fc/10.jpg b/img/page/fc/10.jpg new file mode 100644 index 0000000..89d6e63 Binary files /dev/null and b/img/page/fc/10.jpg differ diff --git a/img/page/fc/11.jpg b/img/page/fc/11.jpg new file mode 100644 index 0000000..de79d82 Binary files /dev/null and b/img/page/fc/11.jpg differ diff --git a/img/page/fc/12.jpg b/img/page/fc/12.jpg new file mode 100644 index 0000000..a5335b8 Binary files /dev/null and b/img/page/fc/12.jpg differ diff --git a/img/page/fc/13.jpg b/img/page/fc/13.jpg new file mode 100644 index 0000000..c168529 Binary files /dev/null and b/img/page/fc/13.jpg differ diff --git a/img/page/fc/14.jpg b/img/page/fc/14.jpg new file mode 100644 index 0000000..0b2faaf Binary files /dev/null and b/img/page/fc/14.jpg differ diff --git a/img/page/fc/15.jpg b/img/page/fc/15.jpg new file mode 100644 index 0000000..b6aceed Binary files /dev/null and b/img/page/fc/15.jpg differ diff --git a/img/page/fc/16.jpg b/img/page/fc/16.jpg new file mode 100644 index 0000000..fdd1655 Binary files /dev/null and b/img/page/fc/16.jpg differ diff --git a/img/page/fc/17.jpg b/img/page/fc/17.jpg new file mode 100644 index 0000000..f8fbe4b Binary files /dev/null and b/img/page/fc/17.jpg differ diff --git a/img/page/fc/18.jpg b/img/page/fc/18.jpg new file mode 100644 index 0000000..4e49e6b Binary files /dev/null and b/img/page/fc/18.jpg differ diff --git a/img/page/fc/19.jpg b/img/page/fc/19.jpg new file mode 100644 index 0000000..9888533 Binary files /dev/null and b/img/page/fc/19.jpg differ diff --git a/img/page/fc/2.jpg b/img/page/fc/2.jpg new file mode 100644 index 0000000..36d8040 Binary files /dev/null and b/img/page/fc/2.jpg differ diff --git a/img/page/fc/20.jpg b/img/page/fc/20.jpg new file mode 100644 index 0000000..10b9f7e Binary files /dev/null and b/img/page/fc/20.jpg differ diff --git a/img/page/fc/21.gif b/img/page/fc/21.gif new file mode 100644 index 0000000..4224244 Binary files /dev/null and b/img/page/fc/21.gif differ diff --git a/img/page/fc/22.gif b/img/page/fc/22.gif new file mode 100644 index 0000000..09061a5 Binary files /dev/null and b/img/page/fc/22.gif differ diff --git a/img/page/fc/23.gif b/img/page/fc/23.gif new file mode 100644 index 0000000..a7317da Binary files /dev/null and b/img/page/fc/23.gif differ diff --git a/img/page/fc/24.gif b/img/page/fc/24.gif new file mode 100644 index 0000000..5e96005 Binary files /dev/null and b/img/page/fc/24.gif differ diff --git a/img/page/fc/25.gif b/img/page/fc/25.gif new file mode 100644 index 0000000..6b4a763 Binary files /dev/null and b/img/page/fc/25.gif differ diff --git a/img/page/fc/26.gif b/img/page/fc/26.gif new file mode 100644 index 0000000..209f3f0 Binary files /dev/null and b/img/page/fc/26.gif differ diff --git a/img/page/fc/27.gif b/img/page/fc/27.gif new file mode 100644 index 0000000..7ac5ae4 Binary files /dev/null and b/img/page/fc/27.gif differ diff --git a/img/page/fc/28.gif b/img/page/fc/28.gif new file mode 100644 index 0000000..013c6f7 Binary files /dev/null and b/img/page/fc/28.gif differ diff --git a/img/page/fc/3.jpg b/img/page/fc/3.jpg new file mode 100644 index 0000000..c64a241 Binary files /dev/null and b/img/page/fc/3.jpg differ diff --git a/img/page/fc/4.jpg b/img/page/fc/4.jpg new file mode 100644 index 0000000..f0e980d Binary files /dev/null and b/img/page/fc/4.jpg differ diff --git a/img/page/fc/5.jpg b/img/page/fc/5.jpg new file mode 100644 index 0000000..4661938 Binary files /dev/null and b/img/page/fc/5.jpg differ diff --git a/img/page/fc/6.jpg b/img/page/fc/6.jpg new file mode 100644 index 0000000..b3a1d2c Binary files /dev/null and b/img/page/fc/6.jpg differ diff --git a/img/page/fc/7.jpg b/img/page/fc/7.jpg new file mode 100644 index 0000000..2f74657 Binary files /dev/null and b/img/page/fc/7.jpg differ diff --git a/img/page/fc/8.jpg b/img/page/fc/8.jpg new file mode 100644 index 0000000..659bc29 Binary files /dev/null and b/img/page/fc/8.jpg differ diff --git a/img/page/fc/9.jpg b/img/page/fc/9.jpg new file mode 100644 index 0000000..28c03cd Binary files /dev/null and b/img/page/fc/9.jpg differ diff --git a/img/page/feiche.png b/img/page/feiche.png new file mode 100644 index 0000000..24e6a3c Binary files /dev/null and b/img/page/feiche.png differ diff --git a/img/page/google.png b/img/page/google.png new file mode 100644 index 0000000..ffbe7bb Binary files /dev/null and b/img/page/google.png differ diff --git a/img/page/ikun.jpg b/img/page/ikun.jpg new file mode 100644 index 0000000..90334b1 Binary files /dev/null and b/img/page/ikun.jpg differ diff --git a/img/page/labixiaoxin.jpeg b/img/page/labixiaoxin.jpeg new file mode 100644 index 0000000..f1d8f5e Binary files /dev/null and b/img/page/labixiaoxin.jpeg differ diff --git a/img/page/qq/1.jpg b/img/page/qq/1.jpg new file mode 100644 index 0000000..8ec5b85 Binary files /dev/null and b/img/page/qq/1.jpg differ diff --git a/img/page/qq/2.jpg b/img/page/qq/2.jpg new file mode 100644 index 0000000..878477b Binary files /dev/null and b/img/page/qq/2.jpg differ diff --git a/img/page/qq/3.jpg b/img/page/qq/3.jpg new file mode 100644 index 0000000..41defc0 Binary files /dev/null and b/img/page/qq/3.jpg differ diff --git a/img/page/qq/4.jpg b/img/page/qq/4.jpg new file mode 100644 index 0000000..cd8e73d Binary files /dev/null and b/img/page/qq/4.jpg differ diff --git a/img/page/qq/5.jpg b/img/page/qq/5.jpg new file mode 100644 index 0000000..7f73026 Binary files /dev/null and b/img/page/qq/5.jpg differ diff --git a/img/page/qq/6.jpg b/img/page/qq/6.jpg new file mode 100644 index 0000000..8558a38 Binary files /dev/null and b/img/page/qq/6.jpg differ diff --git a/img/page/qq/7.jpg b/img/page/qq/7.jpg new file mode 100644 index 0000000..00b0cb2 Binary files /dev/null and b/img/page/qq/7.jpg differ diff --git a/img/page/wz/1.gif b/img/page/wz/1.gif new file mode 100644 index 0000000..ae53fab Binary files /dev/null and b/img/page/wz/1.gif differ diff --git a/img/page/wz/2.gif b/img/page/wz/2.gif new file mode 100644 index 0000000..0ff1242 Binary files /dev/null and b/img/page/wz/2.gif differ diff --git a/img/page/wz/3.gif b/img/page/wz/3.gif new file mode 100644 index 0000000..da6936f Binary files /dev/null and b/img/page/wz/3.gif differ diff --git a/img/page/wz/4.gif b/img/page/wz/4.gif new file mode 100644 index 0000000..75579fa Binary files /dev/null and b/img/page/wz/4.gif differ diff --git a/img/page/wz/5.gif b/img/page/wz/5.gif new file mode 100644 index 0000000..736ebd5 Binary files /dev/null and b/img/page/wz/5.gif differ diff --git a/img/page/wz/6.gif b/img/page/wz/6.gif new file mode 100644 index 0000000..00ba62f Binary files /dev/null and b/img/page/wz/6.gif differ diff --git a/img/page/wz/7.gif b/img/page/wz/7.gif new file mode 100644 index 0000000..1c920ba Binary files /dev/null and b/img/page/wz/7.gif differ diff --git a/img/page/wz/8.gif b/img/page/wz/8.gif new file mode 100644 index 0000000..5c19349 Binary files /dev/null and b/img/page/wz/8.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..7d99cea --- /dev/null +++ b/index.html @@ -0,0 +1,48 @@ + + + +
+ + ++ + Copyright © 2017-2024 渝ICP备2023008381号-1 +
+ + + + \ No newline at end of file diff --git a/js/1.js b/js/1.js new file mode 100644 index 0000000..93edda6 --- /dev/null +++ b/js/1.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v5.1.1 (https://getbootstrap.com/) + * Copyright 2011-2021 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function (t, e) { "object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).bootstrap = e() }(this, (function () { "use strict"; const t = t => { let e = t.getAttribute("data-bs-target"); if (!e || "#" === e) { let i = t.getAttribute("href"); if (!i || !i.includes("#") && !i.startsWith(".")) return null; i.includes("#") && !i.startsWith("#") && (i = "#" + i.split("#")[1]), e = i && "#" !== i ? i.trim() : null } return e }, e = e => { const i = t(e); return i && document.querySelector(i) ? i : null }, i = e => { const i = t(e); return i ? document.querySelector(i) : null }, n = t => { t.dispatchEvent(new Event("transitionend")) }, s = t => !(!t || "object" != typeof t) && (void 0 !== t.jquery && (t = t[0]), void 0 !== t.nodeType), o = t => s(t) ? t.jquery ? t[0] : t : "string" == typeof t && t.length > 0 ? document.querySelector(t) : null, r = (t, e, i) => { Object.keys(i).forEach(n => { const o = i[n], r = e[n], a = r && s(r) ? "element" : null == (l = r) ? "" + l : {}.toString.call(l).match(/\s([a-z]+)/i)[1].toLowerCase(); var l; if (!new RegExp(o).test(a)) throw new TypeError(`${t.toUpperCase()}: Option "${n}" provided type "${a}" but expected type "${o}".`) }) }, a = t => !(!s(t) || 0 === t.getClientRects().length) && "visible" === getComputedStyle(t).getPropertyValue("visibility"), l = t => !t || t.nodeType !== Node.ELEMENT_NODE || !!t.classList.contains("disabled") || (void 0 !== t.disabled ? t.disabled : t.hasAttribute("disabled") && "false" !== t.getAttribute("disabled")), c = t => { if (!document.documentElement.attachShadow) return null; if ("function" == typeof t.getRootNode) { const e = t.getRootNode(); return e instanceof ShadowRoot ? e : null } return t instanceof ShadowRoot ? t : t.parentNode ? c(t.parentNode) : null }, h = () => { }, d = t => { t.offsetHeight }, u = () => { const { jQuery: t } = window; return t && !document.body.hasAttribute("data-bs-no-jquery") ? t : null }, f = [], p = () => "rtl" === document.documentElement.dir, m = t => { var e; e = () => { const e = u(); if (e) { const i = t.NAME, n = e.fn[i]; e.fn[i] = t.jQueryInterface, e.fn[i].Constructor = t, e.fn[i].noConflict = () => (e.fn[i] = n, t.jQueryInterface) } }, "loading" === document.readyState ? (f.length || document.addEventListener("DOMContentLoaded", () => { f.forEach(t => t()) }), f.push(e)) : e() }, g = t => { "function" == typeof t && t() }, _ = (t, e, i = !0) => { if (!i) return void g(t); const s = (t => { if (!t) return 0; let { transitionDuration: e, transitionDelay: i } = window.getComputedStyle(t); const n = Number.parseFloat(e), s = Number.parseFloat(i); return n || s ? (e = e.split(",")[0], i = i.split(",")[0], 1e3 * (Number.parseFloat(e) + Number.parseFloat(i))) : 0 })(e) + 5; let o = !1; const r = ({ target: i }) => { i === e && (o = !0, e.removeEventListener("transitionend", r), g(t)) }; e.addEventListener("transitionend", r), setTimeout(() => { o || n(e) }, s) }, b = (t, e, i, n) => { let s = t.indexOf(e); if (-1 === s) return t[!i && n ? t.length - 1 : 0]; const o = t.length; return s += i ? 1 : -1, n && (s = (s + o) % o), t[Math.max(0, Math.min(s, o - 1))] }, v = /[^.]*(?=\..*)\.|.*/, y = /\..*/, w = /::\d+$/, E = {}; let A = 1; const T = { mouseenter: "mouseover", mouseleave: "mouseout" }, O = /^(mouseenter|mouseleave)/i, C = new Set(["click", "dblclick", "mouseup", "mousedown", "contextmenu", "mousewheel", "DOMMouseScroll", "mouseover", "mouseout", "mousemove", "selectstart", "selectend", "keydown", "keypress", "keyup", "orientationchange", "touchstart", "touchmove", "touchend", "touchcancel", "pointerdown", "pointermove", "pointerup", "pointerleave", "pointercancel", "gesturestart", "gesturechange", "gestureend", "focus", "blur", "change", "reset", "select", "submit", "focusin", "focusout", "load", "unload", "beforeunload", "resize", "move", "DOMContentLoaded", "readystatechange", "error", "abort", "scroll"]); function k(t, e) { return e && `${e}::${A++}` || t.uidEvent || A++ } function L(t) { const e = k(t); return t.uidEvent = e, E[e] = E[e] || {}, E[e] } function x(t, e, i = null) { const n = Object.keys(t); for (let s = 0, o = n.length; s < o; s++) { const o = t[n[s]]; if (o.originalHandler === e && o.delegationSelector === i) return o } return null } function D(t, e, i) { const n = "string" == typeof e, s = n ? i : e; let o = I(t); return C.has(o) || (o = t), [n, s, o] } function S(t, e, i, n, s) { if ("string" != typeof e || !t) return; if (i || (i = n, n = null), O.test(e)) { const t = t => function (e) { if (!e.relatedTarget || e.relatedTarget !== e.delegateTarget && !e.delegateTarget.contains(e.relatedTarget)) return t.call(this, e) }; n ? n = t(n) : i = t(i) } const [o, r, a] = D(e, i, n), l = L(t), c = l[a] || (l[a] = {}), h = x(c, r, o ? i : null); if (h) return void (h.oneOff = h.oneOff && s); const d = k(r, e.replace(v, "")), u = o ? function (t, e, i) { return function n(s) { const o = t.querySelectorAll(e); for (let { target: r } = s; r && r !== this; r = r.parentNode)for (let a = o.length; a--;)if (o[a] === r) return s.delegateTarget = r, n.oneOff && P.off(t, s.type, e, i), i.apply(r, [s]); return null } }(t, i, n) : function (t, e) { return function i(n) { return n.delegateTarget = t, i.oneOff && P.off(t, n.type, e), e.apply(t, [n]) } }(t, i); u.delegationSelector = o ? i : null, u.originalHandler = r, u.oneOff = s, u.uidEvent = d, c[d] = u, t.addEventListener(a, u, o) } function N(t, e, i, n, s) { const o = x(e[i], n, s); o && (t.removeEventListener(i, o, Boolean(s)), delete e[i][o.uidEvent]) } function I(t) { return t = t.replace(y, ""), T[t] || t } const P = { on(t, e, i, n) { S(t, e, i, n, !1) }, one(t, e, i, n) { S(t, e, i, n, !0) }, off(t, e, i, n) { if ("string" != typeof e || !t) return; const [s, o, r] = D(e, i, n), a = r !== e, l = L(t), c = e.startsWith("."); if (void 0 !== o) { if (!l || !l[r]) return; return void N(t, l, r, o, s ? i : null) } c && Object.keys(l).forEach(i => { !function (t, e, i, n) { const s = e[i] || {}; Object.keys(s).forEach(o => { if (o.includes(n)) { const n = s[o]; N(t, e, i, n.originalHandler, n.delegationSelector) } }) }(t, l, i, e.slice(1)) }); const h = l[r] || {}; Object.keys(h).forEach(i => { const n = i.replace(w, ""); if (!a || e.includes(n)) { const e = h[i]; N(t, l, r, e.originalHandler, e.delegationSelector) } }) }, trigger(t, e, i) { if ("string" != typeof e || !t) return null; const n = u(), s = I(e), o = e !== s, r = C.has(s); let a, l = !0, c = !0, h = !1, d = null; return o && n && (a = n.Event(e, i), n(t).trigger(a), l = !a.isPropagationStopped(), c = !a.isImmediatePropagationStopped(), h = a.isDefaultPrevented()), r ? (d = document.createEvent("HTMLEvents"), d.initEvent(s, l, !0)) : d = new CustomEvent(e, { bubbles: l, cancelable: !0 }), void 0 !== i && Object.keys(i).forEach(t => { Object.defineProperty(d, t, { get: () => i[t] }) }), h && d.preventDefault(), c && t.dispatchEvent(d), d.defaultPrevented && void 0 !== a && a.preventDefault(), d } }, j = new Map; var M = { set(t, e, i) { j.has(t) || j.set(t, new Map); const n = j.get(t); n.has(e) || 0 === n.size ? n.set(e, i) : console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`) }, get: (t, e) => j.has(t) && j.get(t).get(e) || null, remove(t, e) { if (!j.has(t)) return; const i = j.get(t); i.delete(e), 0 === i.size && j.delete(t) } }; class H { constructor(t) { (t = o(t)) && (this._element = t, M.set(this._element, this.constructor.DATA_KEY, this)) } dispose() { M.remove(this._element, this.constructor.DATA_KEY), P.off(this._element, this.constructor.EVENT_KEY), Object.getOwnPropertyNames(this).forEach(t => { this[t] = null }) } _queueCallback(t, e, i = !0) { _(t, e, i) } static getInstance(t) { return M.get(o(t), this.DATA_KEY) } static getOrCreateInstance(t, e = {}) { return this.getInstance(t) || new this(t, "object" == typeof e ? e : null) } static get VERSION() { return "5.1.1" } static get NAME() { throw new Error('You have to implement the static method "NAME", for each component!') } static get DATA_KEY() { return "bs." + this.NAME } static get EVENT_KEY() { return "." + this.DATA_KEY } } const B = (t, e = "hide") => { const n = "click.dismiss" + t.EVENT_KEY, s = t.NAME; P.on(document, n, `[data-bs-dismiss="${s}"]`, (function (n) { if (["A", "AREA"].includes(this.tagName) && n.preventDefault(), l(this)) return; const o = i(this) || this.closest("." + s); t.getOrCreateInstance(o)[e]() })) }; class R extends H { static get NAME() { return "alert" } close() { if (P.trigger(this._element, "close.bs.alert").defaultPrevented) return; this._element.classList.remove("show"); const t = this._element.classList.contains("fade"); this._queueCallback(() => this._destroyElement(), this._element, t) } _destroyElement() { this._element.remove(), P.trigger(this._element, "closed.bs.alert"), this.dispose() } static jQueryInterface(t) { return this.each((function () { const e = R.getOrCreateInstance(this); if ("string" == typeof t) { if (void 0 === e[t] || t.startsWith("_") || "constructor" === t) throw new TypeError(`No method named "${t}"`); e[t](this) } })) } } B(R, "close"), m(R); class W extends H { static get NAME() { return "button" } toggle() { this._element.setAttribute("aria-pressed", this._element.classList.toggle("active")) } static jQueryInterface(t) { return this.each((function () { const e = W.getOrCreateInstance(this); "toggle" === t && e[t]() })) } } function z(t) { return "true" === t || "false" !== t && (t === Number(t).toString() ? Number(t) : "" === t || "null" === t ? null : t) } function q(t) { return t.replace(/[A-Z]/g, t => "-" + t.toLowerCase()) } P.on(document, "click.bs.button.data-api", '[data-bs-toggle="button"]', t => { t.preventDefault(); const e = t.target.closest('[data-bs-toggle="button"]'); W.getOrCreateInstance(e).toggle() }), m(W); const F = { setDataAttribute(t, e, i) { t.setAttribute("data-bs-" + q(e), i) }, removeDataAttribute(t, e) { t.removeAttribute("data-bs-" + q(e)) }, getDataAttributes(t) { if (!t) return {}; const e = {}; return Object.keys(t.dataset).filter(t => t.startsWith("bs")).forEach(i => { let n = i.replace(/^bs/, ""); n = n.charAt(0).toLowerCase() + n.slice(1, n.length), e[n] = z(t.dataset[i]) }), e }, getDataAttribute: (t, e) => z(t.getAttribute("data-bs-" + q(e))), offset(t) { const e = t.getBoundingClientRect(); return { top: e.top + window.pageYOffset, left: e.left + window.pageXOffset } }, position: t => ({ top: t.offsetTop, left: t.offsetLeft }) }, U = { find: (t, e = document.documentElement) => [].concat(...Element.prototype.querySelectorAll.call(e, t)), findOne: (t, e = document.documentElement) => Element.prototype.querySelector.call(e, t), children: (t, e) => [].concat(...t.children).filter(t => t.matches(e)), parents(t, e) { const i = []; let n = t.parentNode; for (; n && n.nodeType === Node.ELEMENT_NODE && 3 !== n.nodeType;)n.matches(e) && i.push(n), n = n.parentNode; return i }, prev(t, e) { let i = t.previousElementSibling; for (; i;) { if (i.matches(e)) return [i]; i = i.previousElementSibling } return [] }, next(t, e) { let i = t.nextElementSibling; for (; i;) { if (i.matches(e)) return [i]; i = i.nextElementSibling } return [] }, focusableChildren(t) { const e = ["a", "button", "input", "textarea", "select", "details", "[tabindex]", '[contenteditable="true"]'].map(t => t + ':not([tabindex^="-"])').join(", "); return this.find(e, t).filter(t => !l(t) && a(t)) } }, $ = { interval: 5e3, keyboard: !0, slide: !1, pause: "hover", wrap: !0, touch: !0 }, V = { interval: "(number|boolean)", keyboard: "boolean", slide: "(boolean|string)", pause: "(string|boolean)", wrap: "boolean", touch: "boolean" }, K = "next", X = "prev", Y = "left", Q = "right", G = { ArrowLeft: Q, ArrowRight: Y }; class Z extends H { constructor(t, e) { super(t), this._items = null, this._interval = null, this._activeElement = null, this._isPaused = !1, this._isSliding = !1, this.touchTimeout = null, this.touchStartX = 0, this.touchDeltaX = 0, this._config = this._getConfig(e), this._indicatorsElement = U.findOne(".carousel-indicators", this._element), this._touchSupported = "ontouchstart" in document.documentElement || navigator.maxTouchPoints > 0, this._pointerEvent = Boolean(window.PointerEvent), this._addEventListeners() } static get Default() { return $ } static get NAME() { return "carousel" } next() { this._slide(K) } nextWhenVisible() { !document.hidden && a(this._element) && this.next() } prev() { this._slide(X) } pause(t) { t || (this._isPaused = !0), U.findOne(".carousel-item-next, .carousel-item-prev", this._element) && (n(this._element), this.cycle(!0)), clearInterval(this._interval), this._interval = null } cycle(t) { t || (this._isPaused = !1), this._interval && (clearInterval(this._interval), this._interval = null), this._config && this._config.interval && !this._isPaused && (this._updateInterval(), this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval)) } to(t) { this._activeElement = U.findOne(".active.carousel-item", this._element); const e = this._getItemIndex(this._activeElement); if (t > this._items.length - 1 || t < 0) return; if (this._isSliding) return void P.one(this._element, "slid.bs.carousel", () => this.to(t)); if (e === t) return this.pause(), void this.cycle(); const i = t > e ? K : X; this._slide(i, this._items[t]) } _getConfig(t) { return t = { ...$, ...F.getDataAttributes(this._element), ..."object" == typeof t ? t : {} }, r("carousel", t, V), t } _handleSwipe() { const t = Math.abs(this.touchDeltaX); if (t <= 40) return; const e = t / this.touchDeltaX; this.touchDeltaX = 0, e && this._slide(e > 0 ? Q : Y) } _addEventListeners() { this._config.keyboard && P.on(this._element, "keydown.bs.carousel", t => this._keydown(t)), "hover" === this._config.pause && (P.on(this._element, "mouseenter.bs.carousel", t => this.pause(t)), P.on(this._element, "mouseleave.bs.carousel", t => this.cycle(t))), this._config.touch && this._touchSupported && this._addTouchEventListeners() } _addTouchEventListeners() { const t = t => this._pointerEvent && ("pen" === t.pointerType || "touch" === t.pointerType), e = e => { t(e) ? this.touchStartX = e.clientX : this._pointerEvent || (this.touchStartX = e.touches[0].clientX) }, i = t => { this.touchDeltaX = t.touches && t.touches.length > 1 ? 0 : t.touches[0].clientX - this.touchStartX }, n = e => { t(e) && (this.touchDeltaX = e.clientX - this.touchStartX), this._handleSwipe(), "hover" === this._config.pause && (this.pause(), this.touchTimeout && clearTimeout(this.touchTimeout), this.touchTimeout = setTimeout(t => this.cycle(t), 500 + this._config.interval)) }; U.find(".carousel-item img", this._element).forEach(t => { P.on(t, "dragstart.bs.carousel", t => t.preventDefault()) }), this._pointerEvent ? (P.on(this._element, "pointerdown.bs.carousel", t => e(t)), P.on(this._element, "pointerup.bs.carousel", t => n(t)), this._element.classList.add("pointer-event")) : (P.on(this._element, "touchstart.bs.carousel", t => e(t)), P.on(this._element, "touchmove.bs.carousel", t => i(t)), P.on(this._element, "touchend.bs.carousel", t => n(t))) } _keydown(t) { if (/input|textarea/i.test(t.target.tagName)) return; const e = G[t.key]; e && (t.preventDefault(), this._slide(e)) } _getItemIndex(t) { return this._items = t && t.parentNode ? U.find(".carousel-item", t.parentNode) : [], this._items.indexOf(t) } _getItemByOrder(t, e) { const i = t === K; return b(this._items, e, i, this._config.wrap) } _triggerSlideEvent(t, e) { const i = this._getItemIndex(t), n = this._getItemIndex(U.findOne(".active.carousel-item", this._element)); return P.trigger(this._element, "slide.bs.carousel", { relatedTarget: t, direction: e, from: n, to: i }) } _setActiveIndicatorElement(t) { if (this._indicatorsElement) { const e = U.findOne(".active", this._indicatorsElement); e.classList.remove("active"), e.removeAttribute("aria-current"); const i = U.find("[data-bs-target]", this._indicatorsElement); for (let e = 0; e < i.length; e++)if (Number.parseInt(i[e].getAttribute("data-bs-slide-to"), 10) === this._getItemIndex(t)) { i[e].classList.add("active"), i[e].setAttribute("aria-current", "true"); break } } } _updateInterval() { const t = this._activeElement || U.findOne(".active.carousel-item", this._element); if (!t) return; const e = Number.parseInt(t.getAttribute("data-bs-interval"), 10); e ? (this._config.defaultInterval = this._config.defaultInterval || this._config.interval, this._config.interval = e) : this._config.interval = this._config.defaultInterval || this._config.interval } _slide(t, e) { const i = this._directionToOrder(t), n = U.findOne(".active.carousel-item", this._element), s = this._getItemIndex(n), o = e || this._getItemByOrder(i, n), r = this._getItemIndex(o), a = Boolean(this._interval), l = i === K, c = l ? "carousel-item-start" : "carousel-item-end", h = l ? "carousel-item-next" : "carousel-item-prev", u = this._orderToDirection(i); if (o && o.classList.contains("active")) return void (this._isSliding = !1); if (this._isSliding) return; if (this._triggerSlideEvent(o, u).defaultPrevented) return; if (!n || !o) return; this._isSliding = !0, a && this.pause(), this._setActiveIndicatorElement(o), this._activeElement = o; const f = () => { P.trigger(this._element, "slid.bs.carousel", { relatedTarget: o, direction: u, from: s, to: r }) }; if (this._element.classList.contains("slide")) { o.classList.add(h), d(o), n.classList.add(c), o.classList.add(c); const t = () => { o.classList.remove(c, h), o.classList.add("active"), n.classList.remove("active", h, c), this._isSliding = !1, setTimeout(f, 0) }; this._queueCallback(t, n, !0) } else n.classList.remove("active"), o.classList.add("active"), this._isSliding = !1, f(); a && this.cycle() } _directionToOrder(t) { return [Q, Y].includes(t) ? p() ? t === Y ? X : K : t === Y ? K : X : t } _orderToDirection(t) { return [K, X].includes(t) ? p() ? t === X ? Y : Q : t === X ? Q : Y : t } static carouselInterface(t, e) { const i = Z.getOrCreateInstance(t, e); let { _config: n } = i; "object" == typeof e && (n = { ...n, ...e }); const s = "string" == typeof e ? e : n.slide; if ("number" == typeof e) i.to(e); else if ("string" == typeof s) { if (void 0 === i[s]) throw new TypeError(`No method named "${s}"`); i[s]() } else n.interval && n.ride && (i.pause(), i.cycle()) } static jQueryInterface(t) { return this.each((function () { Z.carouselInterface(this, t) })) } static dataApiClickHandler(t) { const e = i(this); if (!e || !e.classList.contains("carousel")) return; const n = { ...F.getDataAttributes(e), ...F.getDataAttributes(this) }, s = this.getAttribute("data-bs-slide-to"); s && (n.interval = !1), Z.carouselInterface(e, n), s && Z.getInstance(e).to(s), t.preventDefault() } } P.on(document, "click.bs.carousel.data-api", "[data-bs-slide], [data-bs-slide-to]", Z.dataApiClickHandler), P.on(window, "load.bs.carousel.data-api", () => { const t = U.find('[data-bs-ride="carousel"]'); for (let e = 0, i = t.length; e < i; e++)Z.carouselInterface(t[e], Z.getInstance(t[e])) }), m(Z); const J = { toggle: !0, parent: null }, tt = { toggle: "boolean", parent: "(null|element)" }; class et extends H { constructor(t, i) { super(t), this._isTransitioning = !1, this._config = this._getConfig(i), this._triggerArray = []; const n = U.find('[data-bs-toggle="collapse"]'); for (let t = 0, i = n.length; t < i; t++) { const i = n[t], s = e(i), o = U.find(s).filter(t => t === this._element); null !== s && o.length && (this._selector = s, this._triggerArray.push(i)) } this._initializeChildren(), this._config.parent || this._addAriaAndCollapsedClass(this._triggerArray, this._isShown()), this._config.toggle && this.toggle() } static get Default() { return J } static get NAME() { return "collapse" } toggle() { this._isShown() ? this.hide() : this.show() } show() { if (this._isTransitioning || this._isShown()) return; let t, e = []; if (this._config.parent) { const t = U.find(".collapse .collapse", this._config.parent); e = U.find(".collapse.show, .collapse.collapsing", this._config.parent).filter(e => !t.includes(e)) } const i = U.findOne(this._selector); if (e.length) { const n = e.find(t => i !== t); if (t = n ? et.getInstance(n) : null, t && t._isTransitioning) return } if (P.trigger(this._element, "show.bs.collapse").defaultPrevented) return; e.forEach(e => { i !== e && et.getOrCreateInstance(e, { toggle: !1 }).hide(), t || M.set(e, "bs.collapse", null) }); const n = this._getDimension(); this._element.classList.remove("collapse"), this._element.classList.add("collapsing"), this._element.style[n] = 0, this._addAriaAndCollapsedClass(this._triggerArray, !0), this._isTransitioning = !0; const s = "scroll" + (n[0].toUpperCase() + n.slice(1)); this._queueCallback(() => { this._isTransitioning = !1, this._element.classList.remove("collapsing"), this._element.classList.add("collapse", "show"), this._element.style[n] = "", P.trigger(this._element, "shown.bs.collapse") }, this._element, !0), this._element.style[n] = this._element[s] + "px" } hide() { if (this._isTransitioning || !this._isShown()) return; if (P.trigger(this._element, "hide.bs.collapse").defaultPrevented) return; const t = this._getDimension(); this._element.style[t] = this._element.getBoundingClientRect()[t] + "px", d(this._element), this._element.classList.add("collapsing"), this._element.classList.remove("collapse", "show"); const e = this._triggerArray.length; for (let t = 0; t < e; t++) { const e = this._triggerArray[t], n = i(e); n && !this._isShown(n) && this._addAriaAndCollapsedClass([e], !1) } this._isTransitioning = !0, this._element.style[t] = "", this._queueCallback(() => { this._isTransitioning = !1, this._element.classList.remove("collapsing"), this._element.classList.add("collapse"), P.trigger(this._element, "hidden.bs.collapse") }, this._element, !0) } _isShown(t = this._element) { return t.classList.contains("show") } _getConfig(t) { return (t = { ...J, ...F.getDataAttributes(this._element), ...t }).toggle = Boolean(t.toggle), t.parent = o(t.parent), r("collapse", t, tt), t } _getDimension() { return this._element.classList.contains("collapse-horizontal") ? "width" : "height" } _initializeChildren() { if (!this._config.parent) return; const t = U.find(".collapse .collapse", this._config.parent); U.find('[data-bs-toggle="collapse"]', this._config.parent).filter(e => !t.includes(e)).forEach(t => { const e = i(t); e && this._addAriaAndCollapsedClass([t], this._isShown(e)) }) } _addAriaAndCollapsedClass(t, e) { t.length && t.forEach(t => { e ? t.classList.remove("collapsed") : t.classList.add("collapsed"), t.setAttribute("aria-expanded", e) }) } static jQueryInterface(t) { return this.each((function () { const e = {}; "string" == typeof t && /show|hide/.test(t) && (e.toggle = !1); const i = et.getOrCreateInstance(this, e); if ("string" == typeof t) { if (void 0 === i[t]) throw new TypeError(`No method named "${t}"`); i[t]() } })) } } P.on(document, "click.bs.collapse.data-api", '[data-bs-toggle="collapse"]', (function (t) { ("A" === t.target.tagName || t.delegateTarget && "A" === t.delegateTarget.tagName) && t.preventDefault(); const i = e(this); U.find(i).forEach(t => { et.getOrCreateInstance(t, { toggle: !1 }).toggle() }) })), m(et); var it = "top", nt = "bottom", st = "right", ot = "left", rt = [it, nt, st, ot], at = "end", lt = rt.reduce((function (t, e) { return t.concat([e + "-start", e + "-" + at]) }), []), ct = [].concat(rt, ["auto"]).reduce((function (t, e) { return t.concat([e, e + "-start", e + "-" + at]) }), []), ht = ["beforeRead", "read", "afterRead", "beforeMain", "main", "afterMain", "beforeWrite", "write", "afterWrite"]; function dt(t) { return t ? (t.nodeName || "").toLowerCase() : null } function ut(t) { if (null == t) return window; if ("[object Window]" !== t.toString()) { var e = t.ownerDocument; return e && e.defaultView || window } return t } function ft(t) { return t instanceof ut(t).Element || t instanceof Element } function pt(t) { return t instanceof ut(t).HTMLElement || t instanceof HTMLElement } function mt(t) { return "undefined" != typeof ShadowRoot && (t instanceof ut(t).ShadowRoot || t instanceof ShadowRoot) } var gt = { name: "applyStyles", enabled: !0, phase: "write", fn: function (t) { var e = t.state; Object.keys(e.elements).forEach((function (t) { var i = e.styles[t] || {}, n = e.attributes[t] || {}, s = e.elements[t]; pt(s) && dt(s) && (Object.assign(s.style, i), Object.keys(n).forEach((function (t) { var e = n[t]; !1 === e ? s.removeAttribute(t) : s.setAttribute(t, !0 === e ? "" : e) }))) })) }, effect: function (t) { var e = t.state, i = { popper: { position: e.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} }; return Object.assign(e.elements.popper.style, i.popper), e.styles = i, e.elements.arrow && Object.assign(e.elements.arrow.style, i.arrow), function () { Object.keys(e.elements).forEach((function (t) { var n = e.elements[t], s = e.attributes[t] || {}, o = Object.keys(e.styles.hasOwnProperty(t) ? e.styles[t] : i[t]).reduce((function (t, e) { return t[e] = "", t }), {}); pt(n) && dt(n) && (Object.assign(n.style, o), Object.keys(s).forEach((function (t) { n.removeAttribute(t) }))) })) } }, requires: ["computeStyles"] }; function _t(t) { return t.split("-")[0] } var bt = Math.round; function vt(t, e) { void 0 === e && (e = !1); var i = t.getBoundingClientRect(), n = 1, s = 1; if (pt(t) && e) { var o = t.offsetHeight, r = t.offsetWidth; r > 0 && (n = i.width / r || 1), o > 0 && (s = i.height / o || 1) } return { width: bt(i.width / n), height: bt(i.height / s), top: bt(i.top / s), right: bt(i.right / n), bottom: bt(i.bottom / s), left: bt(i.left / n), x: bt(i.left / n), y: bt(i.top / s) } } function yt(t) { var e = vt(t), i = t.offsetWidth, n = t.offsetHeight; return Math.abs(e.width - i) <= 1 && (i = e.width), Math.abs(e.height - n) <= 1 && (n = e.height), { x: t.offsetLeft, y: t.offsetTop, width: i, height: n } } function wt(t, e) { var i = e.getRootNode && e.getRootNode(); if (t.contains(e)) return !0; if (i && mt(i)) { var n = e; do { if (n && t.isSameNode(n)) return !0; n = n.parentNode || n.host } while (n) } return !1 } function Et(t) { return ut(t).getComputedStyle(t) } function At(t) { return ["table", "td", "th"].indexOf(dt(t)) >= 0 } function Tt(t) { return ((ft(t) ? t.ownerDocument : t.document) || window.document).documentElement } function Ot(t) { return "html" === dt(t) ? t : t.assignedSlot || t.parentNode || (mt(t) ? t.host : null) || Tt(t) } function Ct(t) { return pt(t) && "fixed" !== Et(t).position ? t.offsetParent : null } function kt(t) { for (var e = ut(t), i = Ct(t); i && At(i) && "static" === Et(i).position;)i = Ct(i); return i && ("html" === dt(i) || "body" === dt(i) && "static" === Et(i).position) ? e : i || function (t) { var e = -1 !== navigator.userAgent.toLowerCase().indexOf("firefox"); if (-1 !== navigator.userAgent.indexOf("Trident") && pt(t) && "fixed" === Et(t).position) return null; for (var i = Ot(t); pt(i) && ["html", "body"].indexOf(dt(i)) < 0;) { var n = Et(i); if ("none" !== n.transform || "none" !== n.perspective || "paint" === n.contain || -1 !== ["transform", "perspective"].indexOf(n.willChange) || e && "filter" === n.willChange || e && n.filter && "none" !== n.filter) return i; i = i.parentNode } return null }(t) || e } function Lt(t) { return ["top", "bottom"].indexOf(t) >= 0 ? "x" : "y" } var xt = Math.max, Dt = Math.min, St = Math.round; function Nt(t, e, i) { return xt(t, Dt(e, i)) } function It(t) { return Object.assign({}, { top: 0, right: 0, bottom: 0, left: 0 }, t) } function Pt(t, e) { return e.reduce((function (e, i) { return e[i] = t, e }), {}) } var jt = { name: "arrow", enabled: !0, phase: "main", fn: function (t) { var e, i = t.state, n = t.name, s = t.options, o = i.elements.arrow, r = i.modifiersData.popperOffsets, a = _t(i.placement), l = Lt(a), c = [ot, st].indexOf(a) >= 0 ? "height" : "width"; if (o && r) { var h = function (t, e) { return It("number" != typeof (t = "function" == typeof t ? t(Object.assign({}, e.rects, { placement: e.placement })) : t) ? t : Pt(t, rt)) }(s.padding, i), d = yt(o), u = "y" === l ? it : ot, f = "y" === l ? nt : st, p = i.rects.reference[c] + i.rects.reference[l] - r[l] - i.rects.popper[c], m = r[l] - i.rects.reference[l], g = kt(o), _ = g ? "y" === l ? g.clientHeight || 0 : g.clientWidth || 0 : 0, b = p / 2 - m / 2, v = h[u], y = _ - d[c] - h[f], w = _ / 2 - d[c] / 2 + b, E = Nt(v, w, y), A = l; i.modifiersData[n] = ((e = {})[A] = E, e.centerOffset = E - w, e) } }, effect: function (t) { var e = t.state, i = t.options.element, n = void 0 === i ? "[data-popper-arrow]" : i; null != n && ("string" != typeof n || (n = e.elements.popper.querySelector(n))) && wt(e.elements.popper, n) && (e.elements.arrow = n) }, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] }; function Mt(t) { return t.split("-")[1] } var Ht = { top: "auto", right: "auto", bottom: "auto", left: "auto" }; function Bt(t) { var e, i = t.popper, n = t.popperRect, s = t.placement, o = t.variation, r = t.offsets, a = t.position, l = t.gpuAcceleration, c = t.adaptive, h = t.roundOffsets, d = !0 === h ? function (t) { var e = t.x, i = t.y, n = window.devicePixelRatio || 1; return { x: St(St(e * n) / n) || 0, y: St(St(i * n) / n) || 0 } }(r) : "function" == typeof h ? h(r) : r, u = d.x, f = void 0 === u ? 0 : u, p = d.y, m = void 0 === p ? 0 : p, g = r.hasOwnProperty("x"), _ = r.hasOwnProperty("y"), b = ot, v = it, y = window; if (c) { var w = kt(i), E = "clientHeight", A = "clientWidth"; w === ut(i) && "static" !== Et(w = Tt(i)).position && "absolute" === a && (E = "scrollHeight", A = "scrollWidth"), w = w, s !== it && (s !== ot && s !== st || o !== at) || (v = nt, m -= w[E] - n.height, m *= l ? 1 : -1), s !== ot && (s !== it && s !== nt || o !== at) || (b = st, f -= w[A] - n.width, f *= l ? 1 : -1) } var T, O = Object.assign({ position: a }, c && Ht); return l ? Object.assign({}, O, ((T = {})[v] = _ ? "0" : "", T[b] = g ? "0" : "", T.transform = (y.devicePixelRatio || 1) <= 1 ? "translate(" + f + "px, " + m + "px)" : "translate3d(" + f + "px, " + m + "px, 0)", T)) : Object.assign({}, O, ((e = {})[v] = _ ? m + "px" : "", e[b] = g ? f + "px" : "", e.transform = "", e)) } var Rt = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: function (t) { var e = t.state, i = t.options, n = i.gpuAcceleration, s = void 0 === n || n, o = i.adaptive, r = void 0 === o || o, a = i.roundOffsets, l = void 0 === a || a, c = { placement: _t(e.placement), variation: Mt(e.placement), popper: e.elements.popper, popperRect: e.rects.popper, gpuAcceleration: s }; null != e.modifiersData.popperOffsets && (e.styles.popper = Object.assign({}, e.styles.popper, Bt(Object.assign({}, c, { offsets: e.modifiersData.popperOffsets, position: e.options.strategy, adaptive: r, roundOffsets: l })))), null != e.modifiersData.arrow && (e.styles.arrow = Object.assign({}, e.styles.arrow, Bt(Object.assign({}, c, { offsets: e.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: l })))), e.attributes.popper = Object.assign({}, e.attributes.popper, { "data-popper-placement": e.placement }) }, data: {} }, Wt = { passive: !0 }, zt = { name: "eventListeners", enabled: !0, phase: "write", fn: function () { }, effect: function (t) { var e = t.state, i = t.instance, n = t.options, s = n.scroll, o = void 0 === s || s, r = n.resize, a = void 0 === r || r, l = ut(e.elements.popper), c = [].concat(e.scrollParents.reference, e.scrollParents.popper); return o && c.forEach((function (t) { t.addEventListener("scroll", i.update, Wt) })), a && l.addEventListener("resize", i.update, Wt), function () { o && c.forEach((function (t) { t.removeEventListener("scroll", i.update, Wt) })), a && l.removeEventListener("resize", i.update, Wt) } }, data: {} }, qt = { left: "right", right: "left", bottom: "top", top: "bottom" }; function Ft(t) { return t.replace(/left|right|bottom|top/g, (function (t) { return qt[t] })) } var Ut = { start: "end", end: "start" }; function $t(t) { return t.replace(/start|end/g, (function (t) { return Ut[t] })) } function Vt(t) { var e = ut(t); return { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset } } function Kt(t) { return vt(Tt(t)).left + Vt(t).scrollLeft } function Xt(t) { var e = Et(t), i = e.overflow, n = e.overflowX, s = e.overflowY; return /auto|scroll|overlay|hidden/.test(i + s + n) } function Yt(t, e) { var i; void 0 === e && (e = []); var n = function t(e) { return ["html", "body", "#document"].indexOf(dt(e)) >= 0 ? e.ownerDocument.body : pt(e) && Xt(e) ? e : t(Ot(e)) }(t), s = n === (null == (i = t.ownerDocument) ? void 0 : i.body), o = ut(n), r = s ? [o].concat(o.visualViewport || [], Xt(n) ? n : []) : n, a = e.concat(r); return s ? a : a.concat(Yt(Ot(r))) } function Qt(t) { return Object.assign({}, t, { left: t.x, top: t.y, right: t.x + t.width, bottom: t.y + t.height }) } function Gt(t, e) { return "viewport" === e ? Qt(function (t) { var e = ut(t), i = Tt(t), n = e.visualViewport, s = i.clientWidth, o = i.clientHeight, r = 0, a = 0; return n && (s = n.width, o = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (r = n.offsetLeft, a = n.offsetTop)), { width: s, height: o, x: r + Kt(t), y: a } }(t)) : pt(e) ? function (t) { var e = vt(t); return e.top = e.top + t.clientTop, e.left = e.left + t.clientLeft, e.bottom = e.top + t.clientHeight, e.right = e.left + t.clientWidth, e.width = t.clientWidth, e.height = t.clientHeight, e.x = e.left, e.y = e.top, e }(e) : Qt(function (t) { var e, i = Tt(t), n = Vt(t), s = null == (e = t.ownerDocument) ? void 0 : e.body, o = xt(i.scrollWidth, i.clientWidth, s ? s.scrollWidth : 0, s ? s.clientWidth : 0), r = xt(i.scrollHeight, i.clientHeight, s ? s.scrollHeight : 0, s ? s.clientHeight : 0), a = -n.scrollLeft + Kt(t), l = -n.scrollTop; return "rtl" === Et(s || i).direction && (a += xt(i.clientWidth, s ? s.clientWidth : 0) - o), { width: o, height: r, x: a, y: l } }(Tt(t))) } function Zt(t) { var e, i = t.reference, n = t.element, s = t.placement, o = s ? _t(s) : null, r = s ? Mt(s) : null, a = i.x + i.width / 2 - n.width / 2, l = i.y + i.height / 2 - n.height / 2; switch (o) { case it: e = { x: a, y: i.y - n.height }; break; case nt: e = { x: a, y: i.y + i.height }; break; case st: e = { x: i.x + i.width, y: l }; break; case ot: e = { x: i.x - n.width, y: l }; break; default: e = { x: i.x, y: i.y } }var c = o ? Lt(o) : null; if (null != c) { var h = "y" === c ? "height" : "width"; switch (r) { case "start": e[c] = e[c] - (i[h] / 2 - n[h] / 2); break; case at: e[c] = e[c] + (i[h] / 2 - n[h] / 2) } } return e } function Jt(t, e) { void 0 === e && (e = {}); var i = e, n = i.placement, s = void 0 === n ? t.placement : n, o = i.boundary, r = void 0 === o ? "clippingParents" : o, a = i.rootBoundary, l = void 0 === a ? "viewport" : a, c = i.elementContext, h = void 0 === c ? "popper" : c, d = i.altBoundary, u = void 0 !== d && d, f = i.padding, p = void 0 === f ? 0 : f, m = It("number" != typeof p ? p : Pt(p, rt)), g = "popper" === h ? "reference" : "popper", _ = t.rects.popper, b = t.elements[u ? g : h], v = function (t, e, i) { var n = "clippingParents" === e ? function (t) { var e = Yt(Ot(t)), i = ["absolute", "fixed"].indexOf(Et(t).position) >= 0 && pt(t) ? kt(t) : t; return ft(i) ? e.filter((function (t) { return ft(t) && wt(t, i) && "body" !== dt(t) })) : [] }(t) : [].concat(e), s = [].concat(n, [i]), o = s[0], r = s.reduce((function (e, i) { var n = Gt(t, i); return e.top = xt(n.top, e.top), e.right = Dt(n.right, e.right), e.bottom = Dt(n.bottom, e.bottom), e.left = xt(n.left, e.left), e }), Gt(t, o)); return r.width = r.right - r.left, r.height = r.bottom - r.top, r.x = r.left, r.y = r.top, r }(ft(b) ? b : b.contextElement || Tt(t.elements.popper), r, l), y = vt(t.elements.reference), w = Zt({ reference: y, element: _, strategy: "absolute", placement: s }), E = Qt(Object.assign({}, _, w)), A = "popper" === h ? E : y, T = { top: v.top - A.top + m.top, bottom: A.bottom - v.bottom + m.bottom, left: v.left - A.left + m.left, right: A.right - v.right + m.right }, O = t.modifiersData.offset; if ("popper" === h && O) { var C = O[s]; Object.keys(T).forEach((function (t) { var e = [st, nt].indexOf(t) >= 0 ? 1 : -1, i = [it, nt].indexOf(t) >= 0 ? "y" : "x"; T[t] += C[i] * e })) } return T } function te(t, e) { void 0 === e && (e = {}); var i = e, n = i.placement, s = i.boundary, o = i.rootBoundary, r = i.padding, a = i.flipVariations, l = i.allowedAutoPlacements, c = void 0 === l ? ct : l, h = Mt(n), d = h ? a ? lt : lt.filter((function (t) { return Mt(t) === h })) : rt, u = d.filter((function (t) { return c.indexOf(t) >= 0 })); 0 === u.length && (u = d); var f = u.reduce((function (e, i) { return e[i] = Jt(t, { placement: i, boundary: s, rootBoundary: o, padding: r })[_t(i)], e }), {}); return Object.keys(f).sort((function (t, e) { return f[t] - f[e] })) } var ee = { name: "flip", enabled: !0, phase: "main", fn: function (t) { var e = t.state, i = t.options, n = t.name; if (!e.modifiersData[n]._skip) { for (var s = i.mainAxis, o = void 0 === s || s, r = i.altAxis, a = void 0 === r || r, l = i.fallbackPlacements, c = i.padding, h = i.boundary, d = i.rootBoundary, u = i.altBoundary, f = i.flipVariations, p = void 0 === f || f, m = i.allowedAutoPlacements, g = e.options.placement, _ = _t(g), b = l || (_ !== g && p ? function (t) { if ("auto" === _t(t)) return []; var e = Ft(t); return [$t(t), e, $t(e)] }(g) : [Ft(g)]), v = [g].concat(b).reduce((function (t, i) { return t.concat("auto" === _t(i) ? te(e, { placement: i, boundary: h, rootBoundary: d, padding: c, flipVariations: p, allowedAutoPlacements: m }) : i) }), []), y = e.rects.reference, w = e.rects.popper, E = new Map, A = !0, T = v[0], O = 0; O < v.length; O++) { var C = v[O], k = _t(C), L = "start" === Mt(C), x = [it, nt].indexOf(k) >= 0, D = x ? "width" : "height", S = Jt(e, { placement: C, boundary: h, rootBoundary: d, altBoundary: u, padding: c }), N = x ? L ? st : ot : L ? nt : it; y[D] > w[D] && (N = Ft(N)); var I = Ft(N), P = []; if (o && P.push(S[k] <= 0), a && P.push(S[N] <= 0, S[I] <= 0), P.every((function (t) { return t }))) { T = C, A = !1; break } E.set(C, P) } if (A) for (var j = function (t) { var e = v.find((function (e) { var i = E.get(e); if (i) return i.slice(0, t).every((function (t) { return t })) })); if (e) return T = e, "break" }, M = p ? 3 : 1; M > 0 && "break" !== j(M); M--); e.placement !== T && (e.modifiersData[n]._skip = !0, e.placement = T, e.reset = !0) } }, requiresIfExists: ["offset"], data: { _skip: !1 } }; function ie(t, e, i) { return void 0 === i && (i = { x: 0, y: 0 }), { top: t.top - e.height - i.y, right: t.right - e.width + i.x, bottom: t.bottom - e.height + i.y, left: t.left - e.width - i.x } } function ne(t) { return [it, st, nt, ot].some((function (e) { return t[e] >= 0 })) } var se = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: function (t) { var e = t.state, i = t.name, n = e.rects.reference, s = e.rects.popper, o = e.modifiersData.preventOverflow, r = Jt(e, { elementContext: "reference" }), a = Jt(e, { altBoundary: !0 }), l = ie(r, n), c = ie(a, s, o), h = ne(l), d = ne(c); e.modifiersData[i] = { referenceClippingOffsets: l, popperEscapeOffsets: c, isReferenceHidden: h, hasPopperEscaped: d }, e.attributes.popper = Object.assign({}, e.attributes.popper, { "data-popper-reference-hidden": h, "data-popper-escaped": d }) } }, oe = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], fn: function (t) { var e = t.state, i = t.options, n = t.name, s = i.offset, o = void 0 === s ? [0, 0] : s, r = ct.reduce((function (t, i) { return t[i] = function (t, e, i) { var n = _t(t), s = [ot, it].indexOf(n) >= 0 ? -1 : 1, o = "function" == typeof i ? i(Object.assign({}, e, { placement: t })) : i, r = o[0], a = o[1]; return r = r || 0, a = (a || 0) * s, [ot, st].indexOf(n) >= 0 ? { x: a, y: r } : { x: r, y: a } }(i, e.rects, o), t }), {}), a = r[e.placement], l = a.x, c = a.y; null != e.modifiersData.popperOffsets && (e.modifiersData.popperOffsets.x += l, e.modifiersData.popperOffsets.y += c), e.modifiersData[n] = r } }, re = { name: "popperOffsets", enabled: !0, phase: "read", fn: function (t) { var e = t.state, i = t.name; e.modifiersData[i] = Zt({ reference: e.rects.reference, element: e.rects.popper, strategy: "absolute", placement: e.placement }) }, data: {} }, ae = { name: "preventOverflow", enabled: !0, phase: "main", fn: function (t) { var e = t.state, i = t.options, n = t.name, s = i.mainAxis, o = void 0 === s || s, r = i.altAxis, a = void 0 !== r && r, l = i.boundary, c = i.rootBoundary, h = i.altBoundary, d = i.padding, u = i.tether, f = void 0 === u || u, p = i.tetherOffset, m = void 0 === p ? 0 : p, g = Jt(e, { boundary: l, rootBoundary: c, padding: d, altBoundary: h }), _ = _t(e.placement), b = Mt(e.placement), v = !b, y = Lt(_), w = "x" === y ? "y" : "x", E = e.modifiersData.popperOffsets, A = e.rects.reference, T = e.rects.popper, O = "function" == typeof m ? m(Object.assign({}, e.rects, { placement: e.placement })) : m, C = { x: 0, y: 0 }; if (E) { if (o || a) { var k = "y" === y ? it : ot, L = "y" === y ? nt : st, x = "y" === y ? "height" : "width", D = E[y], S = E[y] + g[k], N = E[y] - g[L], I = f ? -T[x] / 2 : 0, P = "start" === b ? A[x] : T[x], j = "start" === b ? -T[x] : -A[x], M = e.elements.arrow, H = f && M ? yt(M) : { width: 0, height: 0 }, B = e.modifiersData["arrow#persistent"] ? e.modifiersData["arrow#persistent"].padding : { top: 0, right: 0, bottom: 0, left: 0 }, R = B[k], W = B[L], z = Nt(0, A[x], H[x]), q = v ? A[x] / 2 - I - z - R - O : P - z - R - O, F = v ? -A[x] / 2 + I + z + W + O : j + z + W + O, U = e.elements.arrow && kt(e.elements.arrow), $ = U ? "y" === y ? U.clientTop || 0 : U.clientLeft || 0 : 0, V = e.modifiersData.offset ? e.modifiersData.offset[e.placement][y] : 0, K = E[y] + q - V - $, X = E[y] + F - V; if (o) { var Y = Nt(f ? Dt(S, K) : S, D, f ? xt(N, X) : N); E[y] = Y, C[y] = Y - D } if (a) { var Q = "x" === y ? it : ot, G = "x" === y ? nt : st, Z = E[w], J = Z + g[Q], tt = Z - g[G], et = Nt(f ? Dt(J, K) : J, Z, f ? xt(tt, X) : tt); E[w] = et, C[w] = et - Z } } e.modifiersData[n] = C } }, requiresIfExists: ["offset"] }; function le(t, e, i) { void 0 === i && (i = !1); var n, s, o = pt(e), r = pt(e) && function (t) { var e = t.getBoundingClientRect(), i = e.width / t.offsetWidth || 1, n = e.height / t.offsetHeight || 1; return 1 !== i || 1 !== n }(e), a = Tt(e), l = vt(t, r), c = { scrollLeft: 0, scrollTop: 0 }, h = { x: 0, y: 0 }; return (o || !o && !i) && (("body" !== dt(e) || Xt(a)) && (c = (n = e) !== ut(n) && pt(n) ? { scrollLeft: (s = n).scrollLeft, scrollTop: s.scrollTop } : Vt(n)), pt(e) ? ((h = vt(e, !0)).x += e.clientLeft, h.y += e.clientTop) : a && (h.x = Kt(a))), { x: l.left + c.scrollLeft - h.x, y: l.top + c.scrollTop - h.y, width: l.width, height: l.height } } var ce = { placement: "bottom", modifiers: [], strategy: "absolute" }; function he() { for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++)e[i] = arguments[i]; return !e.some((function (t) { return !(t && "function" == typeof t.getBoundingClientRect) })) } function de(t) { void 0 === t && (t = {}); var e = t, i = e.defaultModifiers, n = void 0 === i ? [] : i, s = e.defaultOptions, o = void 0 === s ? ce : s; return function (t, e, i) { void 0 === i && (i = o); var s, r, a = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, ce, o), modifiersData: {}, elements: { reference: t, popper: e }, attributes: {}, styles: {} }, l = [], c = !1, h = { state: a, setOptions: function (i) { var s = "function" == typeof i ? i(a.options) : i; d(), a.options = Object.assign({}, o, a.options, s), a.scrollParents = { reference: ft(t) ? Yt(t) : t.contextElement ? Yt(t.contextElement) : [], popper: Yt(e) }; var r, c, u = function (t) { var e = function (t) { var e = new Map, i = new Set, n = []; return t.forEach((function (t) { e.set(t.name, t) })), t.forEach((function (t) { i.has(t.name) || function t(s) { i.add(s.name), [].concat(s.requires || [], s.requiresIfExists || []).forEach((function (n) { if (!i.has(n)) { var s = e.get(n); s && t(s) } })), n.push(s) }(t) })), n }(t); return ht.reduce((function (t, i) { return t.concat(e.filter((function (t) { return t.phase === i }))) }), []) }((r = [].concat(n, a.options.modifiers), c = r.reduce((function (t, e) { var i = t[e.name]; return t[e.name] = i ? Object.assign({}, i, e, { options: Object.assign({}, i.options, e.options), data: Object.assign({}, i.data, e.data) }) : e, t }), {}), Object.keys(c).map((function (t) { return c[t] })))); return a.orderedModifiers = u.filter((function (t) { return t.enabled })), a.orderedModifiers.forEach((function (t) { var e = t.name, i = t.options, n = void 0 === i ? {} : i, s = t.effect; if ("function" == typeof s) { var o = s({ state: a, name: e, instance: h, options: n }); l.push(o || function () { }) } })), h.update() }, forceUpdate: function () { if (!c) { var t = a.elements, e = t.reference, i = t.popper; if (he(e, i)) { a.rects = { reference: le(e, kt(i), "fixed" === a.options.strategy), popper: yt(i) }, a.reset = !1, a.placement = a.options.placement, a.orderedModifiers.forEach((function (t) { return a.modifiersData[t.name] = Object.assign({}, t.data) })); for (var n = 0; n < a.orderedModifiers.length; n++)if (!0 !== a.reset) { var s = a.orderedModifiers[n], o = s.fn, r = s.options, l = void 0 === r ? {} : r, d = s.name; "function" == typeof o && (a = o({ state: a, options: l, name: d, instance: h }) || a) } else a.reset = !1, n = -1 } } }, update: (s = function () { return new Promise((function (t) { h.forceUpdate(), t(a) })) }, function () { return r || (r = new Promise((function (t) { Promise.resolve().then((function () { r = void 0, t(s()) })) }))), r }), destroy: function () { d(), c = !0 } }; if (!he(t, e)) return h; function d() { l.forEach((function (t) { return t() })), l = [] } return h.setOptions(i).then((function (t) { !c && i.onFirstUpdate && i.onFirstUpdate(t) })), h } } var ue = de(), fe = de({ defaultModifiers: [zt, re, Rt, gt] }), pe = de({ defaultModifiers: [zt, re, Rt, gt, oe, ee, ae, jt, se] }), me = Object.freeze({ __proto__: null, popperGenerator: de, detectOverflow: Jt, createPopperBase: ue, createPopper: pe, createPopperLite: fe, top: it, bottom: nt, right: st, left: ot, auto: "auto", basePlacements: rt, start: "start", end: at, clippingParents: "clippingParents", viewport: "viewport", popper: "popper", reference: "reference", variationPlacements: lt, placements: ct, beforeRead: "beforeRead", read: "read", afterRead: "afterRead", beforeMain: "beforeMain", main: "main", afterMain: "afterMain", beforeWrite: "beforeWrite", write: "write", afterWrite: "afterWrite", modifierPhases: ht, applyStyles: gt, arrow: jt, computeStyles: Rt, eventListeners: zt, flip: ee, hide: se, offset: oe, popperOffsets: re, preventOverflow: ae }); const ge = new RegExp("ArrowUp|ArrowDown|Escape"), _e = p() ? "top-end" : "top-start", be = p() ? "top-start" : "top-end", ve = p() ? "bottom-end" : "bottom-start", ye = p() ? "bottom-start" : "bottom-end", we = p() ? "left-start" : "right-start", Ee = p() ? "right-start" : "left-start", Ae = { offset: [0, 2], boundary: "clippingParents", reference: "toggle", display: "dynamic", popperConfig: null, autoClose: !0 }, Te = { offset: "(array|string|function)", boundary: "(string|element)", reference: "(string|element|object)", display: "string", popperConfig: "(null|object|function)", autoClose: "(boolean|string)" }; class Oe extends H { constructor(t, e) { super(t), this._popper = null, this._config = this._getConfig(e), this._menu = this._getMenuElement(), this._inNavbar = this._detectNavbar() } static get Default() { return Ae } static get DefaultType() { return Te } static get NAME() { return "dropdown" } toggle() { return this._isShown() ? this.hide() : this.show() } show() { if (l(this._element) || this._isShown(this._menu)) return; const t = { relatedTarget: this._element }; if (P.trigger(this._element, "show.bs.dropdown", t).defaultPrevented) return; const e = Oe.getParentFromElement(this._element); this._inNavbar ? F.setDataAttribute(this._menu, "popper", "none") : this._createPopper(e), "ontouchstart" in document.documentElement && !e.closest(".navbar-nav") && [].concat(...document.body.children).forEach(t => P.on(t, "mouseover", h)), this._element.focus(), this._element.setAttribute("aria-expanded", !0), this._menu.classList.add("show"), this._element.classList.add("show"), P.trigger(this._element, "shown.bs.dropdown", t) } hide() { if (l(this._element) || !this._isShown(this._menu)) return; const t = { relatedTarget: this._element }; this._completeHide(t) } dispose() { this._popper && this._popper.destroy(), super.dispose() } update() { this._inNavbar = this._detectNavbar(), this._popper && this._popper.update() } _completeHide(t) { P.trigger(this._element, "hide.bs.dropdown", t).defaultPrevented || ("ontouchstart" in document.documentElement && [].concat(...document.body.children).forEach(t => P.off(t, "mouseover", h)), this._popper && this._popper.destroy(), this._menu.classList.remove("show"), this._element.classList.remove("show"), this._element.setAttribute("aria-expanded", "false"), F.removeDataAttribute(this._menu, "popper"), P.trigger(this._element, "hidden.bs.dropdown", t)) } _getConfig(t) { if (t = { ...this.constructor.Default, ...F.getDataAttributes(this._element), ...t }, r("dropdown", t, this.constructor.DefaultType), "object" == typeof t.reference && !s(t.reference) && "function" != typeof t.reference.getBoundingClientRect) throw new TypeError("dropdown".toUpperCase() + ': Option "reference" provided type "object" without a required "getBoundingClientRect" method.'); return t } _createPopper(t) { if (void 0 === me) throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)"); let e = this._element; "parent" === this._config.reference ? e = t : s(this._config.reference) ? e = o(this._config.reference) : "object" == typeof this._config.reference && (e = this._config.reference); const i = this._getPopperConfig(), n = i.modifiers.find(t => "applyStyles" === t.name && !1 === t.enabled); this._popper = pe(e, this._menu, i), n && F.setDataAttribute(this._menu, "popper", "static") } _isShown(t = this._element) { return t.classList.contains("show") } _getMenuElement() { return U.next(this._element, ".dropdown-menu")[0] } _getPlacement() { const t = this._element.parentNode; if (t.classList.contains("dropend")) return we; if (t.classList.contains("dropstart")) return Ee; const e = "end" === getComputedStyle(this._menu).getPropertyValue("--bs-position").trim(); return t.classList.contains("dropup") ? e ? be : _e : e ? ye : ve } _detectNavbar() { return null !== this._element.closest(".navbar") } _getOffset() { const { offset: t } = this._config; return "string" == typeof t ? t.split(",").map(t => Number.parseInt(t, 10)) : "function" == typeof t ? e => t(e, this._element) : t } _getPopperConfig() { const t = { placement: this._getPlacement(), modifiers: [{ name: "preventOverflow", options: { boundary: this._config.boundary } }, { name: "offset", options: { offset: this._getOffset() } }] }; return "static" === this._config.display && (t.modifiers = [{ name: "applyStyles", enabled: !1 }]), { ...t, ..."function" == typeof this._config.popperConfig ? this._config.popperConfig(t) : this._config.popperConfig } } _selectMenuItem({ key: t, target: e }) { const i = U.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)", this._menu).filter(a); i.length && b(i, e, "ArrowDown" === t, !i.includes(e)).focus() } static jQueryInterface(t) { return this.each((function () { const e = Oe.getOrCreateInstance(this, t); if ("string" == typeof t) { if (void 0 === e[t]) throw new TypeError(`No method named "${t}"`); e[t]() } })) } static clearMenus(t) { if (t && (2 === t.button || "keyup" === t.type && "Tab" !== t.key)) return; const e = U.find('[data-bs-toggle="dropdown"]'); for (let i = 0, n = e.length; i < n; i++) { const n = Oe.getInstance(e[i]); if (!n || !1 === n._config.autoClose) continue; if (!n._isShown()) continue; const s = { relatedTarget: n._element }; if (t) { const e = t.composedPath(), i = e.includes(n._menu); if (e.includes(n._element) || "inside" === n._config.autoClose && !i || "outside" === n._config.autoClose && i) continue; if (n._menu.contains(t.target) && ("keyup" === t.type && "Tab" === t.key || /input|select|option|textarea|form/i.test(t.target.tagName))) continue; "click" === t.type && (s.clickEvent = t) } n._completeHide(s) } } static getParentFromElement(t) { return i(t) || t.parentNode } static dataApiKeydownHandler(t) { if (/input|textarea/i.test(t.target.tagName) ? "Space" === t.key || "Escape" !== t.key && ("ArrowDown" !== t.key && "ArrowUp" !== t.key || t.target.closest(".dropdown-menu")) : !ge.test(t.key)) return; const e = this.classList.contains("show"); if (!e && "Escape" === t.key) return; if (t.preventDefault(), t.stopPropagation(), l(this)) return; const i = this.matches('[data-bs-toggle="dropdown"]') ? this : U.prev(this, '[data-bs-toggle="dropdown"]')[0], n = Oe.getOrCreateInstance(i); if ("Escape" !== t.key) return "ArrowUp" === t.key || "ArrowDown" === t.key ? (e || n.show(), void n._selectMenuItem(t)) : void (e && "Space" !== t.key || Oe.clearMenus()); n.hide() } } P.on(document, "keydown.bs.dropdown.data-api", '[data-bs-toggle="dropdown"]', Oe.dataApiKeydownHandler), P.on(document, "keydown.bs.dropdown.data-api", ".dropdown-menu", Oe.dataApiKeydownHandler), P.on(document, "click.bs.dropdown.data-api", Oe.clearMenus), P.on(document, "keyup.bs.dropdown.data-api", Oe.clearMenus), P.on(document, "click.bs.dropdown.data-api", '[data-bs-toggle="dropdown"]', (function (t) { t.preventDefault(), Oe.getOrCreateInstance(this).toggle() })), m(Oe); class Ce { constructor() { this._element = document.body } getWidth() { const t = document.documentElement.clientWidth; return Math.abs(window.innerWidth - t) } hide() { const t = this.getWidth(); this._disableOverFlow(), this._setElementAttributes(this._element, "paddingRight", e => e + t), this._setElementAttributes(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top", "paddingRight", e => e + t), this._setElementAttributes(".sticky-top", "marginRight", e => e - t) } _disableOverFlow() { this._saveInitialAttribute(this._element, "overflow"), this._element.style.overflow = "hidden" } _setElementAttributes(t, e, i) { const n = this.getWidth(); this._applyManipulationCallback(t, t => { if (t !== this._element && window.innerWidth > t.clientWidth + n) return; this._saveInitialAttribute(t, e); const s = window.getComputedStyle(t)[e]; t.style[e] = i(Number.parseFloat(s)) + "px" }) } reset() { this._resetElementAttributes(this._element, "overflow"), this._resetElementAttributes(this._element, "paddingRight"), this._resetElementAttributes(".fixed-top, .fixed-bottom, .is-fixed, .sticky-top", "paddingRight"), this._resetElementAttributes(".sticky-top", "marginRight") } _saveInitialAttribute(t, e) { const i = t.style[e]; i && F.setDataAttribute(t, e, i) } _resetElementAttributes(t, e) { this._applyManipulationCallback(t, t => { const i = F.getDataAttribute(t, e); void 0 === i ? t.style.removeProperty(e) : (F.removeDataAttribute(t, e), t.style[e] = i) }) } _applyManipulationCallback(t, e) { s(t) ? e(t) : U.find(t, this._element).forEach(e) } isOverflowing() { return this.getWidth() > 0 } } const ke = { className: "modal-backdrop", isVisible: !0, isAnimated: !1, rootElement: "body", clickCallback: null }, Le = { className: "string", isVisible: "boolean", isAnimated: "boolean", rootElement: "(element|string)", clickCallback: "(function|null)" }; class xe { constructor(t) { this._config = this._getConfig(t), this._isAppended = !1, this._element = null } show(t) { this._config.isVisible ? (this._append(), this._config.isAnimated && d(this._getElement()), this._getElement().classList.add("show"), this._emulateAnimation(() => { g(t) })) : g(t) } hide(t) { this._config.isVisible ? (this._getElement().classList.remove("show"), this._emulateAnimation(() => { this.dispose(), g(t) })) : g(t) } _getElement() { if (!this._element) { const t = document.createElement("div"); t.className = this._config.className, this._config.isAnimated && t.classList.add("fade"), this._element = t } return this._element } _getConfig(t) { return (t = { ...ke, ..."object" == typeof t ? t : {} }).rootElement = o(t.rootElement), r("backdrop", t, Le), t } _append() { this._isAppended || (this._config.rootElement.append(this._getElement()), P.on(this._getElement(), "mousedown.bs.backdrop", () => { g(this._config.clickCallback) }), this._isAppended = !0) } dispose() { this._isAppended && (P.off(this._element, "mousedown.bs.backdrop"), this._element.remove(), this._isAppended = !1) } _emulateAnimation(t) { _(t, this._getElement(), this._config.isAnimated) } } const De = { trapElement: null, autofocus: !0 }, Se = { trapElement: "element", autofocus: "boolean" }; class Ne { constructor(t) { this._config = this._getConfig(t), this._isActive = !1, this._lastTabNavDirection = null } activate() { const { trapElement: t, autofocus: e } = this._config; this._isActive || (e && t.focus(), P.off(document, ".bs.focustrap"), P.on(document, "focusin.bs.focustrap", t => this._handleFocusin(t)), P.on(document, "keydown.tab.bs.focustrap", t => this._handleKeydown(t)), this._isActive = !0) } deactivate() { this._isActive && (this._isActive = !1, P.off(document, ".bs.focustrap")) } _handleFocusin(t) { const { target: e } = t, { trapElement: i } = this._config; if (e === document || e === i || i.contains(e)) return; const n = U.focusableChildren(i); 0 === n.length ? i.focus() : "backward" === this._lastTabNavDirection ? n[n.length - 1].focus() : n[0].focus() } _handleKeydown(t) { "Tab" === t.key && (this._lastTabNavDirection = t.shiftKey ? "backward" : "forward") } _getConfig(t) { return t = { ...De, ..."object" == typeof t ? t : {} }, r("focustrap", t, Se), t } } const Ie = { backdrop: !0, keyboard: !0, focus: !0 }, Pe = { backdrop: "(boolean|string)", keyboard: "boolean", focus: "boolean" }; class je extends H { constructor(t, e) { super(t), this._config = this._getConfig(e), this._dialog = U.findOne(".modal-dialog", this._element), this._backdrop = this._initializeBackDrop(), this._focustrap = this._initializeFocusTrap(), this._isShown = !1, this._ignoreBackdropClick = !1, this._isTransitioning = !1, this._scrollBar = new Ce } static get Default() { return Ie } static get NAME() { return "modal" } toggle(t) { return this._isShown ? this.hide() : this.show(t) } show(t) { this._isShown || this._isTransitioning || P.trigger(this._element, "show.bs.modal", { relatedTarget: t }).defaultPrevented || (this._isShown = !0, this._isAnimated() && (this._isTransitioning = !0), this._scrollBar.hide(), document.body.classList.add("modal-open"), this._adjustDialog(), this._setEscapeEvent(), this._setResizeEvent(), P.on(this._dialog, "mousedown.dismiss.bs.modal", () => { P.one(this._element, "mouseup.dismiss.bs.modal", t => { t.target === this._element && (this._ignoreBackdropClick = !0) }) }), this._showBackdrop(() => this._showElement(t))) } hide() { if (!this._isShown || this._isTransitioning) return; if (P.trigger(this._element, "hide.bs.modal").defaultPrevented) return; this._isShown = !1; const t = this._isAnimated(); t && (this._isTransitioning = !0), this._setEscapeEvent(), this._setResizeEvent(), this._focustrap.deactivate(), this._element.classList.remove("show"), P.off(this._element, "click.dismiss.bs.modal"), P.off(this._dialog, "mousedown.dismiss.bs.modal"), this._queueCallback(() => this._hideModal(), this._element, t) } dispose() { [window, this._dialog].forEach(t => P.off(t, ".bs.modal")), this._backdrop.dispose(), this._focustrap.deactivate(), super.dispose() } handleUpdate() { this._adjustDialog() } _initializeBackDrop() { return new xe({ isVisible: Boolean(this._config.backdrop), isAnimated: this._isAnimated() }) } _initializeFocusTrap() { return new Ne({ trapElement: this._element }) } _getConfig(t) { return t = { ...Ie, ...F.getDataAttributes(this._element), ..."object" == typeof t ? t : {} }, r("modal", t, Pe), t } _showElement(t) { const e = this._isAnimated(), i = U.findOne(".modal-body", this._dialog); this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE || document.body.append(this._element), this._element.style.display = "block", this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.scrollTop = 0, i && (i.scrollTop = 0), e && d(this._element), this._element.classList.add("show"), this._queueCallback(() => { this._config.focus && this._focustrap.activate(), this._isTransitioning = !1, P.trigger(this._element, "shown.bs.modal", { relatedTarget: t }) }, this._dialog, e) } _setEscapeEvent() { this._isShown ? P.on(this._element, "keydown.dismiss.bs.modal", t => { this._config.keyboard && "Escape" === t.key ? (t.preventDefault(), this.hide()) : this._config.keyboard || "Escape" !== t.key || this._triggerBackdropTransition() }) : P.off(this._element, "keydown.dismiss.bs.modal") } _setResizeEvent() { this._isShown ? P.on(window, "resize.bs.modal", () => this._adjustDialog()) : P.off(window, "resize.bs.modal") } _hideModal() { this._element.style.display = "none", this._element.setAttribute("aria-hidden", !0), this._element.removeAttribute("aria-modal"), this._element.removeAttribute("role"), this._isTransitioning = !1, this._backdrop.hide(() => { document.body.classList.remove("modal-open"), this._resetAdjustments(), this._scrollBar.reset(), P.trigger(this._element, "hidden.bs.modal") }) } _showBackdrop(t) { P.on(this._element, "click.dismiss.bs.modal", t => { this._ignoreBackdropClick ? this._ignoreBackdropClick = !1 : t.target === t.currentTarget && (!0 === this._config.backdrop ? this.hide() : "static" === this._config.backdrop && this._triggerBackdropTransition()) }), this._backdrop.show(t) } _isAnimated() { return this._element.classList.contains("fade") } _triggerBackdropTransition() { if (P.trigger(this._element, "hidePrevented.bs.modal").defaultPrevented) return; const { classList: t, scrollHeight: e, style: i } = this._element, n = e > document.documentElement.clientHeight; !n && "hidden" === i.overflowY || t.contains("modal-static") || (n || (i.overflowY = "hidden"), t.add("modal-static"), this._queueCallback(() => { t.remove("modal-static"), n || this._queueCallback(() => { i.overflowY = "" }, this._dialog) }, this._dialog), this._element.focus()) } _adjustDialog() { const t = this._element.scrollHeight > document.documentElement.clientHeight, e = this._scrollBar.getWidth(), i = e > 0; (!i && t && !p() || i && !t && p()) && (this._element.style.paddingLeft = e + "px"), (i && !t && !p() || !i && t && p()) && (this._element.style.paddingRight = e + "px") } _resetAdjustments() { this._element.style.paddingLeft = "", this._element.style.paddingRight = "" } static jQueryInterface(t, e) { return this.each((function () { const i = je.getOrCreateInstance(this, t); if ("string" == typeof t) { if (void 0 === i[t]) throw new TypeError(`No method named "${t}"`); i[t](e) } })) } } P.on(document, "click.bs.modal.data-api", '[data-bs-toggle="modal"]', (function (t) { const e = i(this);["A", "AREA"].includes(this.tagName) && t.preventDefault(), P.one(e, "show.bs.modal", t => { t.defaultPrevented || P.one(e, "hidden.bs.modal", () => { a(this) && this.focus() }) }); const n = U.findOne(".modal.show"); n && je.getInstance(n).hide(), je.getOrCreateInstance(e).toggle(this) })), B(je), m(je); const Me = { backdrop: !0, keyboard: !0, scroll: !1 }, He = { backdrop: "boolean", keyboard: "boolean", scroll: "boolean" }; class Be extends H { constructor(t, e) { super(t), this._config = this._getConfig(e), this._isShown = !1, this._backdrop = this._initializeBackDrop(), this._focustrap = this._initializeFocusTrap(), this._addEventListeners() } static get NAME() { return "offcanvas" } static get Default() { return Me } toggle(t) { return this._isShown ? this.hide() : this.show(t) } show(t) { this._isShown || P.trigger(this._element, "show.bs.offcanvas", { relatedTarget: t }).defaultPrevented || (this._isShown = !0, this._element.style.visibility = "visible", this._backdrop.show(), this._config.scroll || (new Ce).hide(), this._element.removeAttribute("aria-hidden"), this._element.setAttribute("aria-modal", !0), this._element.setAttribute("role", "dialog"), this._element.classList.add("show"), this._queueCallback(() => { this._config.scroll || this._focustrap.activate(), P.trigger(this._element, "shown.bs.offcanvas", { relatedTarget: t }) }, this._element, !0)) } hide() { this._isShown && (P.trigger(this._element, "hide.bs.offcanvas").defaultPrevented || (this._focustrap.deactivate(), this._element.blur(), this._isShown = !1, this._element.classList.remove("show"), this._backdrop.hide(), this._queueCallback(() => { this._element.setAttribute("aria-hidden", !0), this._element.removeAttribute("aria-modal"), this._element.removeAttribute("role"), this._element.style.visibility = "hidden", this._config.scroll || (new Ce).reset(), P.trigger(this._element, "hidden.bs.offcanvas") }, this._element, !0))) } dispose() { this._backdrop.dispose(), this._focustrap.deactivate(), super.dispose() } _getConfig(t) { return t = { ...Me, ...F.getDataAttributes(this._element), ..."object" == typeof t ? t : {} }, r("offcanvas", t, He), t } _initializeBackDrop() { return new xe({ className: "offcanvas-backdrop", isVisible: this._config.backdrop, isAnimated: !0, rootElement: this._element.parentNode, clickCallback: () => this.hide() }) } _initializeFocusTrap() { return new Ne({ trapElement: this._element }) } _addEventListeners() { P.on(this._element, "keydown.dismiss.bs.offcanvas", t => { this._config.keyboard && "Escape" === t.key && this.hide() }) } static jQueryInterface(t) { return this.each((function () { const e = Be.getOrCreateInstance(this, t); if ("string" == typeof t) { if (void 0 === e[t] || t.startsWith("_") || "constructor" === t) throw new TypeError(`No method named "${t}"`); e[t](this) } })) } } P.on(document, "click.bs.offcanvas.data-api", '[data-bs-toggle="offcanvas"]', (function (t) { const e = i(this); if (["A", "AREA"].includes(this.tagName) && t.preventDefault(), l(this)) return; P.one(e, "hidden.bs.offcanvas", () => { a(this) && this.focus() }); const n = U.findOne(".offcanvas.show"); n && n !== e && Be.getInstance(n).hide(), Be.getOrCreateInstance(e).toggle(this) })), P.on(window, "load.bs.offcanvas.data-api", () => U.find(".offcanvas.show").forEach(t => Be.getOrCreateInstance(t).show())), B(Be), m(Be); const Re = new Set(["background", "cite", "href", "itemtype", "longdesc", "poster", "src", "xlink:href"]), We = /^(?:(?:https?|mailto|ftp|tel|file):|[^#&/:?]*(?:[#/?]|$))/i, ze = /^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[\d+/a-z]+=*$/i, qe = (t, e) => { const i = t.nodeName.toLowerCase(); if (e.includes(i)) return !Re.has(i) || Boolean(We.test(t.nodeValue) || ze.test(t.nodeValue)); const n = e.filter(t => t instanceof RegExp); for (let t = 0, e = n.length; t < e; t++)if (n[t].test(i)) return !0; return !1 }; function Fe(t, e, i) { if (!t.length) return t; if (i && "function" == typeof i) return i(t); const n = (new window.DOMParser).parseFromString(t, "text/html"), s = Object.keys(e), o = [].concat(...n.body.querySelectorAll("*")); for (let t = 0, i = o.length; t < i; t++) { const i = o[t], n = i.nodeName.toLowerCase(); if (!s.includes(n)) { i.remove(); continue } const r = [].concat(...i.attributes), a = [].concat(e["*"] || [], e[n] || []); r.forEach(t => { qe(t, a) || i.removeAttribute(t.nodeName) }) } return n.body.innerHTML } const Ue = new Set(["sanitize", "allowList", "sanitizeFn"]), $e = { animation: "boolean", template: "string", title: "(string|element|function)", trigger: "string", delay: "(number|object)", html: "boolean", selector: "(string|boolean)", placement: "(string|function)", offset: "(array|string|function)", container: "(string|element|boolean)", fallbackPlacements: "array", boundary: "(string|element)", customClass: "(string|function)", sanitize: "boolean", sanitizeFn: "(null|function)", allowList: "object", popperConfig: "(null|object|function)" }, Ve = { AUTO: "auto", TOP: "top", RIGHT: p() ? "left" : "right", BOTTOM: "bottom", LEFT: p() ? "right" : "left" }, Ke = { animation: !0, template: '