* { -webkit-tap-highlight-color: transparent; outline: 0; margin: 0; padding: 0; vertical-align: baseline; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; vertical-align: baseline; } img { border: 0 none; vertical-align: top; } i, em { font-style: normal; } ol, ul { list-style: none; } input, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; color: #262626; } body { margin: 0 auto; height: 100%; width: 100%; font-size: 14px; font-family: PingFang, -apple-system, Helvetica, sans-serif; line-height: 1.5; color: #262626; background: #fff; -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } .hide{ display: none; } /* header */ .top { width: 100%; position: fixed; background: #fff; top: 0; z-index: 555; } .header { width: 94%; height: .32rem; padding: 3%; display: flex; align-items: center; justify-content: space-between; border-bottom: 0.01rem solid #EEEEEE; } .header h1 { font-size: 0.18rem; max-width: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header h2 { font-size: 0.18rem; float: left; line-height: .52rem; } .header .back { width: 0.18rem; padding-right: 0.42rem; } .header div { float: left; position: relative; } .header img { width: 100%; } .menu, .search-icon { width: .2rem; margin-left: 0.1rem; } .warp-content { margin-top: 0.6rem; } .top-half { margin-top: 0.55rem !important; } /* right side bar */ .warp-sidebar { display: none; width: 100%; height: 100%; position: fixed; top: 0.55rem; background-color: rgba(0, 0, 0, 0.7); z-index: 9999; } .sidebar { width: 2.56rem; height: calc(100% - 0.54rem); background: #fff; position: absolute; right: -2.56rem; overflow: auto; } .user-heade { height: 1.15rem; text-align: center; font-size: .18rem; font-weight: bold; background: #F9F9F9; } .user-heade div { width: 0.64rem; height: 0.64rem; margin: auto; padding-top: .11rem; } .user-heade img { width: 100%; height: 100%; border-radius: 50%; } .user-heade p { margin-top: 0.05rem; } .sidebar-nav li { width: 100%; height: 0.435rem; font-size: 0.15rem; font-weight: bold; border-top: solid 0.01rem #EEEEEE; } .sidebar-nav li:last-child img { margin-left: 0.33rem; } .sidebar-nav li a { width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; } .sidebar-nav li img { width: 0.18rem; margin-right: 0.12rem; } .sidebar>p { font-size: 0.14rem; color: #999999; text-align: center; padding: 0.15rem; border-top: 0.01rem solid #EEEEEE; } .sidebar>a { color: #fff; font-size: 0.18rem; display: flex; width: 100%; height: 0.45rem; align-items: center; justify-content: center; background: #FF9E33; transition: background-color .2s ease-in-out 0s; } /*Wechat mask layer */ .modal-open { position: fixed; width: 100%; } #Mask-weChat .weChatTip-container img { width: 100%; } #Mask-weChat, #Mask-IOS { display: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #4a4a4a; z-index: 5000000; } #Mask-IOS { background: rgba(0, 0, 0, 0.7) !important; } #Mask-weChat .weChatTip-container { width: 78%; margin-top: 2%; margin-left: 20%; } /* ios下载步骤的提示 */ #Mask-IOS .iosTip-container { width: 80%; height: 1.44rem; position: absolute; left: 0%; right: 0%; top: 20%; bottom: 0%; margin: 0 auto; z-index: 888888888888; border-radius: 16px; } #Mask-IOS .iosTip-container img { display: block; width: 100%; border-top-left-radius: 16px; border-top-right-radius: 16px; } /* 步骤 */ #Mask-IOS .setProcess-wrap { height: 3.37rem; border-top-left-radius: 16px; border-top-right-radius: 16px; overflow-y: auto; } /* 【知道了,立即下载】按钮外层 */ #Mask-IOS .iosdlBtn-wrap { width: 100%; /* margin-top: -1px; */ } /* 【知道了,立即下载】按钮 */ #Mask-IOS .iosdlBtn-wrap a#iosdlBtn { text-decoration: none; display: inline-block; box-sizing: border-box; width: 100%; border-radius: 0; text-align: center; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background: #fff; outline: 0; border: 0; border-top: 1px solid #ddd; line-height: 1; font-size: 0.14rem; } .iosdlBtn-wrap a#iosdlBtn { padding: 0.14rem; color: #57902D; } .android_down_url, .ios_down_url { display: none; } /* 弹窗 */ .weui-dialog { width: 73%; max-width: inherit; border-radius: 0.1rem; } .weui-dialog__title { font-size: 0.18rem; } .weui-dialog__bd { font-size: 0.15rem; } .weui-dialog__ft { line-height: 0.48rem; font-size: 0.18rem; } .weui_dialog, .weui_toast { left: 15.5%; } .weui-dialog__btn { color: #FF9A1C; } .weui-dialog__btn.pop-button { color: #fff; background: #FF9A1C; } /* return top */ .return-top { display: none; width: 0.5rem; height: 0.5rem; position: fixed; bottom: 0.75rem; right: 0; } .footer { padding: 0.25rem 0; width: 100%; } .footer p { display: flex; justify-content: center; } .footer .copyright a { font-size: 0.12rem; font-weight: normal; color: #B2B2B2; } .fixed { position: fixed; background: #fff !important; bottom: 0; width: -webkit-fill-available; } .no_content { width: 100%; height: calc(100% - 1.4rem); text-align: center; color: #B2B2B2; font-size: 0.14rem; display: flex; align-items: center; justify-content: center; } .no_content img { width: 1.4rem; } .no_content div { width: 2rem; } .no_content a { color: #FF9A1C; display: block; width: 1.14rem; height: 0.28rem; line-height: 0.28rem; border: 0.01rem solid #ff9a1c; border-radius: 0.2rem; margin: 0.16rem auto; } .no-info { text-align: center; font-size: 0.14rem; color: #999999; margin: 20px 0; } .no-info img { width: 2rem; } p.weui-toast_content { font-size: 0.14rem; }