h5出行类app界面模仿
代码语言:html
所属分类:布局界面
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行程服务平台功能页面模板</title> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> <style type="text/css" media="all"> html,body { color: #333; margin: 0; height: 100%; font-family: myriad set pro,helvetica neue,Helvetica,Arial,Verdana,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 400 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } a { text-decoration: none; color: #000 } a,label,button,input,select { -webkit-tap-highlight-color: transparent } img { width: 100%; height: auto; display: block; border: 0 } body { background: #fff; color: #666 } html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td { margin: 0; padding: 0 } a { text-decoration: none; color: #08acee } button { outline: 0 } img { border: 0 } button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit; outline: none } li { list-style: none } a { color: #666 } .clearfix::after { clear: both; content: "."; display: block; height: 0; visibility: hidden } .clearfix {}.divHeight { width: 100%; height: 10px; background: #f5f5f5; position: relative; overflow: hidden } .r-line { position: relative } .r-line:after { content: ''; position: absolute; z-index: 0; top: 0; right: 0; height: 100%; border-right: 1px solid #d9d9d9; -webkit-transform: scaleX(.5); transform: scaleX(.5); -webkit-transform-origin: 100% 0; transform-origin: 100% 0 } .b-line { position: relative } .b-line:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #e2e2e2; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100% } .bfw-arrow { position: relative; padding-right: .8rem } .bfw-arrow span { font-size: .8rem; color: #9b9b9b } .bfw-arrow:after { content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-color: #848484; border-style: solid; -webkit-transform: matrix(.71,.71,-.71,.71,0,0); transform: matrix(.71,.71,-.71,.71,0,0); position: relative; top: -2px; position: absolute; top: 50%; margin-top: -4px; right: 2px; border-radius: 1px } .bfw-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px; position: relative } .bfw-flex-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333 } .bfw-flexView { width: 100%; height: 100%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .bfw-scrollView { width: 100%; height: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 55px } .bfw-navBar { height: 44px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 102; background: #f6f6f6 } .bfw-navBar-item { height: 44px; min-width: 25%; -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 .9rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: .7rem; white-space: nowrap; overflow: hidden; color: gray; position: relative } .bfw-navBar-item:first-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-right: -25%; font-size: .9rem; font-weight: 700 } .bfw-navBar-item:last-child { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .bfw-center { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 44px; width: 50%; margin-left: 25% } .bfw-center-title { text-align: center; width: 100%; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; font-size: .95rem; color: #333 } .icon { width: 20px; height: 20px; display: block; border: none; float: left; background-size: 20px; background-repeat: no-repeat } .icon-return { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAACh0lEQVRoQ+3ZMW8TMRQH8PcOsTBQISExVCIRCwgWFvZ+hZYBpIrEcTYkBsTGlI2VDamL3YEBpWJoR1BJaOlXYEzyDYp0bMRGRjnJoDuWs/1e3EbKeHf55b33vzsb4YJ98IJ54RKce8XZV1gIcQ8AviDiD2vtC631pzZFYQ2WUt611p4CwM0VcqqU2soSXIN1ztdKqTfZgRuw75RSz9tg3bHsWjomlh04NpYVOAWWDbjf7z8oimLipbH7bUopJdvO7L/Hk8+wwyLiCSLe8H6cww4BwGYFTo0lbWkKLBmYCksCrsNaa99rrZ/FmFnS0GrCdrvd3mg0MqEDqu58yVKaAzZZSwshHgLAsX/rcW2csrJVtaNXeIWdIuL16qJU2OgVrsMCwEGn03mSamaThVYTtizLp+PxeJkioJKFFldslJbmjA0O5o4NCm7AHpZluUM5s1FCSwjxCAA++7ceADiczWaPJ5PJL6qAihJaUspdY8w+Il7xLsASG6SlhRA/EfGa91BxNJ/Pd7hVNtiT1mAwOAeADXdCa637Hi0Wi3zBUsptY8wHRLzqwIh/nlbzbWmna0roLEOrmo11QQd9W1oHdFDwOrR3cLCH/uuFn0uQRQE7dMPKJHl6RwNzRUcF/w9N9VIRHVyhazbLDihWP5KAHbphOzQ5OhmYCzopmAM6OZgaTQL20FMAuOUtHESfaTLwCn3HWnuWEk0KpkCTg1OjWYArtDHmKyJu+jMdeh+KDdghh8NhZ7lcfvPRoXcaWYFToNmBY6NZgj20m+nb3pr3W631yzY7GWzBDtXr9TaLojjz0N+VUvezBXvoPQBw0Fda649Zg9vg6o5l3dKhse58l+AY/yqnc/4GvNDoTFOq8FwAAAAASUVORK5CYII=) } .m-slider { overflow-x: hidden; width: 92%; margin: 0 auto 1rem; position: relative } .slider-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-transform: translate3d(0px,0px,0px); transform: translate3d(0px,0px,0px); position: relative; z-index: 1; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform,-webkit-transform } .slider-item { width: 100%; height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: #f6f6f6 } .slider-item img { width: 100%; height: auto; display: block; border: none; border-radius: 5px } .slider-pagination { text-align: right; position: absolute; width: 100%; z-index: 2; right: 0; bottom: 10px; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .slider-pagination>.slider-pagination-item { margin: 0 .25rem; width: 10px; height: 3px; display: inline-block; background-color: rgba(0,0,0,.3) } .slider-pagination>.slider-pagination-item.slider-pagination-item-active { background-color: #266eff } .bfw-palace { padding: .5rem 0; position: relative; overflow: hidden } .bfw-palace-grid { position: relative; float: left; padding: 1px; width: 20%; box-sizing: border-box; margin: 5px 0 } .bfw-palace-grid-icon { width: 30px; height: 30px; margin: 0 auto } .bfw-palace-grid-icon img { display: block; width: 100%; height: 100%; border: none } .bfw-palace-grid-text { display: block; text-align: center; color: #333; font-size: .85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: .2rem } .bfw-palace-grid-text h2 { font-size: .8rem; font-weight: 400; color: #666 } .m-actionsheet { text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; background-color: #efeff4; -webkit-transform: translate(0,100%); transform: translate(0,100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .mask-black { background-color: rgba(0,0,0,.4); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; z-index: 998 } .actionsheet-action { display: block; margin-top: .15rem; font-size: .28rem; color: #555; height: 1rem; line-height: 1rem; background-color: #fff } .m-actionsheet { text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10005; background-color: #fff; -webkit-transform: translate(0,100%); transform: translate(0,100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s } .actionsheet-toggle { -webkit-transform: translate(0,0); transform: translate(0,0) } .actionsheet-item { display: block; position: relative; font-size: .85rem; color: #555; height: 2rem; line-height: 2rem; background-color: #fff } .actionsheet-item { display: block; position: relative; font-size: .85rem; color: #555; height: 2rem; line-height: 2rem; background-color: #fff } .bfw-coll-cancel a { height: 45px; line-height: 45px; font-size: 12px; background: #f9f9f9; display: block; text-align: center; width: 100% } .bfw-coll-share-img { width: 38px; height: 38px; margin: 0 auto } .bfw-coll-share-img img { width: 100%; height: auto; display: block; border: none } .bfw-coll-share-box { position: relative; overflow: hidden; padding: 10px 0 } .bfw-coll-cancel a { height: 45px; line-height: 45px; font-size: 12px; background: #f9f9f9; display: block; text-align: center; width: 100% } .bfw-coll-share-item { position: relative; float: left; padding: 8px 10px; width: 33.333%; box-sizing: border-box; font-size: 12px; height: 85px } .bfw-rule { position: absolute; right: 0; top: 1rem; background: #54ca9a; border-radius: 50px 0 0 50px; font-size: .8rem; padding: .2rem .6rem; color: #fff } .bfw-jon-user { width: 50px; height: 50px; margin-right: .5rem } .bfw-jon-user img { border-radius: 50px } .bfw-palace-one .bfw-palace-grid { width: 20% } .bfw-palace-one .bfw-palace-grid-icon { width: 50px; height: 50px } .bfw-palace-one .bfw-palace-grid-one { width: 40% } .bfw-palace-one .bfw-palace-grid-icon-one { width: 85%; background: #266eff; border-radius: 55px; font-size: 1rem; color: #fff; height: 50px; font-weight: 700; padding-left: 1rem; padding-top: .8rem } .icon-wifi { margin-top: .2rem; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIcAAABkCAYAAACsNyMmAAAMHElEQVR4Xu2dB7AsVRGG/9+cxZxzzrmQYD1FBIkKVgGWgoJiaWEAVBQtFVQERAsRU2kpYBYxPBVFEQPmLGZBBQPmnC1DW5/V97nvvr13J+/M7HbV1L4wc+ac3n/79On+Tx9rxBIRV5B0G0m3lHQLSdeUdBVJV81P/jz5d/79r5L+IOmPea3+8+8k/VDS9yRdYPsXY1WhxzCwiLiTpDskCFaAcGtJ1+5gfIDp25J+kIABNN+x/ekO3t3qKwYHjoi4rKR7Sdpe0naStpV09Va1VK3xv0v6oqRPrly2sUKDkd6DIyIuJ2lHSRsSCIBhqPJ1SZ+R9HFJZ9n+bZ8H0ktwRMQlJN1P0sMl7Z1+QZ/1WKVv/5L0QUlvkLTRNpamV9IrcETEXSU9TNJDJd2gV5pqtzN/kvQOSW+U9FHb/2n3dcVanzs4IuI6kg5MK4FTuejyU0lvkfRa2zi6c5O5gSMibi7p6ZIOkISTuZTNNRCS3ifpubZxbDuXzsGRy85npy+Bb7GU2RpgxXOc7TNn39rcHZ2BIyJ2knSEpPs31/2Fa+kbko5n2rH977ZH3zo4ImIPSS+QdMe2B7NA7V+MTm2/os0xtwaO9ClevbQUbX59+qakR9n+XBtvaRwcEXFFSUdJeqKky7TR6WWbW2iA1c2Tbf+sSd00Bo6IoC1WHsdJum6TnVy2VUgDf8np+8W2/1HoiRk3NQKOiLgL63JJ92iiU8s2amng+5IOs/3eWq1IqgWOiLgU63BJT5O0XJbW/Taaff709Ef+XLXZyuCIiJtKOmNpLaqqvpPnLiIVYfuzVd5WCRwRsb+kl0u6cpWXLp/pVAMk+FggHFs2Z1MKHBFxpfQt9ul0eMuXNaEBoqz7lFnRFAZHRNw7E0JMJ0sZpgagOB5k+91Ful8IHBFxiKSXFWlwec8gNHCS7UNn9XQmOCLiRQRYZjW0/P/BaWCjpP3WIxmtC46IIPK23+CGXazDsMshB/9t1Se0xMtLgrnOJ9fVijU5uLs+L2lX27+Z1vOp4IgIKPofkLTN4Ib7/w5D5j1/1fXdZIYDiFISEZdOdjusdrY78LlyQVgaqhA029k2n5vJFuCIiBtK+nAqYEgDhmr3MUln0/8uWVQRQbpgZ0kPSDL00MAC0RmAbEYq2gwcScT50IByI+wNAQxn2/5UX5Cc6QQY81wP7Eu/CvRjb9vvWrlvEzgiAsr/WQMIbNFHyLjvsf3LAgOe6y0ZG9pN0p6S4Lb0PXD4ONuvQmn/A0dEsEEIpZNu76O8PQFxpu3KuYI+DCwidkmKJI4+QcU+yqG2T3JE3FfS+9Mr71NH2cdBpveYMlG9Pg1gvb6k0/8kScQb+rgaOgxwMMc8uEdKBRTQ306w/fMe9auVrkQE0wxBRvi1fQLJRYCDdT0U+HkTfwEFybzjbf+qlW+ix41GBPGUx0p6RlYDmGdvqSKw/YrPAUCgve8whx6xu+sUSc8cczmDonpNS3IkhB1JfC9dC8DYzvbFk6uVeQAEQB5h+1tda6Dv78t40/MkPbLDvgKM+9j+8abVysrLc4ohbsDqpU1h/8XjbbPbvBNJBxA64/UlEaS6lqTrZUxncpXG9AYfc+UixE6o/SdZg+NC25BoOpGIYEsHS0vKTbQp+HfbTI5tWoSUnMJHJG3dQk8gnkArZAXS2mbhiKBoCwC/p6Q7S2KDdtMbsy8kFM/GZ0nn2P5yC/ra1GREHCTppS2FGwAGFoPCM5tkrdwK629+1XdvcMC1KGuz+hERONREIwlhYyG6FkLQpB3OyQBd4yutiKB0FQHAJseH87/tamBsMa1MajPN8CckUVKprtQmu67uQNb7eogkLrZa4u33SZie3yTpdNulE31rDSQTgMdKOrwuQVwSgMb5xAJuIbNS9pRTIplVFSAkww6xTYGS2pI+0a5ZrmGv2g120wA+C7GkU2xjVRqR3Hv8+vSfqrRJ1pqphGpDU6UI2QeAkNS6bcke/AgTb5u0eS2JCCr+EU1kedenQFHZcfELJZYDUHB4a0nWNiFRil9VRgDGDrP8pJng4I0RgWdPBpRKfUXkawTVbP+6yM1r3TMiUKweIhb1NBxM2xfU1BELiLdJ2r1gO+SmNswCBm0VAkcCBM4Cxc5mEYypc0XqF3NaSXL6eIokLohHY5bXsSmszg8pt6JC58QPWU/4TrAYhTZeFwZHAgQiEADhc5q8hhBwnWVqROwr6YWSbjxmRKwaG2aevSUn16m7EREHS3qlpEtO0R3xG6Z5tigUklLgSIDcLH0QAkiTQqTzhEJvnXJTRDBvknBrO9hTtYtdPIdPQkmFygVu01GFPLw69L6TbVZQhaU0OBIgcCcxTVvhkkh6tG3MYyWJiJOJmFZ6eJwPoUs4FfgmpSX3GDG948hTAWhf28RHSkklcCRAqCJM0AdgQMYpLRHBCuidkm5X+uHxP0BVwQOqLn/TErN0fqrtU6uoqzI4EiBb2f59lRdHBCQXanksKwmur0CqIx1eZelLILNOSe1a4KgICsgtREyHRLytMtQmnyFbupttyjx1Jp2CI4M2mLplMdryXzErmj1tn1v+0WpPdAaOiMCJBRhrLYOrjWCxnvon/A7bb+5i2J2AI71n2O1jD2h18Z3xjmfZfn7bL2sdHBnUemvbA1nA9smY77XWPtcm9NEqOCICLuQxZcL0TQxqgdogL0OepNESkyv6awUceV4KpGFKTy6lXQ2Q/QYgjVMX2wIHsX02SkHCWUq7GoCws/U0Jlfd17YCDjqVZ7HBRR3ysVt19dv286TfofitSdip04HWwJEAIeAFk6xJLmqd8U57lmwlvz7qZXHBn4VQBMmpz5ueS6XfqyitVXAkQK6RDO2qVMMq45r2DGzxL0j6iiQKlXDU5/mzkluZ/yETfausWUJBm7s11aka7exYNe9S9J2tgyMBApMMC3L7oh1r4D4sAtxNWFLn2sYqNCZZmYA9xhxS2HWxll1sEzdqVToBxwRACP2W5aKWVQBcCJJVZ1RJVpV9WY6NIi2PSKBUaaLMM+RYcPZbl87AkUrkuHCYZEW5qEUVQFgZ2sCJ8zoPLcfHbronSHpMCwchsyFsd9vwNDqRTsGRCsQEQ1VrCiCsiA62jQ/RC8lqPgT/KK0wjbJXtp8AA15u7ZMQyry4c3BMAIRi7bPIyuuNhaOsODqiEtGojJKq3ps11iDa1FmtweQiTN4pMBjzXMCRAGHvKhakLEDYYwuJ9shZK42qX2qTzyUzHAok59yVLfNUmeLXxBjmBo6KAOEQ3v1tf6mJwXfZRkTwY4AbWjRqPFdgzNVyrHwxqTSmmFk8D7imlGPG+RysRAR7S2Dpr3d4EdaREw5Kk4KbVMxcLccEQG6SU8xaAOGsEMohjUKyIgAnF0ybZgAG1rETQs96Cu0FOHKK4fhy4iCr62iwj6Pytoe+oikiYNyzLL3Rqj7COG9k43ndsfcGHAkQLAhTDFsvSSrtYZvI6iglIkgtABAOTuyNxVhRdq/AkQAh/gFzjF9QK7XCImJDVvthUxZ1WNcSOBIr13m2v9o0SnNfMCF+6nhQz6M30jtwtKGZPKzwQVlvdT0wzHo9e3SwZPgLG6vu2Zn1kr78/6jBkdWZnzPDOtT5LghwHd0GC6tOp5p6dpTgSFCcmFNHU7par51RgmRU4MjpA+5qnamjDpiOsn10nQb69OxowBERTB/UuJi34LQe2Ibz2vXABg+OiKDGKNaCz74IjitJwUq72/syiEGDI4FBkViWpH2UQU8zgwVHRFATHIvRd8F6YEUqlaqY5+AGCY50PCEMD0VY7vbBHyqlr0GCgxEOyHKcZrvLkw9KAWC9mwcLjoEAZLDAQL+DBkfPATJoYIwCHD0FyOCBMRpw9AwgJOT6dKBiZR9k8NPK5Mh74KSeR+h+iMvWaQgaFTjmbEFGBYxRTStztiCjA8ZowdGxBRklMEYNjo4AMlpgjB4cLQNk1MBYCHAkQEh+USKhKRk9MBYGHA0DZCGAsVDgaAggCwOMhQNHTYAsFDAWEhwVAbJwwFhYcJQEyEICY6HBURAgnHFCrqTxbZBNLZvabGd0uZWyyoqItZa5Cw2MhbccK0CaApCFB8YSHBNmZgIgS2CkXhZ+WpmchiLiJZJOXVQfY/WU/F9eFLT0jACh4AAAAABJRU5ErkJggg==) } .bfw-palace-one { padding-right: .2rem } .bfw-flex-box p { color: #979799; font-size: .8rem; margin-bottom: .2rem } .bfw-flex-chang { background: -webkit-linear-gradient(left,#ffefd6,#fde0b8); background: -o-linear-gradient(right,#ffefd6,#fde0b8); background: -moz-linear-gradient(right,#ffefd6,#fde0b8); background: linear-gradient(toright,#ffefd6,#fde0b8); background-color: #ffefd6; border-radius: 5px; margin: .5rem 1rem 0; padding: .5rem } .bfw-lw { width: 26px; height: 26px; margin-right: .5rem } .bfw-flex-box h3 { font-weight: 400; font-size: .85rem; color: #313236 } .bfw-flex-chang .bfw-arrow:after { border-color: #994d02 } .bfw-flex-chang .bfw-arrow span { color: #994d02 } .bfw-flex-box h1 { font-size: .95rem } .bfw-image-text { position: relative; padding: .02rem .8rem .02rem .5rem; overflow: hidden } .bfw-image-text .bfw-flex { width: 48%; float: left; margin: 0 0 2% 2%; padding: 10px; background-color: #efeff7; background: -webkit-linear-gradient(left,#efeff7,#f3f4f9); background: -o-linear-gradient(right,#efeff7,#f3f4f9); background: -moz-linear-gradient(right,#efeff7,#f3f4f9); background: linear-gradient(toright,#efeff7,#f3f4f9) } .bfw-image-text .bfw-flex-two { background-color: #f7f4ed; background: -webkit-linear-gradient(left,#f7f4ed,#f9f8f4); background: -o-linear-gradient(right,#f7f4ed,#f9f8f4); background: -moz-linear-gradient(right,#f7f4ed,#f9f8f4); background: linear-gradient(toright,#f7f4ed,#f9f8f4) } .bfw-shrink-img { width: 65px; position: absolute; right: 0; bottom: 0 } .bfw-shrink-img img { width: 65px; border: none; display: block; border-radius: 3px } .bfw-image-text .bfw-flex-box h2 { font-weight: 500; font-size: 1rem; color: #343434; z-index: 3; position: relative; text-align: left; margin-bottom: .2rem } .bfw-image-text .bfw-flex-box p { font-weight: 400; font-size: .7rem; height: 1.5rem; color: #888; margin-bottom: .3rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; text-overflow: ellipsis; text-align: justify } .bfw-flex-sx { padding: 0 1rem .5rem .5rem } .bfw-flex-box span { background: #fefefe; color: #333; border-radius: 22px; padding: .1rem .5rem } .bfw-palace-two .bfw-palace-grid { width: 25% } .bfw-palace-two .bfw-palace-grid-icon { width: 35px; height: 35px } .bfw-footer { width: 100%; position: relative; z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 7px 5px; background: #fff } .bfw-footer:after { content: ''; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 1px; border-top: 1px solid #e4e4e4; -webkit-transform: scaleY(.5); transform: scaleY(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0 } .bfw-tabBar-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #828282 } .bfw-tabBar-item-text { display: inline-block; font-size: .6rem; color: #828282; padding-top: 2px } .bfw-tabBar-item-active .bfw-tabBar-item-text { color: #1d8df3 } .icon-loan { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUYwMzcwOURBNTQ1MTFFOTlFQTM5NUM4ODA4NDBCNTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUYwMzcwOUVBNTQ1MTFFOTlFQTM5NUM4ODA4NDBCNTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MURERkJBOEE1NDQxMUU5OUVBMzk1Qzg4MDg0MEI1NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRjAzNzA5Q0E1NDUxMUU5OUVBMzk1Qzg4MDg0MEI1NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsAoOT0AAAVVSURBVHja7FhLix1VEK6q03eGRCELE0EUJ/FByIDgwkRFNz6DiygKusmAKPkBJmhgkOADN2EWia5EXGk0CEpwl0WIK4krZzGbIA6SIAgaAwHJ6/ap8vtO90xmJtM3c7PQLG4HMn27z6nzVdVX1VWlESG3wFUt/bEWTCFqkkVV3Nzi0mX94LtQ1/dfrcfGKlMuUdGQG4tS1Wv3S89egQPixZNZnb1KONwlYQke4i+giM2d1X1fyplzUYlObPSDU/bQZrwHyka9HGoWmiFFDcKB3YnRhsNBpYOXQRqEp9oFomAPiNbPT/qh45Ku2hWTFHgcqad7d8qep8U0+A/rPNzEeErGb1fCwWuHjrFGHKrhNREQPs2gWcV4/9eF2P+VnvqFJ3lZY0XFkKyeHt0qM7tl04bg2RCiREXjKsFSE6lNq+CTNeAou2gQStEMe5onHPfDnL/7jZ77B8wCMDDEQvoqPRrccWjAGZvWx0e77alJ+C6RKVioyd1pIGuFD8UPvAYbimvNLuc8cywd/RE2gKl5eOL6VhqBZt7AZFdFxlRee1Kmd8V4zz2SW66as4L+EApYGw64MMEEhWSIjN9+t31H5Nc/CK6oWUtUzR7I4xM6HlQ2+p9ys0W6/y45NCUP3uMMLqFK8E6tueLeNfpFPGgJsDK+PpUPHktX+vA/3YGjrhaVkhePywL/4XzzHFAgNdJw0vi47N/V3/1ErwQyY2YxqteEI0gIOX9JDhzVE3OU6NzlfJ6N0RF1SIUXEAy+ghZVLIBSIjbyloYFuJ3b7L2puGMdc0EgF+hAHC6ZZNTcxNxP8+ntI/HnBRqALC9MWbp5qOvODXlmynY8wOPBWZxmVnXZgwgQVchAnxzXT08AFI5HVoJToTPzmAyJw4thii3prT3PxFsvIAUlPFzw52r2AI6zf8c7X+jsGZxcAqykDzdahRQIGxIHYsUyKJMpDjydnLCPp/zujbhPq+OQyN//LB9+axcvMvs1RCtyvM1UN+GXsqWWgoQymc82rNMDr/hL263LLzK5t85aNRRLHjWNwa9FswpgbMjPcy5hxTRgFLn01enD1+5XGDl7rhp3IligB5jRKz52ptSwm6gRvGhKfZA8kHtyq/HyawUOQ4JhQirJCBJy0YI/USIwX8XwhYU2qQ9K1AHxTHj5OueuJB3Cm0xQr4sCVjCVTzY+EDcTtHX5tFZUCrTkJ0lXi7lqJavK2dzDbyQz0mLCIWeH90ti/oQkS63BWQdc71+TW+Ma4RjhGOEY4RjhGOEY4fiP5zBNT8YysrRduRS36PojVaVIi9OHm6qkY65SBiacUjT9pdi2vdq9uNseWgouVOi5tMzJU42aVCvlBGGhvhxQiaKwZ81Ta2pa3LZtWb1O09yJw/GW4wOgYbfhLLW1X+rsppePgX5kgc2ZTIV2DX0XO4QYUKelTr+oGYrQMr5pWzHYpsx62tHQ1n3aVbKzxEf52Vi0FLQAkqK7//Nuv3DYAWXwV7kMCJryNjgnY6Vp3W6B71Dca9P1q7KHE3aBne1Vr9svUOi28dSW6cUNdHUIamba2geFF4mk3ouWgLBHxV6wcz0O6o5b1cc2+2Kf08wN2F0pyn+EAZ909m0s5kklWI5WNIRZHtALP37vAJ6GvPmcJW1GPPg/WZkXVnRYLnONNCABcKhY2JolJTeLhG6oa/3rz3fbA5se3hLTL6pp2z4xVNn82A0zXixBmbTM1rRtfLz0Tn0OXykzmUy/7Nu3xHK3Lu+zlSMGmZ2Pz07a7Lyc75MZMHdNK/UrEGDIji5zztbuuX2975iwN56VR+4bOA/6H69/BRgAgxMZcc+t0q4AAAAASUVORK5CYII=) } .icon-credit { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAIAAAC1eHXNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmU.........完整代码请登录后点击上方下载按钮下载查看
网友评论0