.flex { display: 1; display: -webkit-flex; } .flex-br { flex-wrap: wrap; -webkit-flex-wrap: wrap; display: wrap; display: -webkit-flex; } html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, em, button { margin: 0; padding: 0; } a, .a { text-decoration: none; } img, .img { border-style: none; } ul, .ul { list-style: none; } li, .li { list-style: none; } .container { background-color: white; height: 100%; } .fa_right5 { margin-right: 0.05rem; } .fa_right { margin-right: 0.1rem; } .fa_left5 { margin-left: 0.05rem; } .fa_left { margin-left: 0.1rem; } .pull_right { float: right; } .pull_left { float: left; } .color_green { color: #02e26f !important; } .color_FF0000 { color: #FF0000 !important; } .color_02e26f { color: #02e26f; } .bg_green { background-color: #02e26f !important; } .color-white { color: white; } .bg_limegreen { background-color: limegreen; } .color_white { color: white !important; } .color_ccc { color: #CCCCCC; } .color_666 { color: #666666; } .color_666i { color: #666666 !important; } .color_333 { color: #333333; } .color_999 { color: #999999; } .color_FE9400 { color: #FE9400 !important; } .color_red { color: #DC143C; } .li_top { margin-top: 0.1rem; } .hide { display: none; } .show { display: block; } .bg_color_white { background-color: white; } .bg_color_f5f5f5 { background-color: #f5f5f5; } body { max-width: 640px; margin: 0 auto; font-size: 0.14rem; background-color: #f5f5f5; overflow-x: hidden; position: relative; height: 100%; } .org_button { padding-top: 0.2rem; height: 0.45rem; width: 100%; background: #f5f5f5; display: flex; display: 1; display: -webkit-flex; justify-content: center; text-align: center; } .org_button a, .org_button .a { width: 3.35rem; height: 0.45rem; background-color: #ff9966; color: white; font-size: 0.16rem; line-height: 0.45rem; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; } .orange_button { padding-top: 0.2rem; height: 0.45rem; width: 100%; background: #f5f5f5; display: flex; display: 1; display: -webkit-flex; justify-content: center; text-align: center; } .orange_button a, .orange_button .a { width: 3.35rem; height: 0.45rem; background-color: orange; color: white; font-size: 0.16rem; line-height: 0.45rem; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; } .blue_button { padding-top: 0.2rem; height: 0.45rem; width: 100%; background: #f5f5f5; display: flex; display: 1; display: -webkit-flex; justify-content: center; text-align: center; } .blue_button a, .blue_button .a { width: 3.35rem; height: 0.45rem; background-color: #0079FE; color: white; font-size: 0.16rem; line-height: 0.45rem; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; } .green_button { padding-top: 0.2rem; height: 0.45rem; width: 100%; background: #f5f5f5; display: flex; display: 1; display: -webkit-flex; justify-content: center; text-align: center; } .green_button a, .green_button .a { width: 3.35rem; height: 0.45rem; background-color: #02e26f; color: white; font-size: 0.16rem; line-height: 0.45rem; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; } .white_button { padding-top: 1em; height: 0.45rem; width: 100%; background: #f5f5f5; display: flex; display: 1; display: -webkit-flex; justify-content: center; text-align: center; } .white_button a, .white_button .a { width: 3.35rem; height: 0.45rem; border: 0.01rem solid #02e26f; color: #02e26f; font-size: 0.16rem; line-height: 0.45rem; border-radius: 0.05rem; box-sizing: border-box; } .white_button a:hover, .white_button .a:hover { background-color: #02e26f !important; color: white !important; } .border0 { border: none !important; } .font-12 { font-size: 0.12rem; } .font-14 { font-size: 0.14rem; } .font-18 { font-size: 0.18rem; } .text-center { text-align: center; } .lunbo { width: 100%; height: 2.11rem; margin-bottom: 0.2rem; } .lunbo img, .lunbo .img { width: 100%; height: 2.11rem; } .select { width: 100%; display: flex; display: 1; flex-wrap: wrap; -webkit-flex-wrap: wrap; display: wrap; display: -webkit-flex; } .select dl, .select .dl { width: 25%; height: 0.95rem; margin-top: 0.1rem; } .select dl dt, .select .dl dt, .select dl .dt, .select .dl .dt { width: 100%; height: 0.6rem; } .select dl dt a, .select .dl dt a, .select dl .dt a, .select .dl .dt a, .select dl dt .a, .select .dl dt .a, .select dl .dt .a, .select .dl .dt .a { width: 0.6rem; height: 0.6rem; display: block; margin: 0 auto; } .select dl dt a img, .select .dl dt a img, .select dl .dt a img, .select .dl .dt a img, .select dl dt .a img, .select .dl dt .a img, .select dl .dt .a img, .select .dl .dt .a img, .select dl dt a .img, .select .dl dt a .img, .select dl .dt a .img, .select .dl .dt a .img, .select dl dt .a .img, .select .dl dt .a .img, .select dl .dt .a .img, .select .dl .dt .a .img { width: 100%; height: 0.6rem; border-radius: 50%; } .select dl dd, .select .dl dd, .select dl .dd, .select .dl .dd { width: 100%; height: 0.35rem; line-height: 0.35rem; text-align: center; } .select dl dd a, .select .dl dd a, .select dl .dd a, .select .dl .dd a, .select dl dd .a, .select .dl dd .a, .select dl .dd .a, .select .dl .dd .a { display: block; } .select dl dd a h5, .select .dl dd a h5, .select dl .dd a h5, .select .dl .dd a h5, .select dl dd .a h5, .select .dl dd .a h5, .select dl .dd .a h5, .select .dl .dd .a h5, .select dl dd a .h5, .select .dl dd a .h5, .select dl .dd a .h5, .select .dl .dd a .h5, .select dl dd .a .h5, .select .dl dd .a .h5, .select dl .dd .a .h5, .select .dl .dd .a .h5 { font-size: 0.12rem; font-weight: 400; color: #666666; } .footer { width: 100%; height: 0.6rem; position: fixed; bottom: 0; background-color: white; display: flex; display: 1; display: -webkit-flex; } .footer dl, .footer .dl { width: 100%; height: 100%; justify-content: center; } .footer dl a, .footer .dl a, .footer dl .a, .footer .dl .a { color: #cccccc; display: block; margin-top: 0.1rem; } .footer dl a dt, .footer .dl a dt, .footer dl .a dt, .footer .dl .a dt, .footer dl a .dt, .footer .dl a .dt, .footer dl .a .dt, .footer .dl .a .dt { width: 100%; text-align: center; height: 0.25rem; } .footer dl a dt i, .footer .dl a dt i, .footer dl .a dt i, .footer .dl .a dt i, .footer dl a .dt i, .footer .dl a .dt i, .footer dl .a .dt i, .footer .dl .a .dt i, .footer dl a dt .i, .footer .dl a dt .i, .footer dl .a dt .i, .footer .dl .a dt .i, .footer dl a .dt .i, .footer .dl a .dt .i, .footer dl .a .dt .i, .footer .dl .a .dt .i { font-size: 0.24rem; font-weight: 400; } .footer dl a dd, .footer .dl a dd, .footer dl .a dd, .footer .dl .a dd, .footer dl a .dd, .footer .dl a .dd, .footer dl .a .dd, .footer .dl .a .dd { width: 100%; text-align: center; height: 0.25rem; } .footer dl a dd h5, .footer .dl a dd h5, .footer dl .a dd h5, .footer .dl .a dd h5, .footer dl a .dd h5, .footer .dl a .dd h5, .footer dl .a .dd h5, .footer .dl .a .dd h5, .footer dl a dd .h5, .footer .dl a dd .h5, .footer dl .a dd .h5, .footer .dl .a dd .h5, .footer dl a .dd .h5, .footer .dl a .dd .h5, .footer dl .a .dd .h5, .footer .dl .a .dd .h5 { font-size: 0.12rem; font-weight: 400; } .head { width: 100%; height: 1.1rem; position: relative; background-color: white; } .head dl, .head .dl { height: 100%; display: flex; display: 1; display: -webkit-flex; } .head dl:after, .head .dl:after { clear: both; content: ""; display: block; } .head dl dt, .head .dl dt, .head dl .dt, .head .dl .dt { margin-left: 0.2rem; width: 0.72rem; height: 0.72rem; padding-top: 0.2rem; } .head dl dt img, .head .dl dt img, .head dl .dt img, .head .dl .dt img, .head dl dt .img, .head .dl dt .img, .head dl .dt .img, .head .dl .dt .img { width: 0.72rem; height: 0.72rem; border-radius: 50%; float: left; } .head dl dd, .head .dl dd, .head dl .dd, .head .dl .dd { padding-top: 0.35rem; width: 1.75rem; margin-left: 0.15rem; } .head dl dd h5, .head .dl dd h5, .head dl .dd h5, .head .dl .dd h5, .head dl dd .h5, .head .dl dd .h5, .head dl .dd .h5, .head .dl .dd .h5 { font-size: 0.14rem; color: #666666; font-weight: 400; padding-bottom: 0.05rem; } .head a, .head .a { color: #999999; font-size: 0.2rem; position: absolute; top: 0.45rem; right: 0.2rem; } .person_list ul, .person_list .ul { margin-top: 0.1rem; height: 100%; } .person_list ul li, .person_list .ul li, .person_list ul .li, .person_list .ul .li { width: 100%; height: 0.5rem; background-color: white; border-bottom: 0.005rem solid #f2f2f2; position: relative; } .person_list ul li a, .person_list .ul li a, .person_list ul .li a, .person_list .ul .li a, .person_list ul li .a, .person_list .ul li .a, .person_list ul .li .a, .person_list .ul .li .a { font-size: 0.2rem; float: left; line-height: 0.5rem; width: 100%; height: 100%; } .person_list ul li a span, .person_list .ul li a span, .person_list ul .li a span, .person_list .ul .li a span, .person_list ul li .a span, .person_list .ul li .a span, .person_list ul .li .a span, .person_list .ul .li .a span, .person_list ul li a .span, .person_list .ul li a .span, .person_list ul .li a .span, .person_list .ul .li a .span, .person_list ul li .a .span, .person_list .ul li .a .span, .person_list ul .li .a .span, .person_list .ul .li .a .span { font-size: 0.14rem; } .person_list ul li a span .new, .person_list .ul li a span .new, .person_list ul .li a span .new, .person_list .ul .li a span .new, .person_list ul li .a span .new, .person_list .ul li .a span .new, .person_list ul .li .a span .new, .person_list .ul .li .a span .new, .person_list ul li a .span .new, .person_list .ul li a .span .new, .person_list ul .li a .span .new, .person_list .ul .li a .span .new, .person_list ul li .a .span .new, .person_list .ul li .a .span .new, .person_list ul .li .a .span .new, .person_list .ul .li .a .span .new { background-color: #F95E5A; color: white; width: 0.4rem; height: 0.2rem; line-height: 0.2rem; border-radius: 30px; text-align: center; float: left; margin-top: 0.16rem; } .person_list ul li a .fa-refresh, .person_list .ul li a .fa-refresh, .person_list ul .li a .fa-refresh, .person_list .ul .li a .fa-refresh, .person_list ul li .a .fa-refresh, .person_list .ul li .a .fa-refresh, .person_list ul .li .a .fa-refresh, .person_list .ul .li .a .fa-refresh, .person_list ul li a .fa-circle-o-notch, .person_list .ul li a .fa-circle-o-notch, .person_list ul .li a .fa-circle-o-notch, .person_list .ul .li a .fa-circle-o-notch, .person_list ul li .a .fa-circle-o-notch, .person_list .ul li .a .fa-circle-o-notch, .person_list ul .li .a .fa-circle-o-notch, .person_list .ul .li .a .fa-circle-o-notch, .person_list ul li a .fa-book, .person_list .ul li a .fa-book, .person_list ul .li a .fa-book, .person_list .ul .li a .fa-book, .person_list ul li .a .fa-book, .person_list .ul li .a .fa-book, .person_list ul .li .a .fa-book, .person_list .ul .li .a .fa-book, .person_list ul li a .fa-google-wallet, .person_list .ul li a .fa-google-wallet, .person_list ul .li a .fa-google-wallet, .person_list .ul .li a .fa-google-wallet, .person_list ul li .a .fa-google-wallet, .person_list .ul li .a .fa-google-wallet, .person_list ul .li .a .fa-google-wallet, .person_list .ul .li .a .fa-google-wallet, .person_list ul li a .fa-file-text-o, .person_list .ul li a .fa-file-text-o, .person_list ul .li a .fa-file-text-o, .person_list .ul .li a .fa-file-text-o, .person_list ul li .a .fa-file-text-o, .person_list .ul li .a .fa-file-text-o, .person_list ul .li .a .fa-file-text-o, .person_list .ul .li .a .fa-file-text-o, .person_list ul li a .fa-bell, .person_list .ul li a .fa-bell, .person_list ul .li a .fa-bell, .person_list .ul .li a .fa-bell, .person_list ul li .a .fa-bell, .person_list .ul li .a .fa-bell, .person_list ul .li .a .fa-bell, .person_list .ul .li .a .fa-bell, .person_list ul li a .fa-envelope, .person_list .ul li a .fa-envelope, .person_list ul .li a .fa-envelope, .person_list .ul .li a .fa-envelope, .person_list ul li .a .fa-envelope, .person_list .ul li .a .fa-envelope, .person_list ul .li .a .fa-envelope, .person_list .ul .li .a .fa-envelope, .person_list ul li a .fa-cog, .person_list .ul li a .fa-cog, .person_list ul .li a .fa-cog, .person_list .ul .li a .fa-cog, .person_list ul li .a .fa-cog, .person_list .ul li .a .fa-cog, .person_list ul .li .a .fa-cog, .person_list .ul .li .a .fa-cog, .person_list ul li a .fa-pencil-square-o, .person_list .ul li a .fa-pencil-square-o, .person_list ul .li a .fa-pencil-square-o, .person_list .ul .li a .fa-pencil-square-o, .person_list ul li .a .fa-pencil-square-o, .person_list .ul li .a .fa-pencil-square-o, .person_list ul .li .a .fa-pencil-square-o, .person_list .ul .li .a .fa-pencil-square-o { margin-left: 0.2rem; } .person_list ul li a .fa-angle-right, .person_list .ul li a .fa-angle-right, .person_list ul .li a .fa-angle-right, .person_list .ul .li a .fa-angle-right, .person_list ul li .a .fa-angle-right, .person_list .ul li .a .fa-angle-right, .person_list ul .li .a .fa-angle-right, .person_list .ul .li .a .fa-angle-right { padding-right: 0.2rem; font-weight: 900; } .person_list ul li a .fa-circle, .person_list .ul li a .fa-circle, .person_list ul .li a .fa-circle, .person_list .ul .li a .fa-circle, .person_list ul li .a .fa-circle, .person_list .ul li .a .fa-circle, .person_list ul .li .a .fa-circle, .person_list .ul .li .a .fa-circle { color: #F95E5A; font-size: 0.09rem; position: absolute; top: 0.2rem; right: 0.35rem; } .item .list_title { width: 100%; height: 0.5rem; } .item .list_title h5, .item .list_title .h5 { font-weight: 400; font-size: 0.14rem; color: #666666; line-height: 0.5rem; padding-left: 0.2rem; } .item ul, .item .ul { margin-bottom: 0.2rem; } .item ul li, .item .ul li, .item ul .li, .item .ul .li { width: 100%; height: 0.5rem; background-color: white; border-bottom: 0.005rem solid #F2F2F2; position: relative; } .item ul li a, .item .ul li a, .item ul .li a, .item .ul .li a, .item ul li .a, .item .ul li .a, .item ul .li .a, .item .ul .li .a { font-size: 0.2rem; float: left; height: 0.5rem; line-height: 0.5rem; width: 100%; } .item ul li a img, .item .ul li a img, .item ul .li a img, .item .ul .li a img, .item ul li .a img, .item .ul li .a img, .item ul .li .a img, .item .ul .li .a img { width: 0.25rem; height: 0.25rem; position: absolute; top: 0.15rem; left: 0.2rem; } .item ul li a span, .item .ul li a span, .item ul .li a span, .item .ul .li a span, .item ul li .a span, .item .ul li .a span, .item ul .li .a span, .item .ul .li .a span, .item ul li a .span, .item .ul li a .span, .item ul .li a .span, .item .ul .li a .span, .item ul li .a .span, .item .ul li .a .span, .item ul .li .a .span, .item .ul .li .a .span { font-size: 0.14rem; } .item ul li a .fa-cog, .item .ul li a .fa-cog, .item ul .li a .fa-cog, .item .ul .li a .fa-cog, .item ul li .a .fa-cog, .item .ul li .a .fa-cog, .item ul .li .a .fa-cog, .item .ul .li .a .fa-cog { margin-left: 0.2rem; } .item ul li a .fa-angle-right, .item .ul li a .fa-angle-right, .item ul .li a .fa-angle-right, .item .ul .li a .fa-angle-right, .item ul li .a .fa-angle-right, .item .ul li .a .fa-angle-right, .item ul .li .a .fa-angle-right, .item .ul .li .a .fa-angle-right { padding-right: 0.2rem; font-weight: 900; } .layout { width: 100%; height: 100%; overflow: hidden; } .layout h5, .layout .h5 { width: 1rem; height: 0.5rem; font-weight: 400; color: #666666; line-height: 0.5rem; text-align: center; font-size: 0.14rem; } .layout dl, .layout .dl { background-color: white; display: flex; display: 1; display: -webkit-flex; width: 100%; height: 0.5rem; } .layout dl dt, .layout .dl dt, .layout dl .dt, .layout .dl .dt { width: 1rem; height: 100%; } .layout dl dt h5, .layout .dl dt h5, .layout dl .dt h5, .layout .dl .dt h5, .layout dl dt .h5, .layout .dl dt .h5, .layout dl .dt .h5, .layout .dl .dt .h5 { padding-left: 0; font-weight: 400; color: #666666; text-align: center; } .layout dl dd, .layout .dl dd, .layout dl .dd, .layout .dl .dd { width: 100%; height: 100%; } .layout dl dd input, .layout .dl dd input, .layout dl .dd input, .layout .dl .dd input, .layout dl dd .input, .layout .dl dd .input, .layout dl .dd .input, .layout .dl .dd .input { width: 100%; height: 100%; border: none; outline: none; } .layout p, .layout .p { font-size: 0.1rem; color: #666666; width: 100%; height: 0.3rem; line-height: 0.3rem; padding-left: 0.25rem; } .trans_account { width: 100%; height: 100%; background-color: white; margin-bottom: 0.1rem; overflow: hidden; } .trans_account .account_num { height: 1rem; } .trans_account .account_num h5, .trans_account .account_num .h5 { color: #666666; font-size: 0.16rem; font-weight: 400; line-height: 1rem; text-align: center; } .trans_account h6, .trans_account .h6 { height: 0.6rem; line-height: 0.6rem; padding-left: 0.2rem; font-size: 0.14rem; color: #434343; font-weight: 400; } .trans_account dl, .trans_account .dl { display: flex; display: 1; display: -webkit-flex; } .trans_account dl dt, .trans_account .dl dt, .trans_account dl .dt, .trans_account .dl .dt { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; color: #434343; text-align: center; font-weight: 400; } .trans_account dl dt i, .trans_account .dl dt i, .trans_account dl .dt i, .trans_account .dl .dt i, .trans_account dl dt .i, .trans_account .dl dt .i, .trans_account dl .dt .i, .trans_account .dl .dt .i { padding-left: 0.1rem; } .trans_account dl dd, .trans_account .dl dd, .trans_account dl .dd, .trans_account .dl .dd { width: 100%; } .trans_account dl dd input, .trans_account .dl dd input, .trans_account dl .dd input, .trans_account .dl .dd input, .trans_account dl dd .input, .trans_account .dl dd .input, .trans_account dl .dd .input, .trans_account .dl .dd .input { height: 0.6rem; outline: none; border: none; font-size: 0.2rem; } .trans_account dl dd input::placeholder, .trans_account .dl dd input::placeholder, .trans_account dl .dd input::placeholder, .trans_account .dl .dd input::placeholder, .trans_account dl dd .input::placeholder, .trans_account .dl dd .input::placeholder, .trans_account dl .dd .input::placeholder, .trans_account .dl .dd .input::placeholder { color: #CCCCCC; } .trans_success { width: 100%; height: 2.5rem; background-color: white; } .trans_success dl, .trans_success .dl { padding-top: 0.6rem; } .trans_success dl dt, .trans_success .dl dt, .trans_success dl .dt, .trans_success .dl .dt { text-align: center; padding-bottom: 0.2rem; } .trans_success dl dt .fa-check-circle, .trans_success .dl dt .fa-check-circle, .trans_success dl .dt .fa-check-circle, .trans_success .dl .dt .fa-check-circle { font-size: 0.72rem; color: #02e26f; } .trans_success dl dd, .trans_success .dl dd, .trans_success dl .dd, .trans_success .dl .dd { text-align: center; } .trans_success dl dd h3, .trans_success .dl dd h3, .trans_success dl .dd h3, .trans_success .dl .dd h3, .trans_success dl dd .h3, .trans_success .dl dd .h3, .trans_success dl .dd .h3, .trans_success .dl .dd .h3 { font-size: 0.18rem; color: #666666; padding-bottom: 0.1rem; } .trans_success dl dd h5, .trans_success .dl dd h5, .trans_success dl .dd h5, .trans_success .dl .dd h5, .trans_success dl dd .h5, .trans_success .dl dd .h5, .trans_success dl .dd .h5, .trans_success .dl .dd .h5 { font-size: 0.14rem; color: #999999; font-weight: 400; } .record { height: 0.45rem; } .mode { width: 100%; height: 100%; overflow: hidden; } .mode h5, .mode .h5 { width: 100%; height: 0.5rem; line-height: 0.6rem; padding-left: 0.2rem; font-size: 0.14rem; color: #434343; font-weight: 400; } .mode dl, .mode .dl { display: flex; display: 1; display: -webkit-flex; margin-bottom: 0.1rem; width: 100%; } .mode dl dt, .mode .dl dt, .mode dl .dt, .mode .dl .dt { width: 0.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.28rem; color: #434343; text-align: center; font-weight: 400; } .mode dl dt i, .mode .dl dt i, .mode dl .dt i, .mode .dl .dt i, .mode dl dt .i, .mode .dl dt .i, .mode dl .dt .i, .mode .dl .dt .i { padding-left: 0.1rem; } .mode dl dd, .mode .dl dd, .mode dl .dd, .mode .dl .dd { width: 100%; } .mode dl dd input, .mode .dl dd input, .mode dl .dd input, .mode .dl .dd input, .mode dl dd .input, .mode .dl dd .input, .mode dl .dd .input, .mode .dl .dd .input { height: 0.6rem; outline: none; border: none; font-size: 0.2rem; color: #CCCCCC; width: 100%; } .mode dl dd input::placeholder, .mode .dl dd input::placeholder, .mode dl .dd input::placeholder, .mode .dl .dd input::placeholder, .mode dl dd .input::placeholder, .mode .dl dd .input::placeholder, .mode dl .dd .input::placeholder, .mode .dl .dd .input::placeholder { color: #CCCCCC; } .mode .recharge_style { height: 0.5rem; display: flex; display: 1; display: -webkit-flex; margin-bottom: 0; } .mode .recharge_style dt, .mode .recharge_style .dt { height: 0.5rem; line-height: 0.5rem; } .mode .recharge_style dt i, .mode .recharge_style .dt i, .mode .recharge_style dt .i, .mode .recharge_style .dt .i { padding-left: 0.1rem; } .mode .recharge_style dt .fa-wechat, .mode .recharge_style .dt .fa-wechat { color: limegreen; font-size: 0.28rem; } .mode .recharge_style dd, .mode .recharge_style .dd { width: 100%; height: 0.5rem; display: flex; display: 1; display: -webkit-flex; } .mode .recharge_style dd h5, .mode .recharge_style .dd h5, .mode .recharge_style dd .h5, .mode .recharge_style .dd .h5 { color: #666666; font-size: 0.14rem; line-height: 0.5rem; } .mode .recharge_style dd .fa-check-circle, .mode .recharge_style .dd .fa-check-circle { line-height: 0.5rem; font-size: 0.28rem; margin-right: 0.1rem; margin-left: 0.1rem; color: #CCCCCC; } .mode .account_list { width: 100%; height: 100%; } .mode .account_list:after { clear: both; content: ""; display: block; } .mode .account_list li { float: left; width: 0.8rem; height: 0.4rem; line-height: 0.4rem; text-align: center; color: black; border: 0.01rem solid #CCCCCC; margin-left: 0.09rem; margin-bottom: 0.09rem; } .active_b { border: 0.01rem solid #02e26f !important; color: #02e26f !important; } .mode .recharge_style dt, .mode .recharge_style .dt { width: 0.6rem; height: 0.5rem; line-height: 0.5rem; text-align: right; } .mode .recharge_style dt img, .mode .recharge_style .dt img, .mode .recharge_style dt .img, .mode .recharge_style .dt .img { width: 0.3rem; height: 0.3rem; margin-top: 0.1rem; } .mode .line h5, .mode .line .h5 { border-bottom: 0.01rem solid #F3F3F3; } .mode .alipay_button { margin-top: 0.4rem; } .copy_title { width: 100%; } .copy_title h5, .copy_title .h5 { width: 100%; height: 0.5rem; font-size: 0.16rem; font-weight: 400; color: #666666; text-align: center; line-height: 0.5rem; margin-top: 0.2rem; margin-bottom: 0.2rem; } .copy_link { width: 100%; height: 1.5rem; } .copy_link p, .copy_link .p { font-weight: 400; font-size: 14px; color: #666666; } .tips { width: 100%; margin-top: 0.2rem; } .tips h5, .tips .h5 { width: 1rem; height: 0.5rem; font-weight: 400; font-size: 14px; color: #666666; line-height: 0.5rem; margin: 0 auto; text-align: center; background-color: #CCCCCC; } .fa-credit-card-alt { font-size: 0.18rem; padding-right: 0.05rem; color: #FE9400; } .record_item ul, .record_item .ul { margin-top: 0.3rem; } .none { height: 0.5rem; width: 100%; } .record_list { width: 100%; height: 100%; } .record_list dl { margin-top: 0.1rem; width: 100%; height: 100%; background-color: white; } .record_list dl dt { display: flex; display: -webkit-flex; width: 100%; height: 0.4rem; } .record_list dl dt .title { width: 75%; color: #333; line-height: 0.4rem; height: 0.4rem; font-size: 0.14rem; padding-left: 0.2rem; font-weight: 400; } .record_list dl dt .order { width: 25%; text-align: right; margin-right: 0.2rem; font-size: 0.16rem; line-height: 0.4rem; font-weight: 400; } .record_list dl dd { width: 100%; display: flex; display: -webkit-flex; height: 0.4rem; line-height: 0.4rem; } .record_list dl dd h5 { font-size: 0.18rem; text-align: left; width: 60%; color: #333; font-weight: 400; word-wrap: break-word; margin-left: 0.2rem; } .record_list dl dd .btn_a { border: 0.01rem solid #02e26f; display: inline-block; width: 0.8rem; height: 0.3rem; line-height: 0.3rem; text-align: center; border-radius: 0.05rem; position: absolute; right: 0.2rem; color: black; z-index: 555; } .record_list dl dd .btn_a:hover { background-color: #02e26f !important; color: white !important; } .record_list dl dd .btn_333 { border: 0.01rem solid #333333; display: inline-block; width: 0.8rem; height: 0.3rem; line-height: 0.3rem; text-align: center; border-radius: 0.05rem; position: absolute; right: 0.2rem; color: black; } .record_list dl dd .btn_333:hover { background-color: #333333 !important; color: white !important; } .record_list dl dd .btn_FE9400 { border: 0.01rem solid #FE9400; display: inline-block; width: 0.8rem; height: 0.3rem; line-height: 0.3rem; text-align: center; border-radius: 0.05rem; position: absolute; right: 0.2rem; color: black; } .record_list dl dd .btn_FE9400:hover { background-color: #FE9400 !important; color: white !important; } .record_list dl dd .date { width: 1rem; height: 0.4rem; font-size: 0.12rem; line-height: 0.4rem; font-weight: 700; text-align: right; padding-right: 0.2rem; } .mode-certify h3, .mode-certify .h3 { width: 100%; height: 0.4rem; margin-top: 0.1rem; text-align: center; line-height: 0.4rem; font-weight: 700; color: #666666; font-size: 16px; } .mode-certify dl, .mode-certify .dl { background-color: white; display: flex; display: 1; display: -webkit-flex; width: 100%; height: 0.5rem; } .mode-certify dl dt, .mode-certify .dl dt, .mode-certify dl .dt, .mode-certify .dl .dt { width: 1rem; height: 100%; } .mode-certify dl dt h5, .mode-certify .dl dt h5, .mode-certify dl .dt h5, .mode-certify .dl .dt h5, .mode-certify dl dt .h5, .mode-certify .dl dt .h5, .mode-certify dl .dt .h5, .mode-certify .dl .dt .h5 { width: 1rem; line-height: 0.5rem; font-weight: 400; font-size: 14px; color: #666666; text-align: center; } .mode-certify dl dd, .mode-certify .dl dd, .mode-certify dl .dd, .mode-certify .dl .dd { width: 100%; height: 100%; } .mode-certify dl dd input, .mode-certify .dl dd input, .mode-certify dl .dd input, .mode-certify .dl .dd input, .mode-certify dl dd .input, .mode-certify .dl dd .input, .mode-certify dl .dd .input, .mode-certify .dl .dd .input { width: 100%; height: 100%; border: none; outline: none; } .mode-certify dl dd input::placeholder, .mode-certify .dl dd input::placeholder, .mode-certify dl .dd input::placeholder, .mode-certify .dl .dd input::placeholder, .mode-certify dl dd .input::placeholder, .mode-certify .dl dd .input::placeholder, .mode-certify dl .dd .input::placeholder, .mode-certify .dl .dd .input::placeholder { font-size: 0.13rem; font-weight: 400; color: #cccccc; } .mode-certify .upload { margin: 0.1rem; height: 1.5rem; background-color: #F2F2F2; text-align: center; color: #CCCCCC; position: relative; } .mode-certify .upload .fa-plus { font-size: 0.28rem; margin-top: 0.5rem; } .mode-certify .upload h5, .mode-certify .upload .h5 { font-size: 0.12rem; } .mode-certify .upload .upload_img { position: absolute; top: 0; left: 0; width: 100%; height: 1.5rem; } .mode-certify .upload .upload_img img, .mode-certify .upload .upload_img .img { width: 100%; height: 1.5rem; } .mode-certify .upload .upload_img i, .mode-certify .upload .upload_img .i { width: 0.3rem; height: 0.3rem; line-height: 0.3rem; border-radius: 0 0 0 0.1rem; z-index: 5; } .mode-certify .upload .upload_img .fa-close { position: absolute; top: 0; right: 0; color: white; background-color: #999999; } .mode_sign .sign_title { margin-bottom: 0.1rem; } .mode_sign .ident { position: relative; } .mode_sign .ident button, .mode_sign .ident .button { border: 0.01rem solid #ff6699; color: #ff6699; background-color: white; width: 0.9rem; height: 0.3rem; border-radius: 5px; outline: none; position: absolute; top: 0.1rem; right: 0.2rem; } .mode_sign .sign_button { margin-top: 0.2rem; } .w-60 { width: 60% !important; } .text-right { text-align: right; } .l-h-60 { line-height: 0.6rem; } .m-l-10 { margin-left: 0.1rem; } .m-b-0 { margin-bottom: 0 !important; } .h-35 { height: 0.35rem !important; line-height: 0.35rem !important; } .h-40 { height: 0.4rem !important; line-height: 0.4rem !important; } .color-blue { color: #0079fe !important; } .color-red { color: red !important; } .color-org { color: #ff9966; } .color-green { color: #32cd32; } .color-fe9400 { color: #fe9400; } .bg_ccc { background-color: #CCCCCC; } .font-28 { font-size: 0.28rem !important; } .f-w-400 { font-weight: 400 !important; } .f-w-700 { font-weight: 700 !important; } .m-t-10 { margin-top: 0.1rem; } .m-t-20 { margin-top: 0.2rem !important; } .m-t-35 { margin-top: 0.35rem !important; } .m-t-25 { margin-top: 0.25rem !important; } .m-b-15 { margin-bottom: 0.15rem; } .m-t-200 { margin-top: 1rem; } .m-r-20 { margin-right: 0.2rem; } .m-l-20 { margin-left: 0.2rem !important; } .m-b-10 { margin-bottom: 0.1rem !important; } .m10 { margin: 0 0.1rem; } .m-t-30 { margin-top: 0.3rem !important; } .m20 { margin: 0.2rem; } .m30 { margin: 0 0.3rem; } .line-h25 { line-height: 0.25rem; } .m-l-40 { margin-left: 0.4rem; } .p-l-20 { padding-left: 0.2rem !important; } .p-b-05 { padding-bottom: 0.05rem; } .p-l-5 { padding-left: 0.05rem; } .p-r-05 { padding-right: 0.05rem; } .p-t-05 { padding-top: 0.05rem; } .p-t-10i { padding-top: 0.1rem !important; } .p-t-20 { padding-top: 0.2rem; } .p-b-10 { padding-bottom: 0.1rem; } .p-r-25 { padding-right: 0.25rem; } .p-b-20 { padding-bottom: 0.2rem !important; } .p-r-20 { padding-right: 0.2rem !important; } .m-l-60 { margin-left: 0.6rem !important; } .m-l-5 { margin-left: 0.05rem; } .m-t-15 { margin-top: 0.15rem; } .m-r-5 { margin-right: 0.05rem; } .m-l-90 { margin-left: 0.9rem !important; } .p-r-10 { padding-right: 0.1rem !important; } .work-break { word-break: break-word; } .remit-mone { width: 100%; height: 0.6rem; line-height: 0.6rem; } .posi-re { position: relative; } .copy-mess { position: absolute; right: 0.2rem; top: 0; font-size: 0.14rem; } .remit-mess { font-size: 0.14rem !important; color: #666 !important; width: 100% !important; height: 0.35rem !important; line-height: 0.35rem !important; padding-left: 0 !important; } .remit-noti { height: 100%; line-height: 0.2rem; } .top_box { border-radius: 0.2rem; height: 1rem; margin: 0.2rem; background-color: white; display: flex; position: relative; } .top_box dl { padding: 0.3rem 0 0 0.2rem; width: 58%; } .top_box dl dt { font-size: 0.18rem; color: #666; font-weight: 700; margin-bottom: 0.05rem; } .top_box dl dd { color: #999; font-weight: 700; font-size: 0.16rem; } .top_box a { width: 1rem; height: 0.4rem; border-radius: 0.25rem; text-align: center; line-height: 0.4rem; margin-top: 0.3rem; background-color: #02e26f; color: white; } .button_rad { margin: 0 0.4rem 0 0.4rem; border-radius: 0.25rem !important; } .top_box2 { border-radius: 0.2rem; height: 1rem; margin: 0.2rem; background-color: white; display: flex; position: relative; } .top_box2 p { padding: 0.2rem 0.2rem 0 0.2rem; width: 52%; font-size: 0.12rem; } .top_box2 h5 { position: absolute; top: 0.06rem; right: 0.55rem; font-size: 0.13rem; } .top_box2 a { width: 1rem; height: 0.4rem; border-radius: 0.25rem; text-align: center; line-height: 0.4rem; margin-top: 0.3rem; background-color: #02e26f; color: white; } .refund_list { width: 100%; height: 100%; } .refund_list dl { margin-top: 0.1rem; width: 100%; height: 100%; background-color: white; } .refund_list dl dt { display: flex; display: -webkit-flex; width: 100%; height: 0.4rem; } .refund_list dl dt .title { width: 75%; color: #333; line-height: 0.4rem; height: 0.4rem; font-size: 0.14rem; padding-left: 0.2rem; } .refund_list dl dt .order { width: 25%; text-align: right; margin-right: 0.2rem; font-size: 0.16rem; line-height: 0.4rem; } .refund_list dl dd { width: 100%; height: 0.4rem; position: relative; } .refund_list dl dd h5 { font-size: 0.16rem; text-align: left; width: 60%; color: #000; font-weight: 400; word-wrap: break-word; } .refund_list dl dd a { position: absolute; top: 0; right: 0.1rem; border: 0.01rem solid #02e26f; display: inline-block; width: 0.9rem; height: 0.3rem; line-height: 0.3rem; text-align: center; border-radius: 0.05rem; color: black; } .refund_list dl dd a:hover { background-color: #02e26f; color: white; } .refund_list dl dd .noti { line-height: 0.4rem; } .h-80 { height: 0.4rem; } .top_noti { height: 3.4rem; width: 100%; background-color: white; } .top_noti img { width: 1rem; height: 1.2rem; margin: 0.8rem 1.4rem 0; } .top_noti h3 { text-align: center; width: 100%; height: 0.4rem; line-height: 0.4rem; } .top_noti p { padding: 0 0.2rem; height: 0.5rem; text-align: center; } .rmb { background-color: white; font-weight: 700; width: 100%; height: 0.4rem; font-size: 0.14rem; line-height: 0.4rem; } .rmb .rmb_show { display: flex; float: left; } .notice { display: flex; margin: 0.1rem 0.2rem; font-weight: 700; } .code { width: 100%; height: 100%; } .code .code_noti { width: 100%; height: 0.4rem; line-height: 0.4rem; } .code .code_bg .code_img { width: 2.95rem; height: 2.95rem; margin: 0 auto; } .code .code_bg img, .code .code_bg .img { width: 2.55rem; height: 2.55rem; } .code .org_button2 { width: 100%; height: 100%; text-align: center; } .code .org_button2 a, .code .org_button2 .a { display: inline-block; width: 3.2rem; height: 0.45rem; background-color: #f96; color: #fff; font-size: 0.16rem; line-height: 0.45rem; text-align: center; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; } .code_footer { position: fixed; bottom: 0; width: 100%; height: 0.4rem; font-size: 0; max-width: 6.4rem; } .code_footer a:first-of-type, .code_footer .a:first-of-type { width: 70%; height: 100%; display: inline-block; line-height: 0.4rem; text-align: center; color: white; font-size: 0.14rem; background-color: limegreen; } .code_footer a:last-of-type, .code_footer .a:last-of-type { width: 30%; height: 100%; display: inline-block; line-height: 0.4rem; text-align: center; color: #333333; font-size: 0.14rem; background-color: white; } @media screen and (min-width: 640px) { .tan_bg .code_tan { left: 25% !important; } } .tan_bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; max-width: 6.4rem; } .code_tan { width: 3.4rem; height: 4.9rem; position: absolute; top: 0.5rem; left: 0.18rem; margin: 0 auto; } .code_tan h3, .code_tan .h3 { width: 100%; height: 0.5rem; line-height: 0.5rem; color: limegreen; position: relative; } .code_tan h3 .fa-minus-circle, .code_tan .h3 .fa-minus-circle { position: absolute; top: 0; right: 0; font-size: 0.28rem; color: #666666 !important; } .code_tan .tan_button a, .code_tan .tan_button .a { margin: 0 0.27rem; display: inline-block; width: 3rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 0.05rem; box-sizing: border-box; box-shadow: none; border: 0.01rem solid limegreen; } .btn_order { display: inline-block; width: 0.8rem !important; height: 0.3rem !important; line-height: 0.3rem !important; text-align: center; border-radius: 0.05rem; position: absolute; right: 0.2rem; color: #000; } .btn_black { border: 0.01rem solid #333333; } .btn_black:hover { background-color: #333333 !important; color: white !important; } .btn_org { border: 0.01rem solid #FE9400; } .btn_org:hover { background-color: #FE9400 !important; color: white !important; } .btn_gre { border: 0.01rem solid #02e26f; } .btn_gre:hover { background-color: #02e26f !important; color: white !important; } * { margin: 0; padding: 0; border-style: none; } ul, ol { list-style: none; } a { text-decoration: none; color: #777; } body { font: normal 14px/1.6 Helvetica, "Microsoft YaHei"; color: #777; background-color: #f5f5f5; position: relative; } .m-t-0 { margin-top: 0 !important; } .font-20 { font-size: 0.2rem; } input::placeholder { color: #CCCCCC; } .p-r-40 { padding-right: 0.4rem; } .font-16 { font-size: 0.16rem; } .wrap { width: 100%; } .tabs { overflow: auto; position: fixed; bottom: 0; width: 100%; background: white; border-top: 0.01rem solid #ededed; } .tab-h55 { height: 0.6rem; } .tabs li { float: left; width: 50%; height: 0.55rem; } .tabs li a { display: block; height: 0.55rem; color: #bbb; text-align: center; line-height: 0.2rem; } .tabs li a i { font-size: 0.24rem; margin-top: 0.1rem; } .tabs li.active a { color: #0079fe; } .tabs-con { width: 100%; height: 100%; } .tabs-con .lunbo { width: 100%; height: 2.1rem; background-color: #fff; } .tabs-con .lunbo img { width: 100%; height: 2.1rem; } .menus { width: 100%; height: 100%; background-color: #fff; } .menus:after { clear: both; content: ""; display: block; } .menus li { width: 25%; height: 0.63rem; float: left; margin: 0.1rem 0px; text-align: center; } .menus li a { display: inline-block; width: 100%; height: 100%; } .menus li img { width: 0.4rem; height: 0.4rem; border-radius: 50%; margin: 0 0.128rem; } .menus li h5 { text-align: center; font-weight: 400; } .lists, .lists2 { width: 100%; height: 100%; margin-top: 0.1rem; } .lists li, .lists2 li { width: 100%; height: 0.5rem; line-height: 0.5rem; border-bottom: 0.005rem solid #f2f2f2; position: relative; background-color: #fff; } .lists li a, .lists2 li a { width: 100%; height: 100%; line-height: 0.5rem; } .lists li .list-name, .lists2 li .list-name { width: 78%; display: inline-block; } .lists li .sign, .lists2 li .sign, .lists li .dian, .lists2 li .dian { position: absolute; right: 9%; } .lists li .dian, .lists2 li .dian { top: 0.17rem; color: red; } .wrap .list_title h5 { font-size: 0.14rem; color: #666; line-height: 0.5rem; padding-left: 0.2rem; font-weight: 400; } .list-input { width: 100%; height: 0.5rem; background-color: white; display: flex; } .list-input label { height: 0.5rem; line-height: 0.5rem; text-align: center; width: 25%; display: inline-block; } .list-input input { width: 75%; height: 0.5rem; line-height: 0.5rem; border: 0; outline: none; background-color: rgba(0, 0, 0, 0); } .mode .list-input label { width: 15% !important; } .mode .box li { width: 0.81rem; height: 0.41rem; display: inline-block; border: 0.01rem #CCCCCC solid; text-align: center; line-height: 0.41rem; cursor: pointer; transition: all 0.3s linear; margin-left: 0.09rem; margin-bottom: 0.09rem; } .mode .box li.checked { color: #02e26f; border: 0.01rem #02e26f solid; } .mode .lists li .list-name { width: 75%; } .record_list .lists li { height: 100% !important; } .record_list .lists li .date { position: absolute; right: 0; } .record_list .lists li .btn_a { border: white; } .yishan { height: 0.4rem !important; line-height: 0.4rem !important; background-color: white; } .trans_account .list-input label { width: 15% !important; } .trans_account .list-input input { width: 75% !important; } .nlist-record .items { margin-top: 0.1rem; padding: 0 0.1rem; background: #fff; } .nlist-record .item { display: flex; display: -webkit-flex; font-size: 14px; } .nlist-record .item.h40 { line-height: 40px; } .flex-1 { flex: 1; } .nlist-record .item .right { width: 100px; } .nlist-record .item .w50 { width: 50%; } .text-right { text-align: right; } .text-center { text-align: center; } .out-btn { display: inline-block; width: 0.7rem; height: 0.23rem; line-height: 0.23rem; text-align: center; border-radius: 0.05rem; margin-left: 0.35rem; margin-top: 0.035rem; border: 0.01rem solid #32cd32; } .nlist-record .item-foot { color: #666; font-size: 0.12rem; } .font-b { font-weight: bold; } .tips-error { border: 0.01rem solid #ffa39e; background-color: #fff1f0; padding: 0.05rem; border-radius: 0.05rem; }