dz.uy9.co.index.html,taro-user-cases

最新推荐文章于 2023-06-26 14:10:25 发布

傅融

最新推荐文章于 2023-06-26 14:10:25 发布

阅读量2.6k

点赞数

文章标签： dz.uy9.co.index.html

Taro 案例

.header {

height: 80px;

position: relative;

z-index: 10; }

.nav {

padding-top: 6px;

height: 48px; }

.nav_logo {

box-sizing: content-box;

float: left;

position: relative;

padding-top: 19px;

width: 90px;

height: 32px;

margin-right: 10px;

line-height: 30px;

font-size: 24px;

color: #fff;

font-weight: 700;

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAA8CAYAAADi8H14AAAAAXNSR0IArs4c6QAABO9JREFUeAHtW8lqFUEU9TlFBRU1Ik4IwRlRiPNCcCAuVHChS0Vw5Q/4Ee4FF/oD4l4MuNZEs3AgRg1RiKhx1jiLGs8Jr5O2X3dVdfere8u0F4rXr+/tuueeVJ+uqn6pTaqIjYyMLESp+9CWoy1Bm4Xm03pqtdr5qT4zhNA3iJ0GHEfRdqFNEcR0j7kmNMEgl4SeQtvAYoVtlODJwkml0x1DQg1yn0Me3rFY5xGM0dCK+ON1wOvxOQdNy86igHOm5MC7CP6dphiPvtHRy/6tBANoC+JO15smqcQb2Z3owPDZAV/N4Pfp6o06NxIMcum/iHY4uiCAT956XSYcwE3p22yK8ej7ib77o/5tGnwBgSGRS9ydkIdfUQEZnytw3vc0LCP1pH7g+xE5MwnGKGhH0IkoMKDPyw5Y+IzQsjH9JYBMguGj7oZmIwB0xQGUJsFj+kucqQRj9M6Gj5Pz0Owmbr9XJlDAPgP+NlOMR98w8D2N959KMAL2oBkfgPFOBI9d5GEN8GTV5RvqX/LAZFlA9vtGUrB/F4KDkQfWmDVKQyT4I/AeggQcsfxxuOdQZgbxCNe/tuTIct9POhoIRgGc4qxKBgbw/TswHLDg4N7DMkuMzf3XQ8oWHPMPQn+HY99HD9MkIsTRS7AfkuBTvs9MOZfn1GcEsxWxBv1lJ/8KwZyeNYyOFBbKEvwipU/XU3aCIQ8knJvSodknALKt3oiZU7QyVpRgrtwG0hInR/AWBM1LC1Q+5yIP04ExWU8e2L8RbJxjGzp7AP3lHkSDJQFVWX/fgB2Xu6SBRJxIlQcG/gsE8/b7SrAW05IHwrITDP3l8niHpQgNt4s8cN+X+9ZlrKj+voU8DGUljo/g3QjiC8LQzIVgjt4ym+vfcL3LLCWNm8zRy+A4wSHqLx88LoVrTs+MC5PQCeb0jCTbTEt/OT9vWB7HwY4SXF8er447Ajl2kQcuj8tIG0kqOj17DP39YuIqGsEdpiBFnwvBZeWB7/jGXvHkrNWov+wr2uwJUX+5ucOHj804d31vCzL4r8LXafCbXDdMTvpq9eUxb5H5tmBh/0vkGxTIeRK3+V1feSgRXB6HRi7rdZEHxpUx7jFbb/MyCUhwiPrLmQOL923dGL1Fl8dO2KjBLOaSU7SfoKXodm2ia2qvy/QscVnur125r8h5QZnVT85U6eF4BpyBZ2+61/vZgxjB1HpvRolQs/oDdqsSgAHf5LIuVYKRfx0aN5k07LpEUm2Ct0sUmZHjP8EZxDTjNBcxt5rRka0PtREM/eUSd6MNoCc//0Gl6PI4FyQ1goGyHS1aqucC3YRgEXkgTk2CJ7z+VpXgZ5CHwSbcBU5dqIxg6G8r0LU5IWx+kJg8ELoKwchbCXmoIsHc2Olh4VKmNYK3SRWYyHMb+lv0x32Jrty+ihMM/V0JaAvc4DU9SlR/iV6cYOSsjP5WjWD+9uwhi5Y00REMeeDrda7gNIxvL/iKXtRECUZlm9BaRCscT3Zt/FDuSJpgLf3lyO2Wo3U8U1UI7oM8lPntxDhjOY/ECIb+zgW25MvNnHALh3t/uZmFTIxgAOC7N62XrCr6S9IlCdbSX67celmshlWBYE7PUv9BRYJwEYKhv8tRzGKJglJyiC+P4xhECEZCLXlgrWoPOCaf6ATzB9JDLFTLpF469qHAJwpFev3lpEs9fwBpxe4J7SMAYgAAAABJRU5ErkJggg==) no-repeat 0 bottom;

background-size: 44px auto;

color: #2D3036;

overflow: hidden;

text-indent: -99em; }

