@charset "UTF-8"; body { background-color: #F0F0F0; } .weui-actionsheet__cell { display: flex; height: 80px; color: #666; font-size: 32px !important; align-items: center; justify-content: center; } body { position: relative; background: #f7f7f7; font-size: .16rem; font-family: Tahoma, "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif !important; } li { list-style: none; } button { outline-style: none; border: none; } * { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; } a img { border: 0; } a { text-decoration: none; } input { outline-style: none; } input::-webkit-input-placeholder { color: #BBB; } input:-moz-placeholder { color: #BBB; } input::-moz-placeholder { color: #BBB; } input:-ms-input-placeholder { color: #BBB; } textarea::-webkit-input-placeholder { color: #BBB; } textarea:-moz-placeholder { color: #BBB; } textarea::-moz-placeholder { color: #BBB; } textarea:-ms-input-placeholder { color: #BBB; } button:active { opacity: .8; } em { font-style: normal; line-height: 1; } input { border: none; outline-style: none; } .layout_top { height: 165px; width: 100%; overflow: hidden; position: fixed; top: 0; background: #6CA3FF url("/static/images/v7_bejing01.png"); } .layout_top .TopMain { height: 115px; width: 100%; overflow: hidden; } .layout_container { position: relative; z-index: 9; top: 165px; margin-top: -50px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .screen { height: 100vh; overflow: hidden; width: 100%; } .tips { text-align: left; width: 100%; padding: 0 22px; background: #FFFFFF; } .tips p { color: #999999; font-size: 12px; padding-bottom: 10px; } .UserInfo { display: flex; align-items: center; width: 100%; padding: 19px 18px 0 18px; } .UserInfo_head { width: 76px; height: 76px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-right: 19px; background-color: rgba(250, 253, 255, 0.5); display: flex; align-items: center; justify-content: center; } .UserInfo_head img { display: block; width: 63px; height: 63px; } .UserInfo_name { font-size: 15px; font-weight: 600; color: #FFFFFF; } .UserInfo_loginout { margin-left: auto; background: rgba(255, 255, 255, 0.5); width: 57px; height: 24px; font-size: 14px; color: #101010; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .search { height: 70px; display: flex; padding-top: 15px; justify-content: center; } .search_block { width: 318px; position: relative; height: 35px; } .search input { width: 100%; height: 35px; padding-left: 15px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; background: rgba(255, 255, 255, 0.5); display: block; } .search .querybtn { width: 50px; height: 35px; position: absolute; right: 0; top: 50%; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); } .search .querybtn .icon { width: 24px; display: block; } .textTop { height: 70px; display: flex; align-items: center; padding: 0 33px; font-size: 14px; color: #FFFFFF; } .newsTop { height: 70px; padding: 0 70px; display: flex; align-items: center; justify-content: space-between; } .newsTop span { color: #FFFFFF; font-size: 14px; display: flex; align-items: center; } .newsTop span em { padding-left: 11px; font-size: 20px; } .serverTop { font-size: 14px; height: 70px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; } .securityTop { height: 70px; display: flex; align-items: center; padding-left: 52px; color: #FFFFFF; font-size: 14px; } .payTop { display: flex; height: 70px; align-items: center; justify-content: space-between; padding-left: 30px; padding-right: 17px; } .payTop h2 { color: #FFFFFF; display: flex; align-items: center; } .payTop h2 em { font-size: 14px; padding-top: 3px; } .payTop h2 span { font-weight: 400; font-size: 35px; display: block; padding-left: 16px; } .payTop a { background: rgba(255, 255, 255, 0.5); height: 24px; padding: 0 12px; text-align: center; line-height: 24px; font-size: 14px; color: #101010; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; } .form { background: #FFFFFF; padding-top: 50px; padding-left: 30px; padding-bottom: 25px; } .form_group { margin-bottom: 9px; font-size: 14px; color: #101010; display: flex; align-items: center; } .form_group .label { width: 78px; text-align: right; padding-right: 8px; } .form_group .label-top { align-self: flex-start; line-height: 30px; } .form_group .input { width: 232px; height: 35px; padding-left: 10px; border: 1px solid #E8E8E8; /*no*/ } .form_group .input-small { width: 170px; } .form_group .input-code { width: 117px; } .form_group .input-regcode { width: 110px; } .form_group .regcode { width: 117px; margin-left: 5px; } .form_group .selectDown { width: 232px; height: 35px; display: block; border: none; padding-left: 10px; outline-style: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #F7F7F7 url("/static/images/qudao_youxiziyuan_xiala.png") no-repeat; background-size: 20px 20px; background-position: 93% center; padding-right: 0 \9; background: none \9; } .form_group .selectDown option { outline: none; border: none; background: #FFFFFF; } .form_group .selectDown option:hover { background: #E8E8E8; } .form_group .btn-code { width: 104px; height: 33px; color: #538FE8; background: #E8E8E8; font-size: 14px; margin-left: 10px; } .form_group .input[disabled] { background: #F7F7F7; border: none; } .form_group .last { width: 62px; text-align: center; font-style: normal; font-size: 14px; color: #454545; } .form_group .text { width: 232px; height: 35px; color: #A6A6AE; line-height: 35px; } .form_group .text-c1 { color: #FF9800; } .form_group .text-c2 { color: #FF4081; } .form_group .select { width: 232px; overflow: hidden; } .form_group .select .item { width: 100px; height: 50px; margin-right: 18px; display: flex; align-items: center; justify-content: center; border: 1px solid #E8E8E8; /*no*/ float: left; } .form_group .select .item:last-child { margin-right: 0; } .form_group .select .item img { width: 90px; } .form_group .select .active { border: 1px solid #FF4081; /*no*/ } .form_group .selectMoney { overflow: hidden; width: 250px; margin-bottom: -14px; } .form_group .selectMoney span { display: block; margin-bottom: 14px; width: 70px; height: 30px; float: left; margin-right: 14px; border: 1px solid #E8E8E8; /*no*/ font-size: 14px; color: #101010; text-align: center; line-height: 30px; } .form_group .selectMoney span:nth-child(3n) { margin-right: 0; } .form_group .selectMoney .active { border: 1px solid #FF4081; /*no*/ } .form .submit { padding-left: 78px; margin-top: 58px; } .form .submit button { width: 215px; height: 40px; background: #FF4081; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; font-size: 18px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .form2 .item { margin-bottom: 1px; /*no*/ position: relative; } .form2 .item .icon { position: absolute; top: 0; left: 0; width: 50px; display: flex; align-items: center; justify-content: center; height: 100%; background: rgba(255, 255, 255, 0.2); } .form2 .item .icon img { width: 24px; display: block; } .form2 .item .text { font-size: 14px; color: #FFFFFF; display: block; height: 50px; width: 90px; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.2); padding: 0 16px; } .form2 .item input { width: 100%; height: 50px; padding-left: 100px; color: #FFFFFF; font-size: 14px; background: rgba(255, 255, 255, 0.2); } .form2 .item input::-webkit-input-placeholder { color: #FFFFFF; opacity: 0.5; } .form2 .submit { width: 320px; height: 50px; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; background: #5C9AF7; color: #FFFFFF; font-size: 20px; text-align: center; line-height: 50px; display: block; margin: 0 auto; margin-top: 21px; } .form2 .save { width: 232px; margin: 20px auto; display: block; height: 35px; background: rgba(255, 255, 255, 0.3); -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; color: #FFFFFF; font-size: 15px; } .form-pt0 { padding-top: 0; } .mescroll { position: fixed; top: 115px; width: 100%; background: #F7F7F7; padding-bottom: 115px; } .mescroll—nav { top: 185px; width: 100%; background: #F7F7F7; padding-bottom: 185px; position: fixed; } .nulldata { width: 100%; height: 500px; background: #FFFFFF; } /*# sourceMappingURL=reset.css.map */