简单的自适应在线工具html源码
演示地址：https://www.wuioo.cn/api/index2.html
代码如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>全部API - API数据大全 - 极速数据</title>
<meta name="description" content="">
<meta name="keywords" content="全部API接口,API接口">
<link href="https://wuioo.cn/api/style/mainv2.css" rel="stylesheet" type="text/css">
</head>
<body style="">
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;"><symbol id="icon-bangzhu" viewBox="0 0 1000 1000"><path d="M895.8893 317.4907c-22.011-52.0407-53.5179-98.774-93.6463-138.9018-40.1274-40.1268-86.8627-71.6334-138.9055-93.6435-53.8907-22.7925-111.1282-34.3487-170.1216-34.3487-58.9934 0-116.231 11.5562-170.1216 34.3487-52.0438 22.0101-98.7791 53.5167-138.9065 93.6435-40.1284 40.1268-71.6354 86.8601-93.6463 138.9018-22.7915 53.8885-34.3481 111.1227-34.3481 170.1117 0 58.99 11.5566 116.2232 34.3481 170.1127 22.011 52.0417 53.5179 98.776 93.6463 138.9038 40.1284 40.1278 86.8637 71.6354 138.9065 93.6465 53.8917 22.7935 111.1282 34.3497 170.1216 34.3497 58.9934 0 116.231-11.5562 170.1216-34.3497 52.0428-22.0111 98.7781-53.5187 138.9065-93.6465 40.1274-40.1278 71.6344-86.8621 93.6453-138.9038 22.7925-53.8895 34.3481-111.1227 34.3481-170.1127C930.2384 428.6134 918.6818 371.3792 895.8893 317.4907zM493.2158 886.9237c-220.1917 0-399.3296-179.1345-399.3296-399.3213 0-220.1827 179.1389-399.3133 399.3296-399.3133s399.3286 179.1315 399.3286 399.3133C892.5454 707.7891 713.4076 886.9237 493.2158 886.9237zM524.256 650.8817h-69.1439553004736c-2.9741 0-5.3846 2.4104-5.3846 5.3853v68.76737571926233c0 2.975 2.4115 5.3853 5.3846 5.3853h69.1439553004736c2.9751 0 5.3846-2.4104 5.3846-5.3853v-68.76737571926233C529.6406 653.2921 527.2312 650.8817 524.256 650.8817zM608.5174 257.3405c-30.0289-26.0453-69.8205-39.2524-118.2717-39.2524-45.7459 0-84.1044 13.4059-114.0114 39.846-29.9649 26.492-47.106 62.7784-50.9465 107.8509-0.1279 1.502 0.3798 2.989 1.3991 4.0992 1.0204 1.1102 2.4584 1.7418 3.9665 1.7418h65.40633616386361c2.6603 0 4.9219-1.9417 5.3236-4.5719 9.0852-59.5436 38.3975-88.489 89.6109-88.489 26.0574 0 47.2959 7.9036 63.1228 23.4911 16.0208 15.7903 23.8098 35.441 23.8098 60.0753 0 12.2557-2.9351 24.0497-8.7234 35.0522-5.8823 11.1714-21.6712 27.6702-46.9291 49.0398-26.3662 22.3079-44.7405 43.7623-54.6112 63.7678-10.0566 20.3712-14.9455 51.1024-14.9455 93.9513 0 2.974 2.4115 5.3843 5.3846 5.3843h59.05238363162666c2.9741 0 5.3846-2.4104 5.3846-5.3843 0-30.7152 2.9791-52.7822 8.8554-65.5915 5.8503-12.7623 22.4577-30.4783 49.3616-52.6543 28.0821-23.1483 47.5207-44.7646 57.7762-64.2484 10.3324-19.6317 15.5701-41.0971 15.5701-63.8017C654.1023 317.3308 638.7661 283.5827 608.5174 257.3405z"></path></symbol><symbol id="icon-tuichu" viewBox="0 0 1024 1024"><path d="M326.9182 798.9099h371.4249183222958c61.5191 0 111.408-49.8708 111.408-111.3764v-37.12621633554084h-74.28181898454746v37.12621633554084c0 20.5071-16.6055 37.1262-37.1262 37.1262H326.9182163355408c-20.5207 0-37.1217-16.6191-37.1217-37.1262V334.848c0-20.4981 16.601-37.1262 37.1217-37.1262h371.4249183222958c20.5207 0 37.1262 16.6259 37.1262 37.1262v37.12169536423841h74.28181898454746v-37.12169536423841c0-61.501-49.8889-111.3741-111.408-111.3741H326.9182163355408c-61.5304 0-111.4555 49.8708-111.4555 111.3741v352.68323178807947C215.465 749.0413 265.3901 798.9099 326.9182 798.9099zM667.639 606.807c8.7097 8.5243 22.7586 8.5243 31.466 0l25.2406-24.9377h1.8762030905077263v-1.8445562913907283l52.7552-52.2127c1.3066-0.8002 2.7194-1.3721 3.8722-2.4662 2.4752-2.3577 4.035-5.1833 5.0861-8.1513 4.4577-8.2327 3.4382-18.5473-3.6303-25.487-3.1556-3.081-7.064-4.6453-11.0854-5.493l-46.9932-45.047v-0.653280353200883h-0.6849271523178808l-26.7596-25.6678c-8.6215-8.2643-22.5913-8.2643-31.1744 0-7.324 6.9939-8.0473 17.5504-2.9364 25.6678h-3.411072847682119v42.83394260485652h-148.50486534216336v55.68706401766005h148.50486534216336v42.83394260485652h2.3870728476821195C659.5577 590.0274 660.706 600.055 667.639 606.807z"></path></symbol><symbol id="icon-bangzhu1" viewBox="0 0 1024 1024"><path d="M510.022656 395.998208c16.329728 0 29.544448-13.27104 29.544448-29.544448 0-16.387072-13.213696-29.582336-29.544448-29.582336-16.330752 0-29.563904 13.195264-29.563904 29.582336C480.458752 382.726144 493.691904 395.998208 510.022656 395.998208z"></path><path d="M512.234496 128.072704c-212.194304 0-384.227328 172.022784-384.227328 384.265216 0 212.155392 172.032 384.188416 384.227328 384.188416 212.194304 0 384.206848-172.033024 384.206848-384.188416C896.441344 300.095488 724.4288 128.072704 512.234496 128.072704zM756.395008 756.473856c-31.72352 31.724544-68.656128 56.628224-109.76768 74.017792-42.545152 17.995776-87.76192 27.12064-134.392832 27.12064-46.631936 0-91.848704-9.124864-134.396928-27.12064-41.114624-17.389568-78.04928-42.294272-109.775872-74.018816-31.725568-31.72352-56.630272-68.65408-74.021888-109.763584-17.995776-42.541056-27.12064-87.749632-27.12064-134.372352 0-46.644224 9.124864-91.870208 27.121664-134.423552 17.390592-41.119744 42.295296-78.057472 74.021888-109.785088 31.725568-31.726592 68.6592-56.63232 109.774848-74.022912 42.546176-17.9968 87.763968-27.12064 134.396928-27.12064 46.631936 0 91.848704 9.124864 134.391808 27.12064 41.112576 17.390592 78.04416 42.295296 109.76768 74.022912 31.72352 31.727616 56.626176 68.665344 74.015744 109.785088 17.994752 42.553344 27.118592 87.780352 27.118592 134.424576 0 46.62272-9.12384 91.833344-27.117568 134.373376C813.021184 687.819776 788.119552 724.750336 756.395008 756.473856z"></path><path d="M521.889792 453.047296 502.213632 453.047296c-5.040128 0-10.079232 1.924096-13.9264 5.77024-3.847168 3.847168-5.77024 8.896512-5.77024 13.935616l0 196.922368c0 5.039104 1.923072 10.078208 5.77024 13.925376s8.886272 5.771264 13.9264 5.771264l19.67616 0c5.040128 0 10.079232-1.924096 13.9264-5.771264s5.77024-8.886272 5.77024-13.925376L541.586432 472.753152c0-5.039104-1.923072-10.088448-5.77024-13.935616C531.968 454.971392 526.92992 453.047296 521.889792 453.047296z"></path></symbol><symbol id="icon-xiazai" viewBox="0 0 1024 1024"><path d="M123.713536 320.612352 382.262272 320.612352 382.262272 64.536576 575.788032 64.536576l0 256.074752L830.180352 320.611328 476.946432 701.520896 123.713536 320.612352zM829.90592 703.775744l0 62.464L124.913664 766.239744l0-62.464L58.868736 703.775744l0 190.454784 66.044928 0 704.992256 0 61.436928 0L891.342848 703.775744 829.90592 703.775744z"></path></symbol><symbol id="icon-xiazai2" viewBox="0 0 1024 1024"><path d="M495.897106 752.797251c0.645733 0.937348 1.371286 1.836835 2.202245 2.669806 0.831982 0.829901 1.727412 1.551332 2.660705 2.194992 0.096195 0.065492 0.184203 0.140193 0.279374 0.203638 0.083915 0.058328 0.173969 0.104377 0.25993 0.157589 3.006597 1.956561 6.588315 3.103688 10.441221 3.103688 3.855976 0 7.437694-1.147126 10.441221-3.103688 0.085961-0.054235 0.176016-0.102331 0.261977-0.157589 0.096195-0.064468 0.186249-0.138146 0.279374-0.203638 0.933293-0.64366 1.828723-1.36509 2.660705-2.194992 0.833005-0.832971 1.558559-1.732457 2.204292-2.671852l304.705998-304.71091c7.400854-7.383154 7.400854-19.394722 0-26.797319-7.400854-7.421017-19.413937-7.421017-26.814791 0L530.931429 695.823656l0-529.530258c0-10.605545-8.582821-19.188015-19.187777-19.188015s-19.189824 8.582469-19.189824 19.188015l0 529.530258L218.005898 421.286975c-7.401877-7.421017-19.414961-7.421017-26.815814 0-7.401877 7.399527-7.401877 19.414165 0 26.797319L495.897106 752.797251zM876.332912 837.879022 147.152344 837.879022c-10.60598 0-19.188801 8.582469-19.188801 19.189038 0 10.587126 8.582821 19.186991 19.188801 19.186991l729.180568 0c10.58756 0 19.189824-8.599865 19.189824-19.186991C895.522736 846.461491 886.920472 837.879022 876.332912 837.879022z"></path></symbol><symbol id="icon-tuichu1" viewBox="0 0 1024 1024"><path d="M953.653003 495.405043 768.424945 310.184575c-9.079145-9.078773-23.800007-9.078773-32.884269 0l-37.440215 37.438681c-9.079145 9.078773-9.079145 23.804149 0 32.882921l81.706161 81.702813L407.380563 462.20899c-12.838926 0-23.246376 10.408047-23.246376 23.246447l0 52.952003c0 12.842493 10.40745 23.251563 23.246376 23.251563l372.244928 0-81.706161 81.702813c-9.079145 9.077749-9.079145 23.804149 0 32.881898l37.445331 37.439704c9.079145 9.078773 23.805124 9.078773 32.884269 0L916.206648 565.731762c0-0.005117 0.005117-0.005117 0.005117-0.005117l37.445331-37.443797C962.731124 519.204076 962.731124 504.482793 953.653003 495.405043L953.653003 495.405043zM634.548497 64.021106 133.71476 64.021106c-38.519847 0-69.751408 31.230282-69.751408 69.74855l0 756.327658c0 38.524408 31.231561 69.749574 69.751408 69.749574l500.833737 0c38.52087 0 69.751408-31.225165 69.751408-69.749574l0-98.134041c0-12.837376-10.408474-23.251563-23.252516-23.251563l-50.396825 0c-12.837902 0-23.252516 10.414187-23.252516 23.251563l0 37.331233c-0.25379 19.037589-15.762631 34.398438-34.864447 34.398438L194.759522 863.692944c-19.257365 0-34.872634-15.615653-34.872634-34.877345L159.886888 194.241936c0-19.257599 15.609129-34.874275 34.872634-34.874275l377.774078 0c19.10591 0 34.610657 15.356756 34.864447 34.398438l0 38.431288c0 12.842493 10.414614 23.251563 23.252516 23.251563l50.396825 0c12.844042 0 23.252516-10.409071 23.252516-23.251563L704.299905 133.769656C704.299905 95.251388 673.068343 64.021106 634.548497 64.021106L634.548497 64.021106zM634.548497 64.021106"></path></symbol><symbol id="icon-baocun" viewBox="0 0 1024 1024"><path d="M958.053032 958.570825 65.252143 958.570825 65.252143 64.246233l705.672978 0 1.50119 1.509377 185.626721 186.704263L958.053032 958.570825zM75.485205 948.337763l872.334765 0L947.81997 256.68101 766.66919 74.479295 75.485205 74.479295 75.485205 948.337763z"></path><path d="M747.81682 469.970768l-470.720851 0L277.095969 65.272609l470.720851 0L747.81682 469.970768zM287.329031 459.737706l450.254727 0L737.583758 75.505671l-450.254727 0L287.329031 459.737706z"></path><path d="M676.152641 367.133611l-71.631434 0 0-223.582171 71.631434 0L676.152641 367.133611zM614.754269 356.900549l51.16531 0 0-203.116047-51.16531 0L614.754269 356.900549z"></path><path d="M478.005768 826.222541l383.801223 0 0 10.233062-383.801223 0 0-10.233062Z"></path><path d="M478.005768 726.06747l383.801223 0 0 10.233062-383.801223 0 0-10.233062Z"></path></symbol><symbol id="icon-xiazai1" viewBox="0 0 1024 1024"><path d="M915.972635 490.681462c-14.129812 0-25.582655 11.453866-25.582655 25.582655l0 364.297007c0 8.463766-6.885827 15.349593-15.349593 15.349593l-736.780463 0c-8.463766 0-15.349593-6.885827-15.349593-15.349593l0-364.297007c0-14.128789-11.453866-25.582655-25.582655-25.582655s-25.582655 11.453866-25.582655 25.582655l0 364.297007c0 36.676317 29.838585 66.514903 66.514903 66.514903l736.780463 0c36.676317 0 66.514903-29.838585 66.514903-66.514903l0-364.297007C941.55529 502.135328 930.102447 490.681462 915.972635 490.681462z"></path><path d="M488.561172 775.854387c4.995781 4.995781 11.541871 7.492648 18.090007 7.492648s13.094226-2.496867 18.090007-7.492648l241.500263-241.500263c9.990538-9.990538 9.990538-26.188452 0-36.178991-9.991562-9.990538-26.188452-9.990538-36.178991 0L532.23281 696.002734 532.23281 102.848413c0-14.128789-11.453866-25.582655-25.582655-25.582655-14.128789 0-25.582655 11.453866-25.582655 25.582655l0 593.154321L283.239899 498.17411c-9.991562-9.990538-26.188452-9.990538-36.178991 0-9.990538 9.990538-9.990538 26.188452 0 36.178991L488.561172 775.854387z"></path></symbol><symbol id="icon-guanbi" viewBox="0 0 1024 1024"><path d="M905.304156 956.325691l-402.670989-406.516574L118.695844 937.421132c-5.161556 5.227048-13.543458 5.227048-18.732643 0l-18.730597-18.905582c-5.161556-5.214768-5.161556-13.68979 0-18.905582l383.940392-387.608945L81.231581 124.391055c-5.161556-5.215792-5.161556-13.676487 0-18.905582l18.730597-18.903535c5.189186-5.215792 13.571087-5.215792 18.732643 0l383.937322 387.608945 402.670989-406.52783c5.160533-5.214768 13.571087-5.214768 18.733667 0l18.729573 18.917862c5.16258 5.214768 5.16258 13.675464 0 18.903535l-402.670989 406.51555 402.670989 406.513504c5.16258 5.227048 5.16258 13.68979 0 18.905582l-18.729573 18.905582C918.874219 961.553763 910.464689 961.553763 905.304156 956.325691z"></path></symbol><symbol id="icon-gerenzhongxin" viewBox="0 0 1024 1024"><path d="M1024 1024l-42.666667 0c-27.456-224.448-242.133333-405.333333-469.333333-405.333333S70.122667 799.552 42.666667 1024L0 1024c22.464-206.954667 168.917333-376.597333 359.402667-433.962667C261.696 537.728 192 440.448 192 320 192 147.2 342.805333 0 512 0s320 147.2 320 320c0 120.448-69.717333 217.728-167.402667 270.037333C855.061333 647.402667 1001.536 817.045333 1024 1024zM789.333333 320c0-141.376-138.901333-277.333333-277.333333-277.333333S234.666667 178.624 234.666667 320s138.901333 256 277.333333 256S789.333333 461.376 789.333333 320z"></path></symbol><symbol id="icon-gerenzhongxin1" viewBox="0 0 1025 1024"><path d="M877.51615 565.12l0 304.832c0 11.072-3.968 20.48-12.032 28.608-8 8-17.536 12.032-28.544 12.032l-243.84 0 0-243.904L430.54015 666.688l0 243.904L186.76415 910.592c-10.944 0-20.544-4.032-28.544-12.032-8.064-8.128-12.096-17.536-12.096-28.608L146.12415 565.12c0-0.384 0.128-1.088 0.32-1.856 0.192-0.896 0.32-1.472 0.32-1.92l365.056-300.928 365.056 300.928C877.38815 562.176 877.51615 563.52 877.51615 565.12L877.51615 565.12zM1019.14815 521.344 979.85215 568.256c-3.456 3.904-7.872 6.208-13.376 6.976l-1.92 0c-5.568 0-9.92-1.344-13.248-4.352L511.82015 204.544 72.39615 570.944C67.40415 574.272 62.28415 575.808 57.22815 575.296 51.66015 574.464 47.24415 572.16 43.91615 568.256L4.49215 521.344C1.16415 517.184-0.37185 512.128 0.07615 506.496 0.46015 500.736 2.82815 496.192 7.05215 492.8l456.512-380.224C477.06815 101.504 493.19615 96 511.82015 96c18.624 0 34.752 5.504 48.256 16.512l154.944 129.472L715.02015 118.208c0-5.952 1.984-10.816 5.76-14.592 3.84-3.84 8.704-5.696 14.592-5.76l121.92 0c5.952 0 10.816 1.92 14.592 5.76 3.84 3.776 5.696 8.64 5.696 14.592l0 259.008L1016.58815 492.8c4.224 3.392 6.592 8 7.04 13.696C1024.07615 512.128 1022.60415 517.184 1019.14815 521.344L1019.14815 521.344zM1019.14815 521.344"></path></symbol><symbol id="icon-icon07" viewBox="0 0 1024 1024"><path d="M802.7136 906.738726l-590.345481 0c-54.33837 0-98.389333-44.081304-98.389333-98.451911L113.978785 217.550696c0-54.378193 44.6976-103.114904 99.037867-103.114904l396.155259 0 0 49.519881-396.155259 0c-27.168237 0-49.842252 26.409719-49.842252 53.596919l0 590.736119c0 27.185304 22.025481 49.227852 49.193719 49.227852l590.345481 0c27.168237 0 54.050133-22.622815 54.050133-49.810015L856.763733 411.553185l49.519881 0 0 396.14957C906.281719 862.075259 857.053867 906.738726 802.7136 906.738726zM508.681481 668.173274c-7.192652 7.198341-16.200059 10.797511-25.486222 12.606578l-215.3984 106.545304c-24.242252 11.256415-43.65843-10.484622-34.724978-34.747733l106.475141-215.542519c1.805274-9.291852 5.404444-18.303052 12.597096-25.501393l382.651733-382.903941c19.211378-19.226548 50.359941-19.226548 69.569422 0l86.966044 87.022933c19.213274 19.222756 19.213274 50.39597 0 69.618726L508.681481 668.173274zM280.183467 722.807467c-5.628207 11.349333 5.241363 23.005867 17.362489 17.373867l133.010015-80.566044-69.861452-69.906963L280.183467 722.807467zM404.320711 563.746133l52.182281 52.216415c9.602844 9.612326-15.22157-15.232948 17.390933 17.402311l278.290963-278.474904-87.586133-86.402844-277.668978 277.854815C396.168533 555.58637 394.714074 554.135704 404.320711 563.746133zM839.150933 233.058607l-52.178489-52.216415c-9.604741-9.612326-25.180919-9.612326-34.785659 0l-50.934519 50.964859 85.716385 88.270696 52.182281-52.216415C848.75757 258.250904 848.75757 242.670933 839.150933 233.058607z"></path></symbol><symbol id="icon-iconfontshoucang" viewBox="0 0 1024 1024"><path d="M512.713875 548.749995 647.42763 357.231238 512.713875 548.749995l220.617508 86.757503L512.713875 548.749995l-0.77125 262.28501L512.713875 548.749995l-222.152508 86.757503L512.713875 548.749995 376.54762 357.231238 512.713875 548.749995M511.973875-2.5e-05c-28.360001 0-54.213752 16.670001-66.275002 42.753752l-114.687504 248.173759L67.076359 331.832487c-27.110001 4.21375-49.610002 23.496251-58.370002 49.921252-8.705 26.455001-2.10375 55.581252 17.036251 75.435003l193.370007 201.303757-44.858752 279.12126c-4.52125 28.136251 7.13875 56.323752 30.063751 72.792503 12.5725 9.01375 27.362501 13.59375 42.182502 13.59375 12.20625 0 24.380001-3.07125 35.415001-9.2425l230.058758-124.986255 230.116258 124.986255c11.065 6.14125 23.267501 9.2425 35.411251 9.2425 14.795001 0 29.585001-4.58 42.211252-13.56875 22.872501-16.440001 34.531251-44.653752 29.980001-72.787503l-44.852502-279.12626L998.286393 457.217492c19.145001-19.852501 25.717501-48.985002 16.981251-75.433753-8.75875-26.426251-31.258751-45.713752-58.368752-49.922502L693.023882 290.957486l-114.746254-248.178759C566.273877 16.669976 540.390126-2.5e-05 511.973875-2.5e-05L511.973875-2.5e-05 511.973875-2.5e-05zM511.973875-2.5e-05"></path></symbol><symbol id="icon-shanchu" viewBox="0 0 1024 1024"><path d="M772.816702 296.103882l1.167592 565.577243c0 29.655414-12.252045 45.532009-42.029232 45.532009l-431.969269-1.166569c-29.751604 0-42.845831-13.542434-42.845831-43.196825L257.139963 296.103882l-66.931389 0 0 566.963823c0 59.46944 48.394197 107.829867 107.87387 107.829867l431.317423 0c59.479673 0 107.899452-48.361451 107.899452-107.829867L837.299319 296.103882 772.816702 296.103882z"></path><path d="M347.384313 417.448554l0 401.487024c0 2.612501 0.373507 5.136997 1.046842 7.54586 19.754926-0.01535 39.510876-0.061398 59.264778-0.12996 0.652869-2.369977 1.01205-4.851495 1.01205-7.419993L408.707984 417.622516C388.269489 417.538605 367.825878 417.482323 347.384313 417.448554z"></path><path d="M618.125551 418.901649l0 400.032906c0 2.088568 0.239454 4.121877 0.679475 6.089695 19.97596-0.089028 39.957037-0.152473 59.941184-0.191358 0.409322-1.907443 0.635473-3.880377 0.635473-5.9055L679.381683 419.067424C658.962631 419.037748 638.543579 418.983513 618.125551 418.901649z"></path><path d="M891.17946 187.423647 709.842439 187.423647l0-67.560722c1.098008-54.404074-43.714617-67.524906-88.451518-67.524906L406.140509 52.338019c-55.559387 0-87.242993 20.896936-87.242993 65.656349l-0.233314 69.428256L133.532761 187.422623l0 65.999157 757.6467 0L891.17946 187.423647 891.17946 187.423647zM648.56277 187.423647l-269.620717 0 0-47.245024c0-14.97097 10.555403-28.02017 25.563212-28.02017l215.696574 1.166569c14.981203 0 28.169573 10.758018 28.169573 25.730011L648.56277 187.423647 648.56277 187.423647z"></path><path d="M484.913597 418.942581l0 400.030859c0 2.089591 0.240477 4.124947 0.673335 6.089695 19.800975-0.088004 39.602973-0.149403 59.403948-0.187265 0.408299-1.907443 0.63138-3.879354 0.63138-5.906523L545.62226 419.10938C525.387403 419.077657 505.1505 419.025469 484.913597 418.942581z"></path></symbol><symbol id="icon-zhankai" viewBox="0 0 1026 1024"><path d="M1018.701913 255.75513c-8.704-8.704-22.77287-8.704-31.47687 0L516.563478 726.416696 45.924174 255.75513c-8.704-8.704-22.77287-8.704-31.47687 0s-8.704 22.77287 0 31.47687l486.4 486.4c4.34087 4.34087 10.039652 6.522435 15.738435 6.522435s11.397565-2.181565 15.738435-6.522435l486.4-486.4C1027.383652 278.550261 1027.383652 264.45913 1018.701913 255.75513z"></path></symbol><symbol id="icon-bianji" viewBox="0 0 1024 1024"><path d="M885.333 165.831 832 112.5 165.333 752.498 112 859.164l106.667-53.33L885.333 165.831zM112 885.828 112 912.5l800 0 0-26.672L112 885.828z"></path></symbol><symbol id="icon-zhankai1" viewBox="0 0 1024 1024"><path d="M1014.138435 267.709217c-8.704-8.704-22.77287-8.704-31.47687 0L512 738.348522 41.338435 267.709217c-8.704-8.704-22.77287-8.704-31.47687 0s-8.704 22.77287 0 31.47687l486.4 486.4c4.34087 4.34087 10.039652 6.522435 15.738435 6.522435s11.397565-2.181565 15.738435-6.522435l486.4-486.4C1022.820174 290.482087 1022.820174 276.413217 1014.138435 267.709217z"></path></symbol><symbol id="icon-shuaxin" viewBox="0 0 1024 1024"><path d="M968.01792 490.14784 859.92448 601.1904c-8.88832 8.78592-23.30624 8.78592-32.2048 0L720.3328 490.14784c-12.76928-15.23712-4.23936-20.65408 4.6592-29.45024l98.33472 0c-27.136-149.80096-156.1088-263.38304-311.43936-263.38304-120.08448 0-224.54272 67.86048-278.30272 167.86432l-53.63712-21.79072c62.52544-121.52832 187.5968-204.5952 331.93984-204.5952 187.20768 0 341.87264 139.66336 369.65376 321.90464l81.82784 0C972.25728 469.49376 976.91648 481.35168 968.01792 490.14784zM197.2736 466.5344l108.10368 111.04256c8.88832 8.78592 4.23936 20.66432-4.6592 29.45024l-93.60384 0c37.61152 135.09632 159.73376 234.11712 304.77312 234.11712 110.37696 0 207.48288-57.38496 264.22272-144.32256l54.19008 22.016c-65.9968 108.38016-183.72608 180.8384-318.4128 180.8384-177.01888 0-324.70016-124.95872-363.74528-292.64896L62.34112 607.0272c-8.88832-8.78592-17.41824-14.21312-4.64896-29.45024L165.0688 466.5344C173.95712 457.74848 188.38528 457.74848 197.2736 466.5344z"></path></symbol><symbol id="icon-shouqi" viewBox="0 0 1026 1024"><path d="M513.60256 244.07552c6.46656 0 12.66688 2.57024 17.23904 7.1424l487.6288 487.61856c9.5232 9.5232 9.5232 24.95488 0 34.47808-9.5232 9.5232-24.95488 9.5232-34.47808 0l-470.39488-470.37952L43.23328 773.31456c-9.5232 9.5232-24.95488 9.5232-34.47808 0s-9.5232-24.95488 0-34.47808l487.60832-487.61856C500.93568 246.64576 507.136 244.07552 513.60256 244.07552z"></path></symbol><symbol id="icon-mini" viewBox="0 0 1024 1024"><path d="M742.243895 537.582655l-460.487789 0c-14.128789 0-25.582655-11.453866-25.582655-25.582655s11.453866-25.582655 25.582655-25.582655l460.487789 0c14.129812 0 25.582655 11.453866 25.582655 25.582655S756.372683 537.582655 742.243895 537.582655z"></path></symbol><symbol id="icon-guanbi1" viewBox="0 0 1024 1024"><path d="M557.311759 513.248864l265.280473-263.904314c12.54369-12.480043 12.607338-32.704421 0.127295-45.248112-12.512727-12.576374-32.704421-12.607338-45.248112-0.127295L512.127295 467.904421 249.088241 204.063755c-12.447359-12.480043-32.704421-12.54369-45.248112-0.063647-12.512727 12.480043-12.54369 32.735385-0.063647 45.280796l262.975407 263.775299-265.151458 263.744335c-12.54369 12.480043-12.607338 32.704421-0.127295 45.248112 6.239161 6.271845 14.463432 9.440452 22.687703 9.440452 8.160624 0 16.319527-3.103239 22.560409-9.311437l265.216826-263.807983 265.440452 266.240344c6.239161 6.271845 14.432469 9.407768 22.65674 9.407768 8.191587 0 16.352211-3.135923 22.591372-9.34412 12.512727-12.480043 12.54369-32.704421 0.063647-45.248112L557.311759 513.248864z"></path></symbol><symbol id="icon-jiahao1" viewBox="0 0 1024 1024"><path d="M863.328262 481.340895l-317.344013 0.099772L545.984249 162.816826c0-17.664722-14.336138-32.00086-32.00086-32.00086s-31.99914 14.336138-31.99914 32.00086l0 318.400215-322.368714-0.17718c-0.032684 0-0.063647 0-0.096331 0-17.632039 0-31.935493 14.239806-32.00086 31.904529-0.096331 17.664722 14.208843 32.031824 31.871845 32.095471l322.59234 0.17718 0 319.167424c0 17.695686 14.336138 32.00086 31.99914 32.00086s32.00086-14.303454 32.00086-32.00086L545.982529 545.440667l317.087703-0.099772c0.063647 0 0.096331 0 0.127295 0 17.632039 0 31.935493-14.239806 32.00086-31.904529S880.960301 481.404542 863.328262 481.340895z"></path></symbol><symbol id="icon-jianhao" viewBox="0 0 1024 1024"><path d="M863.74455 544.00086 163.424056 544.00086c-17.664722 0-32.00086-14.336138-32.00086-32.00086s14.336138-32.00086 32.00086-32.00086l700.320495 0c17.695686 0 31.99914 14.336138 31.99914 32.00086S881.440237 544.00086 863.74455 544.00086z"></path></symbol><symbol id="icon-xuanze" viewBox="0 0 1024 1024"><path d="M887.904744 298.20852c-12.863647-12.063755-33.151673-11.487488-45.215428 1.408843L415.935493 753.983819 182.815858 524.287381c-12.607338-12.416396-32.8644-12.287381-45.280796 0.319957-12.416396 12.576374-12.256417 32.8644 0.352641 45.248112l256.479935 252.671415c0.096331 0.096331 0.223626 0.127295 0.319957 0.223626s0.127295 0.223626 0.223626 0.319957c2.016073 1.919742 4.448434 3.008628 6.784464 4.288456 1.152533 0.672598 2.143368 1.663432 3.359548 2.143368 3.775837 1.47249 7.775299 2.239699 11.743798 2.239699 4.192125 0 8.384249-0.832576 12.287381-2.496009 1.312512-0.543583 2.33603-1.663432 3.552211-2.368714 2.399677-1.408843 4.895686-2.59234 6.944443-4.67206 0.096331-0.096331 0.127295-0.25631 0.223626-0.352641 0.063647-0.096331 0.192662-0.127295 0.287273-0.223626L889.277463 343.420508C901.439269 330.591265 900.768391 310.335923 887.904744 298.20852z"></path></symbol><symbol id="icon-xiangshang2" viewBox="0 0 1024 1024"><path d="M887.328477 617.152318 533.951458 267.007553c-0.512619-0.512619-1.216181-0.672598-1.759763-1.152533-0.127295-0.127295-0.159978-0.319957-0.287273-0.447252-12.576374-12.416396-32.831716-12.352748-45.280796 0.192662L136.511544 618.944765c-12.447359 12.576374-12.352748 32.800753 0.192662 45.248112 6.239161 6.175514 14.399785 9.280473 22.527725 9.280473 8.224271 0 16.479505-3.168606 22.720387-9.471415L509.792985 333.185325l332.480043 329.407768c6.239161 6.175514 14.368821 9.280473 22.527725 9.280473 8.255235 0 16.479505-3.168606 22.720387-9.471415C899.968499 649.85674 899.872168 629.599677 887.328477 617.152318z"></path></symbol><symbol id="icon-xiangxia2" viewBox="0 0 1024 1024"><path d="M890.335385 330.911222c-12.576374-12.416396-32.800753-12.352748-45.248112 0.192662L517.248327 661.951458 184.831931 332.512727c-12.576374-12.447359-32.800753-12.352748-45.280796 0.192662-12.447359 12.576374-12.352748 32.831716 0.192662 45.280796l353.311652 350.112082c0.543583 0.543583 1.247144 0.672598 1.792447 1.183497 0.127295 0.127295 0.159978 0.287273 0.287273 0.416288 6.239161 6.175514 14.399785 9.280473 22.527725 9.280473 8.224271 0 16.479505-3.168606 22.720387-9.471415l350.112082-353.311652C902.975407 363.615643 902.880796 343.360301 890.335385 330.911222z"></path></symbol><symbol id="icon-xiangyou1" viewBox="0 0 1024 1024"><path d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"></path></symbol><symbol id="icon-xiangzuo1" viewBox="0 0 1024 1024"><path d="M671.968176 911.99957c-12.287381 0-24.576482-4.67206-33.951566-14.047144L286.048434 545.984249c-18.751888-18.719204-18.751888-49.12028 0-67.872168L638.016611 126.111222c18.751888-18.751888 49.12028-18.751888 67.872168 0 18.751888 18.719204 18.751888 49.12028 0 67.872168l-318.016611 318.047574L705.888778 830.047574c18.751888 18.751888 18.751888 49.12028 0 67.872168C696.544658 907.32751 684.255557 911.99957 671.968176 911.99957z"></path></symbol><symbol id="icon-iconfont_hexinhu" viewBox="0 0 1024 1024"><path d="M754.085594 498.968196 319.952033 64.835657c-8.990768-8.991792-23.569812-8.991792-32.56058 0-8.991792 8.991792-8.991792 23.569812 0 32.56058L705.243189 515.247974l-414.142252 414.142252c-8.991792 8.991792-8.991792 23.569812 0 32.561603 4.496407 4.496407 10.387581 6.743588 16.280802 6.743588 5.891174 0 11.785417-2.248204 16.280802-6.743588l430.424076-430.423053C763.076362 522.536984 763.076362 507.958964 754.085594 498.968196z"></path></symbol><symbol id="icon-iconfont_hexinhu1" viewBox="0 0 1024 1024"><path d="M287.390429 498.968196 721.523991 64.835657c8.990768-8.991792 23.569812-8.991792 32.56058 0 8.991792 8.991792 8.991792 23.569812 0 32.56058L336.233857 515.247974l414.142252 414.142252c8.991792 8.991792 8.991792 23.569812 0 32.561603-4.496407 4.496407-10.387581 6.743588-16.280802 6.743588-5.891174 0-11.785417-2.248204-16.280802-6.743588L287.390429 531.528775C278.399661 522.536984 278.399661 507.958964 287.390429 498.968196z"></path></symbol><symbol id="icon-shoucangshoucang" viewBox="0 0 1024 1024"><path d="M190.87872 127.1552l642.05312 0c34.82624 0 66.56 14.2848 89.53344 37.26336l0.08704 0.08704c22.97856 22.99392 37.26336 54.69184 37.26336 89.5488l0 571.54048c0 34.8416-14.2848 66.53952-37.26336 89.53344l-0.08704 0.1024c-22.97344 22.97856-54.7072 37.248-89.53344 37.248l-642.05312 0c-34.8416 0-66.53952-14.26944-89.53344-37.248l-0.08704-0.1024c-22.97856-22.99392-37.26336-54.69184-37.26336-89.53344l0-571.54048c0-34.92864 14.26944-66.65728 37.26336-89.63584C124.2368 141.42464 155.96544 127.1552 190.87872 127.1552L190.87872 127.1552zM832.93184 177.62816 190.87872 177.62816c-20.97664 0-40.0896 8.6016-53.95456 22.45632-13.8496 13.86496-22.45632 32.9728-22.45632 53.96992l0 571.54048c0 21.02272 8.576 40.14592 22.41024 53.99552 13.86496 13.83424 32.9728 22.4256 53.99552 22.4256l642.05312 0c21.00736 0 40.13056-8.59136 53.98016-22.4256 13.8496-13.8496 22.4256-32.9728 22.4256-53.99552L909.33248 254.0544c0-21.03808-8.576-40.14592-22.4256-54.01088C873.06752 186.20928 853.9392 177.62816 832.93184 177.62816z"></path><path d="M615.098 320.458c-40.599 0-78.348 20.367-103.194 53.949-24.832-33.591-62.572-53.949-103.193-53.949-73.186 0-132.727 65.097-132.727 145.12 0 47.739 21.325 81.23 38.468 108.137 49.822 78.158 175.09 175.421 180.396 179.522 5.111 3.951 11.088 5.929 17.05 5.929 5.976 0 11.943-1.978 17.048-5.929 5.313-4.101 130.59-101.365 180.396-179.522 17.151-26.909 38.484-60.398 38.484-108.137C747.825 385.555 688.281 320.458 615.098 320.458L615.098 320.458zM685.106 555.244c-47.422 74.419-173.209 171.621-173.209 171.621s-125.772-97.201-173.211-171.621c-17.496-27.472-33.162-53.586-33.162-89.666 0-62.303 46.193-112.829 103.186-112.829 42.119 0 78.276 27.632 94.315 67.193l0-0.196 0.043 0c1.195 4.124 4.679 7.132 8.828 7.132 4.163 0 7.647-3.008 8.833-7.132l0.121 0c16.078-39.442 52.185-66.996 94.246-66.996 56.979 0 103.187 50.526 103.187 112.829C718.284 501.658 702.616 527.771 685.106 555.244L685.106 555.244z"></path></symbol><symbol id="icon-xinjian" viewBox="0 0 1024 1024"><path d="M832 128 512 128 512 192 128 192 0 192 0 320 0 768 0 896 128 896 448 896 448 832 64 832 64 256 576 256 576 192 896 192 896 384 960 384 960 256 960 128Z"></path><path d="M768 448 704 448 704 640 512 640 512 704 704 704 704 896 768 896 768 704 960 704 960 640 768 640Z"></path></symbol><symbol id="icon-xinjian1" viewBox="0 0 1024 1024"><path d="M865.932542 479.653786 543.495806 479.653786 543.495806 157.218073 479.008049 157.218073 479.008049 479.653786 156.573359 479.653786 156.573359 544.141543 479.008049 544.141543 479.008049 866.577256 543.495806 866.577256 543.495806 544.141543 865.932542 544.141543 865.932542 479.653786Z"></path></symbol></svg>
<div class="background" style="background-color: rgb(32, 3, 80);">
</div>
<nav>
</nav>
<div class="main">
<div class="ch intro">
<div class="el">
<span style="height: 377.719px;"></span>
<span style="height: 377.719px;"></span>
<span style="height: 377.719px;"></span>
<span style="height: 377.719px;"></span>
</div>
<div class="hello">
<!-- <h1 id="slogan">人生思考…… </h1> -->
<h1>
<div class="circle">
<span></span>
<span></span>
<span></span>
</div>欢迎来到小洋api中心</h1>
</div>
</div>
<div class="ch about">
<div class="container">
<h2 class="chtitle">更好用的API，API</h2>
<div class="clear">
<div class="introduct">
</div>
<ul class="skill">
<li> <p>可靠性</p>
<div class="progress">
<div style="width:88%;"></div>
</div> </li>
<li> <p>可调用性</p>
<div class="progress">
<div style="width:95%;"></div>
</div> </li>
<li> <p>速度</p>
<div class="progress">
<div style="width:75%;"></div>
</div> </li>
<li> <p>兼容性</p>
<div class="progress">
<div style="width:95%;"></div>
</div> </li>
<li> <p>安全性</p>
<div class="progress">
<div style="width:82%;"></div>
</div> </li>
</ul>
</div>
</div>
</div>
<div class="find ch">
<div class="container links">
<h2 class="chtitle">小洋网络科技</h2>
<div class="clear">
<a href="http://laoliapi.cn/css/qqapi.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #28A9E0"></div>
<div class="inner">
<span>昵称头像API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/lt.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #E6162D"></div>
<div class="inner">
<span>聊天接口API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/sl.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #F09199"></div>
<div class="inner">
<span>百度收录API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/2wm.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #b600ff"></div>
<div class="inner">
<span>二维码生成API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/vip.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #00FFFF"></div>
<div class="inner">
<span>视频解析API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/2cytp.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #010504"></div>
<div class="inner">
<span>二次元图片</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/gif.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #7B68EE"></div>
<div class="inner">
<span>GIF动图API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/biying.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #0000FF"></div>
<div class="inner">
<span>必应图片API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/bqzz.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #FFC125"></div>
<div class="inner">
<span>表情制作API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/shou.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #FF00FF"></div>
<div class="inner">
<span>搜图API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/qqbq.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #D6D6D6"></div>
<div class="inner">
<span>QQ表情API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/ygz.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B4513"></div>
<div class="inner">
<span>荧光字API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/taoke.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #00CD00"></div>
<div class="inner">
<span>淘客API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/mptp.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #008B00"></div>
<div class="inner">
<span>美拍图片API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/qqzx.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B658B"></div>
<div class="inner">
<span>QQ检测API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/yiyan.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #FF00FF "></div>
<div class="inner">
<span>一言API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/baide.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B008B "></div>
<div class="inner">
<span>百得姐API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/mpsp.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #90EE90 "></div>
<div class="inner">
<span>美拍视频API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/ipqm.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B4513 "></div>
<div class="inner">
<span>IP签名档API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/mp3.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #9400D3 "></div>
<div class="inner">
<span>音乐解析API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/IP.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #228B22 "></div>
<div class="inner">
<span>IP查询API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/lsjt.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B0000 "></div>
<div class="inner">
<span>历史今天API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/plp.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #7B68EE "></div>
<div class="inner">
<span>云漂流瓶API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/qingchang.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B658B "></div>
<div class="inner">
<span>小冰唱歌API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/cts.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B864E "></div>
<div class="inner">
<span>藏头诗API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/xlrs.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #BEBEBE "></div>
<div class="inner">
<span>新浪热搜榜</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/ico.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #483D8B "></div>
<div class="inner">
<span>ICO图标获取</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/dwz.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #00868B "></div>
<div class="inner">
<span>短网址API</span>
</div>
</div></a>
<a href="http://api.laolibab.cn/king/api-nhdz.php" target="_blank">
<div class="item">
<div class="bg" style="background-color: #B8860B "></div>
<div class="inner">
<span>内涵段子API</span>
</div>
</div></a>
<a href="http://api.laolibab.cn/king/api-cmy.php" target="_blank">
<div class="item">
<div class="bg" style="background-color: #8B0000 "></div>
<div class="inner">
<span>猜谜语API</span>
</div>
</div></a>
<a href="http://api.laolibab.cn/king/api-jzw.php" target="_blank">
<div class="item">
<div class="bg" style="background-color: #FF3030 "></div>
<div class="inner">
<span>急转弯API</span>
</div>
</div></a>
<a href="http://api.laolibab.cn/king/api-cq.php" target="_blank">
<div class="item">
<div class="bg" style="background-color: #FF69B4 "></div>
<div class="inner">
<span>抽解签API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/king/douyin.php?url=" target="_blank">
<div class="item">
<div class="bg" style="background-color: #32CD32 "></div>
<div class="inner">
<span>抖音解析API</span>
</div>
</div></a>
<a href="http://laoliapi.cn/css/94api.html" target="_blank">
<div class="item">
<div class="bg" style="background-color: #778899 "></div>
<div class="inner">
<span>94API</span>
</div>
</div></a>
</div>
</div>
</div>
<div class="gate ch">
<div class="container links">
<h2 class="chtitle">由以下提供</h2>
<div class="clear">
<a href="http://blog.laolibab.cn/" target="_blank">
<div class="item">
<div class="avatar">
<img src="./小洋_files/logo.png">
</div>
<div class="inner">
<h5>小洋博客</h5>
<p>赞助了本站10元</p>
</div>
</div></a>
<a href="cn/" target="_blank">
<div class="item">
<div class="avatar">
<img src="./小洋_files/CleverQQ.png">
</div>
<div class="inner">
<h5>腾讯QQ</h5>
<p>赞助了本站100元</p>
</div>
</div></a>
<a href="/#" target="_blank">
<div class="item">
<div class="avatar">
<img src="./小洋_files/headimg_dl">
</div>
<div class="inner">
<h5>东东</h5>
<p>赞助了本站10元</p>
</div>
</div></a>
<a href="#" target="_blank">
<div class="item">
<div class="avatar">
<img src="./小洋_files/headimg_dl(1)">
</div>
<div class="inner">
<h5>有梦科技</h5>
<p>赞助了本站15元</p>
</div>
</div></a>
<a href="#" target="_blank">
<div class="item">
<div class="avatar">
<img src="./小洋_files/headimg_dl(2)">
</div>
<div class="inner">
<h5>letting go</h5>
<p>赞助了本站188.88元</p>
</div>
</div></a>
</div></div></div>
<style>
*{
padding: 0;
margin: 0;
transition-timing-function: cubic-bezier(.19,1,.22,1);
}
body,html{
height: 100%;
width: 100%;
font-family: "Microsoft YaHei";
-webkit-font-smoothing: antialiased;
color: #fff;
line-height: 1.5em;
}
div.background{
position: fixed;
width: 100%;
height: 100%;
transition: .3s all;
background-color: #252525;
/*background: #73C8A9;
background: -webkit-linear-gradient(to top, #A7BFE8, #6190E8);
background: linear-gradient(to top, #A7BFE8, #6190E8);
background: url(../images/h.pg) center center no-repeat;
background-size: cover;
*/
}
div.background:after{
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,.3));
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(255,255,255,.3));
}
.intro{
position: relative;
}
.clear:after{
content:"";
display:block;
height:0;
visibility:hidden;
clear:both;
}
div.el{
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%) translateY(-50%);
}
div.el span{
position: relative;
top: 0;
left: 8%;
display: inline-block;
width: 28%;
margin-left: -18%;
height: 0;
background-color: rgba(255,255,255,.16);
animation: bg 20s linear infinite;
-webkit-animation: bg 20s linear infinite;
-ms-animation: bg 20s linear infinite;
-moz-animation: bg 20s linear infinite;
}
div.el span:nth-child(1){
animation-delay: .0s;
-webkit-animation-delay: .0s;
-ms-animation-delay: .0s;
-moz-animation-delay: .0s;
opacity: 1;
}
div.el span:nth-child(2){
animation-delay: .22s;
-webkit-animation-delay: .22s;
-ms-animation-delay: .22s;
-moz-animation-delay: .22s;
opacity: .75;
}
div.el span:nth-child(3){
animation-delay: .44s;
-webkit-animation-delay: .44s;
-ms-animation-delay: .44s;
-moz-animation-delay: .44s;
opacity: .5;
}
div.el span:nth-child(4){
animation-delay: .66s;
-webkit-animation-delay: .66s;
-ms-animation-delay: .66s;
-moz-animation-delay: .66s;
opacity: .25;
}
@keyframes bg
{
0% {
transform:rotate(0deg);
border-radius: 0;
}
50% {
transform:rotate(180deg);
border-radius: 0;
}
100% {
transform:rotate(360deg);
border-radius: 0;
}
}
@-webkit-keyframes bg
{
0% {
transform:rotate(0deg);
border-radius: 0;
}
50% {
transform:rotate(180deg);
border-radius: 0;
}
100% {
transform:rotate(360deg);
border-radius: 0;
}
}
@-ms-keyframes bg
{
0% {
transform:rotate(0deg);
border-radius: 0;
}
50% {
transform:rotate(180deg);
border-radius: 0;
}
100% {
transform:rotate(360deg);
border-radius: 0;
}
}
@-moz-keyframes bg
{
0% {
transform:rotate(0deg);
border-radius: 0;
}
50% {
transform:rotate(180deg);
border-radius: 0;
}
100% {
transform:rotate(360deg);
border-radius: 0;
}
}
nav{
position: fixed;
left: 20px;
top: 0;
z-index: 2333;
transform:rotate(90deg) translate3d(0,0,0);
transform-origin: 0% 100%;
opacity: .7;
transition: .3s all ease-out;
font-family: 'Roboto', 'Tahoma',"Consolas","Microsoft YaHei";
}
nav:hover{
opacity: 1;
}
nav a{
display: inline-block;
font-size: 15px;
color: #fff;
text-decoration: none;
margin: 0 10px;
opacity: .4;
transition: .3s all;
}
nav a.time{
opacity: 1;
}
nav a:hover,
nav a.active{
text-decoration: underline;
opacity: 1;
}
.main{
position: relative;
z-index: 1000;
width: 100%;
height: 100%;
}
.ch{
width: 100%;
padding: 50px 0;
animation: fadedown 1s cubic-bezier(.19,1,.22,1);
-webkit-animation: fadedown 1s cubic-bezier(.19,1,.22,1);
-ms-animation: fadedown 1s cubic-bezier(.19,1,.22,1);
-moz-animation: fadedown 1s cubic-bezier(.19,1,.22,1);
}
.ch h2.chtitle{
padding-bottom: 30px;
font-size: 26px;
letter-spacing: .2em;
color: rgba(255,255,255,.3);
}
.ch h2.chtitle span{
color: #fff;
}
.ch h2.chtitle:after{
content: '';
display: block;
width: 10%;
height: 2px;
background-color: rgba(255,255,255,.3);
margin-top: 30px;
}
@keyframes fadedown
{
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes fadedown
{
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-ms-keyframes fadedown
{
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-moz-keyframes fadedown
{
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.container{
position: relative;
width: 1000px;
margin: 0 auto;
height: 100%;
padding: 20px 0;
}
.intro{
color: #fff;
height: 100%;
padding: 0;
}
.intro .container{
animation: fadedown 3.5s cubic-bezier(.19,1,.22,1);
-webkit-animation: fadedown 3.5s cubic-bezier(.19,1,.22,1);
-ms-animation: fadedown 3.5s cubic-bezier(.19,1,.22,1);
-moz-animation: fadedown 3.5s cubic-bezier(.19,1,.22,1);
}
.hello{
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-60%);
}
.hello h1,
.hello h2{
font-weight: normal;
font-size: 18px;
line-height: 1.5em;
letter-spacing: .2em;
}
.hello h1{
font-size: 35px;
letter-spacing: .5em;
}
.hello h2{
padding-top: .6em;
}
.hello .circle{
float: left;
margin-right: 10px;
letter-spacing: 0;
}
.hello .circle span{
display: inline-block;
width: 13px;
height: 13px;
background-color: #fff;
border-radius: 100%;
margin-right: 5px;
}
.hello .circle span:nth-child(1){
background-color: #FF493F;
}
.hello .circle span:nth-child(2){
background-color: #F7C900;
}
.hello .circle span:nth-child(3){
background-color: #00ff37;
}
.about .introduct{
float: left;
width: 50%;
font-size: 14px;
line-height: 2em;
}
.about .skill{
float: right;
width: 50%;
}
.about ul.skill li{
list-style: none;
padding: 6px 0;
}
.about ul.skill li p{
display: inline-block;
width: 25%;
margin-right: 3%;
text-align: right;
font-size: 12px;
}
.about ul.skill li .progress{
display: inline-block;
width: 70%;
height: 3px;
background-color: rgba(255,255,255,.2);
vertical-align: middle;
}
.about ul.skill li .progress div{
background-color: #fff;
height: 3px;
position: relative;
}
ul.skill li .progress div{
animation: progressin 7s;
-webkit-animation: progressin 7s;
-ms-animation: progressin 7s;
-moz-animation: progressin 7s;
}
@keyframes progressin
{
from {width:0;}
}
@-webkit-keyframes progressin
{
from {width:0;}
}
@-ms-keyframes progressin
{
from {width:0;}
}
@-moz-keyframes progressin
{
from {width:0;}
}
.about ul.skill li .progress div:after{
content: '';
display: inline-block;
position: absolute;
right: -4px;
top: -8px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 3px solid #fff;
}
.links a{
color: #fff;
text-decoration: none;
}
.find .links .item{
position: relative;
width: 22.6%;
height: 80px;
line-height: 80px;
margin: 10px 1.2%;
padding: 5px 0;
text-align: center;
float: left;
transition: .2s all;
opacity: .9;
}
.find .links .item:hover{
opacity: 1;
transform: translateY(-10px);
}
.find .links .item .inner{
position: relative;
z-index: 5;
}
.find .links .item .bg{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5%;
z-index: 0;
transition: .15s all;
}
.find .links .item:hover .bg{
height: 100%;
width: 100%;
border-radius: 5px;
box-shadow: 0 3px 20px rgba(0,0,0,.28);
}
.find .links .item i{
font-size: 20px;
}
.find .links .item span{
display: inline-block;
width: 100px;
}
.gate .links .item {
margin: 5px 0;
padding: 15px 1.5%;
float: left;
width: 22%;
height: 60px;
transition: .2s all;
opacity: .85;
}
.gate .links .item.akarin{
opacity: .58;
}
.gate .links .item:hover{
opacity: 1;
border-radius: 5px;
background-color: rgba(255,255,255,.25);
transform: translateY(-5px);
box-shadow: 0 3px 20px rgba(0,0,0,.28);
}
.gate .links .item .avatar{
float: left;
height: 60px;
line-height: 60px;
width: 60px;
border-radius: 100%;
text-align: center;
margin-right: 15px;
background-color: #353535;
overflow: hidden;
}
.gate .links .item .avatar i{
font-size: 24px;
}
.gate .links .item .avatar img{
height: 60px;
max-width: 60px;
border-radius: 100%;
}
.gate .links .item .inner{
padding: 6px;
}
.gate .links .item .inner h5{
font-weight: normal;
font-size: 17px;
}
.gate .links .item .inner p{
font-size: 13px;
color: rgba(255,255,255,.6);
}
.footer{
text-align: center;
}
.footer a{
color: inherit;
text-decoration: none;
}
.footer a:hover{
text-decoration: underline;
}
.footer h3{
font-weight: normal;
font-size: 20px;
letter-spacing: .8em;
margin: 6px 0;
}
.footer p{
font-size: 12px;
letter-spacing: 1em;
opacity: .3;
}
.footer p.c{
margin-top: 20px;
letter-spacing: .1em;
}
@media screen and (min-width: 1400px) {
body{
}
.container{
width: 70%;
}
nav a{
font-size: 18px;
}
}
@media screen and (max-width: 700px) {
body,html{
min-width: 0;
}
.container{
width: auto;
margin: 0 5%;
}
div.el span{
display: block;
width: 60%;
left: 0;
top: 75px;
margin-left: 0;
margin: 0 auto;
margin-top: -40%;
}
nav{
padding: 15px 5%;
overflow: auto;
font-size: 13px;
left: 0;
top: inherit;
bottom: 0;
transform:rotate(0deg) translate3d(0,0,0);
transform-origin: 0% 100%;
white-space:nowrap;
width: 90%;
background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
}
.ch{
padding: 40px 0;
}
.hello{
width: 90%;
padding: 5%;
text-align: center;
}
.hello .circle {
float: none;
margin-right: 0;
}
.hello h2 {
padding-top: 0;
}
.hello h1, .hello h2 {
font-weight: normal;
font-size: 14px;
}
.hello .circle{
padding: 20px;
}
.hello .circle span {
margin-right: 0;
margin: 0 5px;
width: 10px;
height: 10px;
}
.hello h1 {
font-size: 26px;
}
.about .introduct,
.about .skill {
float: none;
width: auto;
}
.about .introduct{
padding: 0 5%;
}
.about .skill{
padding-top: 40px;
}
.about ul.skill li p {
text-align: center;
}
.find .links .item,
.gate .links .item{
width: 46%;
height: auto;
padding: 5px 0;
margin: 10px 2%;
}
.find .links .item{
height: 60px;
line-height: 60px;
font-size: 13px;
}
.gate .links .item .avatar {
height: 40px;
line-height: 40px;
width: 40px;
}
.gate .links .item .avatar img {
height: 40px;
max-width: 40px;
}
.gate .links .item .inner {
padding: 0;
}
.gate .links .item .inner h5 {
font-size: 15px;
}
.gate .links .item .inner h5,
.gate .links .item .inner p{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.footer{
padding-bottom: 100px;
}
.footer h3{
letter-spacing: .2em;
}
.footer p{
letter-spacing: .2em;
}
}
</style>
</body></html>
