/*@import url(/jyapp/css/layout.css?v=51430);*/ /*@import url(/jyapp/css/font.css?v=51430);*/ body{ margin: 0px; font-family: tahoma, arial, 'Hiragino Sans GB', 'Microsoft YaHei', 宋体, sans-serif; -webkit-tap-highlight-color: transparent; font-size: 16px; } ul{ list-style: none; padding: 0px; margin: 0px; } img{ vertical-align: sub; } a{ color: #0987ff; } ::-webkit-input-placeholder { color: #ddd; } .overflow-hidden{ overflow: hidden; height: 100%; } [type='text']{ border: 1px solid #ccc; border-radius: 4px; padding-left: 10px; padding-right: 0px; } [type='text'],textarea{ box-shadow: 0px 0px 0px rgba(0,0,0,0); -webkit-appearance: none; } .red-border{ border-color: red !important; } .btn{ background-color: #24C0D7; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #FFFFFF; position: relative; outline-width: 0px; box-shadow: none !important; } .btn[disabled]{ cursor: not-allowed; pointer-events: none; opacity: .5; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .border-top{ border-top: 1px solid #CCCCCC; } .hide{ display: none; } .mustshare-mark{ position: fixed; left: 0px; right: 0px; bottom: 0px; top: 0px; background-color: rgba(0,0,0,.84); z-index: 999999; display: none; } .mustshare-mark img:nth-child(1){ position: absolute; top: 140px; left: 50%; margin-left: -141px; width: 282px; } .mustshare-mark img:nth-child(2){ position: absolute; top: 350px; left: 50%; margin-left: -74px; width: 148px; } .error-body { width: 100%; margin: 0; padding: 0; text-align: center; } .verify-body { width: 90vw; margin: 0 auto; text-align: center; padding: 55px 0; } .verify-img{ width: 100%; } .verify_logo { width: 100%; display: block; } .verify-content { border: #F5F5F5 solid 1px; margin: auto; background-color: #FFFFFF; box-shadow: 1px 1px 1px 1px grey; padding: 3vw; display: flex; flex-direction: column; } .verify-content .word { text-align: left; margin: 0px; } #antiimg{ width: 100%; } .footBtn { margin-top: 5pt; display: flex; flex-direction: row; justify-content: space-between; } * { -webkit-touch-callout:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } a,input,button{ outline: none !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; -webkit-focus-ring-color: rgba(0, 0, 0, 0) !important; } /*****app 第一版 布局*****/ .app-layout-header{ line-height: 44px; background-color: #FFFFFF; text-align: center; border-bottom: 1px solid #E6E6E6; font-size: 17px; position: absolute; padding-top: 20px; z-index: 99999; left: 0; right: 0; top: 0; color: #444444; } .app-layout-header>.app-back{ position: absolute; font-size: 19px; padding-top: 20px; padding-left: 11px; padding-right: 40px; padding-bottom: 7px; left: 0px; top: 18px; color: #444444; } .app-layout-content-a,.app-layout-content-b{ position: absolute; top: 44px; padding-top: 20px; overflow-y: auto; bottom: 0px; left: 0px; right:0px; -webkit-overflow-scrolling:touch; } .app-layout-content-a{ bottom: 65px; } .app-layout-footer { width: 100%; background: #fff; position: fixed; left: 0; bottom: 0; z-index: 99; border-top: 1px solid #E6E6E6; box-sizing: border-box; } .app-layout-footer ul { width: 100%; } .app-layout-footer ul li { width: 25%; float: left; text-align: center; color: #888888; height: 49px; position: relative; } .app-layout-footer ul li span { font-size: 21px; display: block; width: 100%; text-align: center; margin-top: 10px; } .app-layout-footer ul li p { margin: 0; font-size: 10px; position: absolute; left: 0px; right: 0px; text-align: center; bottom: 2px; line-height: initial; } .app-layout-footer ul li.active span { color: #2CB7CA; } .app-layout-footer ul li.active p { color: #2CB7CA; } .easyalert{ position: fixed; background-color: rgba(0,0,0,0.7); top: 50%; color: #fff; z-index: 999; border-radius: 6px; padding: 17px 20px; font-size: 15px; line-height: 22px; max-width: 260px; text-align: center; display: none; } .easyalert-icon{ font-size: 13px; border-radius: 5px; width: 120px; height: 120px; padding: 0px; left: 50%; right: 50%; margin-top: -60px; margin-left: -60px; margin-right: -60px; } .jyapp-li-active{ background-color: #e5e5e8 !important; } .app-layout-footer .jyapp-icon-sousuo{ font-size: 42px; top: -17px; left: -10.5px; } /******************/ .easypopup{ background-color: rgba(0,0,0,0.7); position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; z-index: 999; letter-spacing: 1px; } .easypopup>div{ background-color: #fff; position: fixed; left: 50%; top: 50%; margin-left: -140px; border-radius: 4px; overflow: hidden; width: 280px; } .easypopup .easypopup-edit{ width: 300px; margin-left: -150px; } .easypopup .easypopup-header{ padding-top: 29px; padding-bottom: 16px; text-align: center; font-size: 17px; color: #1d1d1d; } .easypopup .easypopup-main .easypopup-content{ padding: 0px 20px 18px 20px; color: #686868; } .easypopup .easypopup-edit .easypopup-content{ padding: 0px 15px 18px 15px; color: #686868; } .easypopup .easypopup-alert .easypopup-content{ padding: 38px 20px 24px 20px; } .easypopup .easypopup-content{ text-align: center; font-size: 15px; } .easypopup .easypopup-edit [type='text']{ height: 37px; border-radius: 3px; font-size: 16px; color: #1d1d1d; padding-left: 10px; width: 100%; } .easypopup .easypopup-edit ::-webkit-input-placeholder { color: #686868; } .easypopup .easypopup-footer{ text-align: center; border-top: 1px solid #E0E0E0; display: table; width: 100%; font-size: 18px; } .easypopup .easypopup-footer>span{ height: 50px; line-height: 50px; display: table-cell; background-color: #fff; } .easypopup .easypopup-footer>span:last-child{ color: #2cb7ca; border-left: 1px solid #E0E0E0; } .easypopup .easypopup-footer>span:first-child{ border-left: none; } .easypopup .easypopup-alert .easypopup-footer>span{ width: 100%; } /*分享好友弹窗*/ .share { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99999; display: none; } .share .shareMain { width: 100%; background: #f4f4f9; position: absolute; left: 0; bottom: 0; } .share .shareMain ul{ background-color: #f4f4f9; height: 120px; padding-top: 32px; box-sizing: border-box; } .share .shareMain ul li { float: left; text-align: center; margin: 0px 15px; } .share .shareMain ul li span { font-size: 50px; } .share .shareMain ul li span.jyapp-icon-weixin { color: #0ab70e; } .share .shareMain ul li span.jyapp-icon-qq { color: #4cafe9; } .share .shareMain ul li span.jyapp-icon-pengyouquan { color: #a5e537; } .share .shareMain ul li p { font-size: 14px; color: #1D1D1D; margin:0px; } .share .shareMain a.shareQx { display: block; height: 50px; line-height: 50px; text-align: center; background: #fff; font-size: 17px; color:#1d1d1d; } .clearfix::after, .clearfix::before { content: ""; display: block; height: 0; clear: both; overflow: hidden; } ul, li, ol { list-style: none; } .clearfix a, .clearfix strong { color: #1d1d1d; } .jyapp-icon-weixin:before { content: "\AC"; } .redspot{ position: absolute; width: 8px; height: 8px; background: #f12c20; border-radius: 100%; } /* 统一头部 */ .jy-app-header.app-layout-header .app-layout-content-a, .app-layout-content-b{ top: 21.33333vw; padding-top: 0; } .jy-app-header.app-layout-header { display: flex; width: 100%; justify-content: space-between; align-items: center; } .jy-app-header.app-layout-header + .paddingtop { padding-top: 21.33333vw; } .jy-app-header.app-layout-header >.app-back,.jy-app-header.app-layout-header >.app-back_,.jy-app-header.app-layout-header > .header-share { top: auto; bottom: 0; position: unset; padding: 16px 0; position: relative; } .jy-app-header.app-layout-header span.app-back.jyapp-icon.jyapp-icon-zuojiantou::after { content: ""; display: inline-block; width: 4em; height: 100%; position: absolute; top: 0; left: 0; } .j-header.jy-app-header { height: 21.33333vw; padding: 10.66667vw 3.2vw 0 3.2vw; font-family: inherit; background: inherit; } .jy-app-header { height: 21.33333vw; padding: 10.66667vw 3.2vw 0 3.2vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; font-family: Avenir,Helvetica,Arial,sans-serif; } .jy-app-header .icon-left {} .js_dialog .box .box_bd .weui-icon-checked, .vip-check-out .weui-cells_checkbox .weui-check:checked+.weui-icon-checked, .vip-check-out .weui-cells_checkbox .weui-check[aria-checked=true]+.weui-icon-checked{ color: #2cb7ca; }