.nav_logo::after {

content: '';

position: absolute;

bottom: 0;

right: 0;

width: 43px;

height: 16px;

background: url(data:image/png;base64,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) no-repeat 0 0;

background-size: 43px 16px; }

.nav_list {

float: left;

margin-left: 100px; }

.nav_list_item {

position: relative;

display: inline-block;

min-width: 90px;

height: 74px;

text-align: center;

margin-right: 10px; }

.nav_list_item_l {

position: relative;

z-index: 1;

font-size: 16px;

padding: 0 10px;

line-height: 74px;

color: #2D3036;

cursor: pointer;

opacity: 0.8; }

.nav_list_item_l:hover {

color: #2D3036;

opacity: 1; }

.nav_list_item_l:active {

color: #2D3036;

opacity: 0.8; }

.nav_list_item_current {

position: relative; }

.nav_list_item_current .nav_list_item_l {

opacity: 1; }

.nav_list_item_current:after {

content: '';

position: absolute;

bottom: 0;

left: 50%;

z-index: 0;

width: 75%;

height: 2px;

transform: translateX(-50%);

background: linear-gradient(to right, #00B2BD, #2CEB85); }

.nav .user {

float: right;

padding-top: 21px; }

.nav .user_btn {

margin-left: 30px;

display: inline-block;

padding: 0 30px;

font-size: 14px;

line-height: 28px;

border: 1px solid #2D3036;

border-radius: 14px;

color: #2D3036;

transition: all 0.3s ease; }

.nav .user_btn:hover {

color: #367ff7;

border-color: #367ff7; }

.nav .user_info, .nav .user_loginout {

font-size: 14px;

line-height: 30px;

color: #808080; }

.nav .user_info:hover, .nav .user_loginout:hover {

color: #367ff7; }

.nav .user_info:active, .nav .user_loginout:active {

color: #062ead; }

.nav .user_info {

margin-right: 30px; }

.immersive.header {

position: absolute;

top: 0;

left: 0;

width: 100%;

z-index: 10; }

.immersive.header .nav_list_item_l {

color: #fff;

opacity: 0.8;

text-shadow: 0 0 1px currentColor; }

.immersive.header .nav_list_item_l:hover {

opacity: 1;

color: #fff; }

.immersive.header .nav_list_item_l:active {

opacity: 0.8; }

.immersive.header .nav_list_item_current .nav_list_item_l {

opacity: 1; }

.immersive.header .user_btn {

border-color: #fff;

color: #fff;

transition: all 0.3s ease; }

.immersive.header .user_btn:hover {

color: #0000C2;

background: #fff;

border-color: #fff; }

.immersive.header .user_info,

.immersive.header .user_loginout {

color: #a4a4a4; }

.tooltip {

display: block;

box-sizing: border-box;

position: absolute;

top: 45px;

left: 50%;

transform: translate(-50%, 0);

transition: opacity .3s ease-out;

padding: 4px 0;

margin-top: 2px;

opacity: 0; }

.tooltip_arrow_top {

position: absolute;

display: block;

top: 0;

left: 50%;

width: 0;

height: 0;

margin-left: -4px;

border: 4px solid transparent;

border-top-width: 0;

border-bottom-color: #000; }

.tooltip_cont {

display: block;

box-sizing: border-box;

padding: 4px 8px;

max-width: 200px;

color: #fff;

font-size: 12px;

line-height: 1.5;

border-radius: 4px;

background-color: #000;

word-wrap: break-word;

white-space: nowrap; }

.nav_list_item:hover .tooltip {

opacity: 1;

transition: opacity .3s ease-out; }

.footer {

position: relative;

z-index: 10;

height: 500px;

border-top: 1px solid #cad3f1;

border-top: 1px solid rgba(164, 164, 164, 0.2); }

.footer_cont {

position: relative;

box-sizing: content-box;

height: 350px;

padding-top: 100px; }

.footer .footer_logo_container {

display: inline-block;

box-sizing: border-box;

width: 390px; }

.footer .footer_logo {

width: 117px;

height: 49px;

background-image: url(//img20.360buyimg.com/ling/jfs/t1/20876/36/12835/3043/5c9c2929Ed18cfb11/15b1c03ec830ab8e.png);

background-repeat: no-repeat;

background-size: 100% auto; }

.footer .footer_designedby {

position: absolute;

top: 300px;

left: 0;

width: 154px;

height: 12px;

background-image: url(//img30.360buyimg.com/ling/jfs/t1/33012/13/70/7004/5c9c2591E9cfedc30/28f3020042757672.png);

background-repeat: no-repeat;

background-size: 100% auto; }

.footer .footer_link_container {

display: inline-block;

box-sizing: border-box;

width: 800px;

vertical-align: top; }

.footer .footer_link {

display: inline-block;

width: 190px;

margin-left: 10px;

vertical-align: top; }

.footer .footer_link_tit {

padding-bottom: 20px;

font-size: 18px;

line-height: 27px;

color: #333;

vertical-align: middle; }

.footer .footer_link_tit:before {

content: '';

display: inline-block;

margin-right: 5px;

vertical-align: middle; }

.footer .footer_link_tit1::before {

width: 22px;

height: 22px;

background-size: 22px 22px; }

.footer .footer_link_tit2::before {

width: 22px;

height: 22px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2JiczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTAwJSIgeTE9IjU0LjA4NjE2MjElIiB4Mj0iMCUiIHkyPSI1NC4wODYxNjIxJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAyOEI0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMxNTdFRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl9iYnMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xMy4zMDA4ODc1LDIwLjkwNjY3MzYgQzE0Ljk2MDcwNjIsMTkuNDk2MTA1OSAxNS44NTQ5OTYxLDE2Ljg2MDU0OCAxNS45ODM3NTcsMTMgTDEzLDEzIEwxMywyMC45NDUwNzEyIEMxMy4xMDA4MDcsMjAuOTMzOTI3NiAxMy4yMDExMTIyLDIwLjkyMTExOSAxMy4zMDA4ODc1LDIwLjkwNjY3MzYgWiBNMTYuMTQ5MzM4NCwxOS45ODg1MTc3IEMxOC43NTEyMDY1LDE4LjYzNDMxNDMgMjAuNjA4MzIzMiwxNi4wNDYyNjkzIDIwLjk0NTA3MTIsMTMgTDE3Ljk4Mzc0NTEsMTMgQzE3Ljg3ODk1MzIsMTYuMTM5NjEzMyAxNy4yNjc0ODQzLDE4LjQ2OTExOTIgMTYuMTQ5MzM4NCwxOS45ODg1MTc3IFogTTEzLjMwMDg4NzUsMy4wOTMzMjYzNyBDMTMuMjAxMTEyMiwzLjA3ODg4MDk5IDEzLjEwMDgwNywzLjA2NjA3MjQyIDEzLDMuMDU0OTI4NzggTDEzLDExIEwxNS45ODM3NTcsMTEgQzE1Ljg1NDk5NjEsNy4xMzk0NTE5OSAxNC45NjA3MDYyLDQuNTAzODk0MTIgMTMuMzAwODg3NSwzLjA5MzMyNjM3IFogTTE2LjE0OTMzODQsNC4wMTE0ODIzMSBDMTcuMjY3NDg0Myw1LjUzMDg4MDc5IDE3Ljg3ODk1MzIsNy44NjAzODY2OSAxNy45ODM3NDUxLDExIEwyMC45NDUwNzEyLDExIEMyMC42MDgzMjMyLDcuOTUzNzMwNzQgMTguNzUxMjA2NSw1LjM2NTY4NTc0IDE2LjE0OTMzODQsNC4wMTE0ODIzMSBaIE0xMC42OTkxMTI1LDIwLjkwNjY3MzYgQzEwLjc5ODg4NzgsMjAuOTIxMTE5IDEwLjg5OTE5MywyMC45MzM5Mjc2IDExLDIwLjk0NTA3MTIgTDExLDEzIEw4LjAxNjI0MzA1LDEzIEM4LjE0NTAwMzkzLDE2Ljg2MDU0OCA5LjAzOTI5Mzc2LDE5LjQ5NjEwNTkgMTAuNjk5MTEyNSwyMC45MDY2NzM2IFogTTcuODUwNjYxNjEsMTkuOTg4NTE3NyBDNi43MzI1MTU2NywxOC40NjkxMTkyIDYuMTIxMDQ2NzcsMTYuMTM5NjEzMyA2LjAxNjI1NDkzLDEzIEwzLjA1NDkyODc4LDEzIEMzLjM5MTY3Njc2LDE2LjA0NjI2OTMgNS4yNDg3OTM0NywxOC42MzQzMTQzIDcuODUwNjYxNjEsMTkuOTg4NTE3NyBaIE0xMC42OTkxMTI1LDMuMDkzMzI2MzcgQzkuMDM5MjkzNzYsNC41MDM4OTQxMiA4LjE0NTAwMzkzLDcuMTM5NDUxOTkgOC4wMTYyNDMwNSwxMSBMMTEsMTEgTDExLDMuMDU0OTI4NzggQzEwLjg5OTE5MywzLjA2NjA3MjQyIDEwLjc5ODg4NzgsMy4wNzg4ODA5OSAxMC42OTkxMTI1LDMuMDkzMzI2MzcgWiBNNy44NTA2NjE2MSw0LjAxMTQ4MjMxIEM1LjI0ODc5MzQ3LDUuMzY1Njg1NzQgMy4zOTE2NzY3Niw3Ljk1MzczMDc0IDMuMDU0OTI4NzgsMTEgTDYuMDE2MjU0OTMsMTEgQzYuMTIxMDQ2NzcsNy44NjAzODY2OSA2LjczMjUxNTY3LDUuNTMwODgwNzkgNy44NTA2NjE2MSw0LjAxMTQ4MjMxIFogTTEyLDIzIEM1LjkyNDg2Nzc1LDIzIDEsMTguMDc1MTMyMiAxLDEyIEMxLDUuOTI0ODY3NzUgNS45MjQ4Njc3NSwxIDEyLDEgQzE4LjA3NTEzMjIsMSAyMyw1LjkyNDg2Nzc1IDIzLDEyIEMyMywxOC4wNzUxMzIyIDE4LjA3NTEzMjIsMjMgMTIsMjMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;

background-size: 22px 22px; }

.footer .footer_link_tit3::before {

width: 22px;

height: 22px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2Fib3V0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxMDAlIiB5MT0iNTQuMDg2MTYyMSUiIHgyPSIwJSIgeTI9IjU0LjA4NjE2MjElIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMwMDI4QjQiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzE1N0VGRiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJpY29uX2Fib3V0IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMiw0IEwyMiw0IEMyMy4xMDQ1Njk1LDQgMjQsNC44OTU0MzA1IDI0LDYgTDI0LDE4IEMyNCwxOS4xMDQ1Njk1IDIzLjEwNDU2OTUsMjAgMjIsMjAgTDIsMjAgQzAuODk1NDMwNSwyMCAxLjM1MjcwNzVlLTE2LDE5LjEwNDU2OTUgMCwxOCBMMCw2IEMtMS4zNTI3MDc1ZS0xNiw0Ljg5NTQzMDUgMC44OTU0MzA1LDQgMiw0IFogTTcuNSwxMiBDOC44ODA3MTE4NywxMiAxMCwxMC44ODA3MTE5IDEwLDkuNSBDMTAsOC4xMTkyODgxMyA4Ljg4MDcxMTg3LDcgNy41LDcgQzYuMTE5Mjg4MTMsNyA1LDguMTE5Mjg4MTMgNSw5LjUgQzUsMTAuODgwNzExOSA2LjExOTI4ODEzLDEyIDcuNSwxMiBaIE01LjUsMTMgQzQuMTE5Mjg4MTMsMTMgMywxNC4xMTkyODgxIDMsMTUuNSBMMywxNyBDMywxNy41NTIyODQ3IDMuNDQ3NzE1MjUsMTggNCwxOCBMMTEsMTggQzExLjU1MjI4NDcsMTggMTIsMTcuNTUyMjg0NyAxMiwxNyBMMTIsMTUuNSBDMTIsMTQuMTE5Mjg4MSAxMC44ODA3MTE5LDEzIDkuNSwxMyBMNS41LDEzIFogTTE0LDggQzEzLjQ0NzcxNTMsOCAxMyw4LjQ0NzcxNTI1IDEzLDkgTDEzLDEwIEMxMywxMC41NTIyODQ3IDEzLjQ0NzcxNTMsMTEgMTQsMTEgTDIwLDExIEMyMC41NTIyODQ3LDExIDIxLDEwLjU1MjI4NDcgMjEsMTAgTDIxLDkgQzIxLDguNDQ3NzE1MjUgMjAuNTUyMjg0Nyw4IDIwLDggTDE0LDggWiBNMTYsMTMgQzE1LjQ0NzcxNTMsMTMgMTUsMTMuNDQ3NzE1MyAxNSwxNCBMMTUsMTUgQzE1LDE1LjU1MjI4NDcgMTUuNDQ3NzE1MywxNiAxNiwxNiBMMjAsMTYgQzIwLjU1MjI4NDcsMTYgMjEsMTUuNTUyMjg0NyAyMSwxNSBMMjEsMTQgQzIxLDEzLjQ0NzcxNTMgMjAuNTUyMjg0NywxMyAyMCwxMyBMMTYsMTMgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;

background-size: 22px 22px; }

.footer .footer_link_tit4::before {

width: 22px;

height: 22px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjMgKDU3NTQ0KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX3RoYW5rczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTAwJSIgeTE9IjU0LjA4NjE2MjElIiB4Mj0iMCUiIHkyPSI1NC4wODYxNjIxJSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMDAyOEI0IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMxNTdFRkYiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iaWNvbl90aGFua3MiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xNy4yMzYxMDY1LDYgTDIxLDYgQzIyLjEwNDU2OTUsNiAyMyw2Ljg5NTQzMDUgMjMsOCBMMjMsOSBDMjMsOS41NTIyODQ3NSAyMi41NTIyODQ3LDEwIDIyLDEwIEwyLDEwIEMxLjQ0NzcxNTI1LDEwIDEsOS41NTIyODQ3NSAxLDkgTDEsOCBDMSw2Ljg5NTQzMDUgMS44OTU0MzA1LDYgMyw2IEw2Ljc2Mzg5MzQ5LDYgQzYuMjg4ODUzNTcsNS40NjkyNDM1MSA2LDQuNzY4MzU0NDQgNiw0IEM2LDIuMzQzMTQ1NzUgNy4zNDMxNDU3NSwxIDksMSBDMTAuNjU2ODU0MiwxIDEyLDIuMzQzMTQ1NzUgMTIsNCBDMTIsMi4zNDMxNDU3NSAxMy4zNDMxNDU4LDEgMTUsMSBDMTYuNjU2ODU0MiwxIDE4LDIuMzQzMTQ1NzUgMTgsNCBDMTgsNC43NjgzNTQ0NCAxNy43MTExNDY0LDUuNDY5MjQzNTEgMTcuMjM2MTA2NSw2IFogTTkuNSwzIEM4LjY3MTU3Mjg4LDMgOCwzLjY3MTU3Mjg4IDgsNC41IEM4LDUuMzI4NDI3MTIgOC42NzE1NzI4OCw2IDkuNSw2IEwxMSw2IEwxMSw0LjUgQzExLDMuNjcxNTcyODggMTAuMzI4NDI3MSwzIDkuNSwzIFogTTE0LjUsMyBDMTMuNjcxNTcyOSwzIDEzLDMuNjcxNTcyODggMTMsNC41IEwxMyw2IEwxNC41LDYgQzE1LjMyODQyNzEsNiAxNiw1LjMyODQyNzEyIDE2LDQuNSBDMTYsMy42NzE1NzI4OCAxNS4zMjg0MjcxLDMgMTQuNSwzIFogTTMsMTIgTDExLDEyIEwxMSwyMiBMNCwyMiBDMi44OTU0MzA1LDIyIDIsMjEuMTA0NTY5NSAyLDIwIEwyLDEzIEMyLDEyLjQ0NzcxNTMgMi40NDc3MTUyNSwxMiAzLDEyIFogTTEzLDEyIEwyMSwxMiBDMjEuNTUyMjg0NywxMiAyMiwxMi40NDc3MTUzIDIyLDEzIEwyMiwyMCBDMjIsMjEuMTA0NTY5NSAyMS4xMDQ1Njk1LDIyIDIwLDIyIEwxMywyMiBMMTMsMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 0;

background-size: 22px 22px; }

.footer .footer_link .footer_link_connect {

color: #666; }

.footer .footer_link a,

.footer .footer_link .footer_link_wechat {

color: #666; }

.footer .footer_link a .wechat_qrcode_icon,

.footer .footer_link .footer_link_wechat .wechat_qrcode_icon {

display: inline-block;

margin-left: 5px;

width: 18px;

height: 18px; }

.footer .footer_link a:hover,

.footer .footer_link .footer_link_wechat:hover {

opacity: 0.6; }

.footer .footer_link .footer_link_wechat_img {

position: absolute;

top: -80px;

left: 50px;

width: 200px;

display: none; }

.footer .footer_link .footer_link_wechat_img img {

width: 100%; }

.footer .footer_link .footer_link_connect_wrap {

position: relative;

cursor: pointer; }

.footer .footer_link .footer_link_connect_wrap:hover .footer_link_wechat_img {

display: block; }

.footer .footer_link p {

font-size: 14px;

margin-bottom: 8px; }

.copyright {

height: 50px;

font-size: 14px;

color: #9aa9e1;

color: rgba(255, 255, 255, 0.6);

background: #0000C2;

text-align: center; }

.copyright .in {

line-height: 50px; }

var _hmt = _hmt || [];

(function() {

var hm = document.createElement("script");

hm.src = "https://hm.baidu.com/hm.js?7174e901581f5feaee1f909ce13af20b";

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm, s);

})();

傅融

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
dz.uy9.co.index.html,taro-user-cases

Taro 案例.header {height: 80px;position: relative;z-index: 10; }.nav {padding-top: 6px;height: 48px; }.nav_logo {box-sizing: content-box;float: left;position: relative;padding-top: 19px;width: 90px;heig...
复制链接

扫一扫