* {margin: 0;padding: 0;}
body {margin: 0;padding: 0;}
img {display: block;max-width: 100%;}
a {text-decoration: none;color: #000;}
.wap { width: 100%; max-width: 750px;margin: 0 auto; padding: 0; font-size: 14px; }
.header {position: sticky;top: 0;z-index: 5000;}
.header {}
.header .row {display: flex;align-items: center;justify-content: space-between;height: 60px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff; margin: 0; }
.header .row .col1 {}
.header .row .col1 img {}
.header .row .col2 {flex: 1;margin-left: 20px;}
.header .row .col2 img {height: 45px;margin-top: -10px;}
.header .row .col3 {display: flex;align-items: center;}
.header .row .col3 .btn {padding: 5px;}
.header .row .col3 .btn img {}
.header .row .col3 .lang {margin-left: 10px;}
.header .row .col3 .lang .r1 {display: flex;align-items: center;}
.header .row .col3 .lang .r1 .t1 {}
.header .row .col3 .lang .r1 .t1 img {width: 30px;height: 30px;}
.header .row .col3 .lang .r1 .t2 {}
.header .row .col3 .lang .r1 .t2 img {}
.header .row .col3 .lang .r2 {position: absolute;top: 60px;background: rgba(255, 255, 255, 0.9);padding: 8px;border-radius: 5px;right: 15px;display: none;}
.header .row .col3 .lang .r2 a {margin: 3px 0;display: block;}
.header .row .col3 .lang .r2 a img {width: 30px;}
.banner {overflow: hidden;}
.ind-block1 {display: flex;align-items: center;justify-content: space-between;}
.ind-block1 .user-btn {flex: 1;height: 44px;background: #000;display: flex;align-items: center;justify-content: center;color: #fff;background-image: -webkit-gradient(linear, left bottom, left top, from(#940014), to(#cc001b));background-image: -webkit-linear-gradient(bottom, #940014, #cc001b);background-image: -o-linear-gradient(bottom, #940014, #cc001b);background-image: linear-gradient(to top, #940014, #cc001b);}
.ind-block1 .user-btn.active {background-image: -webkit-gradient(linear, left bottom, left top, from(#003b79), to(#0062c9));background-image: -webkit-linear-gradient(bottom, #003b79, #0062c9);background-image: -o-linear-gradient(bottom, #003b79, #0062c9);background-image: linear-gradient(to top, #003b79, #0062c9);}
.ind-block2 {}
.ind-block2 .row {display: flex;align-items: center;padding: 5px; margin: 0;}
.ind-block2 .row .col1 {padding: 0 10px;}
.ind-block2 .row .col1 img {}
.ind-block2 .row .col2 {flex: 1; padding-top: 5px; }
.ind-block3 {}
.ind-block3 .row1 {display: -webkit-box;overflow: auto;background-image: -webkit-gradient(linear, left bottom, left top, from(#0066d1), color-stop(70%, #003b79));background-image: -webkit-linear-gradient(bottom, #0066d1, #003b79 70%);background-image: -o-linear-gradient(bottom, #0066d1, #003b79 70%);background-image: linear-gradient(to top, #0066d1, #003b79 70%);}
.ind-block3 .row1 .item {width: 69px;padding: 5px;}
.ind-block3 .row1 .item .ico {}
.ind-block3 .row1 .item .ico img {width: 32px;margin: auto;}
.ind-block3 .row1 .item .txt {font-size: 12px;color: #fff;text-align: center;margin-top: 5px;}
.ind-block3 .row1 .item.active {background: #FFC000;}
.ind-block3 .row1 .item.active .ico img {filter: invert(1);}
.ind-block3 .row1 .item.active .txt {color: #333;}
.ind-block3 .row2 {}
.ind-block4 {}
.ind-block4 .tit {padding: 15px 10px;}
.ind-block4 .row {display: -webkit-box;overflow: scroll; margin: 0; }
.ind-block4 .row .item {width: 310px;background: #E8E8E8;padding: 10px;box-sizing: border-box;border-radius: 5px;margin: 0 8px;height: 230px;}
.ind-block4 .row .item .img {}
.ind-block4 .row .item .img img {}
.ind-block4 .row .item .txt1 {font-weight: bold;padding: 5px 0;height: 1.5em;line-height: 1.5em;overflow: hidden;}
.ind-block4 .row .item .txt2 {height: 3em;line-height: 1.5em;color: #999;overflow: hidden;}
.ind-block4 .row .item .txt3 {text-align: center;margin-top: 10px;color: #0066d1;}
.copyright {text-align: center;font-size: 12px;color: #666;padding: 20px;}
/**/
.footer-nav-p {height: 60px;}
.footer-nav {position: fixed;bottom: 0;max-width: 750px;width: 100%;background: #fff;box-shadow: 0 0 8px rgb(0 0 0 / 20%);z-index: 5000;padding: 8px 0;height: 60px;box-sizing: border-box;background-image: linear-gradient(0deg, #E7E7E7, #F4F4F4);}
.footer-nav .row {display: flex;align-items: center;justify-content: space-around;width: 100%; margin: 0;}
.footer-nav .row .item.active {}
.footer-nav .row .item.active .ico {}
.footer-nav .row .item.active .ico img {}
.footer-nav .row .item.active .txt {color: #333;}
.footer-nav .row .item {color: #868ea0;}
.footer-nav .row .item .ico {}
.footer-nav .row .item .ico img {height: 20px;margin: auto;}
.footer-nav .row .item .ico img:nth-of-type(1) {display: block;}
.footer-nav .row .item .ico img:nth-of-type(2) {display: none;}
.footer-nav .row .item.active .ico img:nth-of-type(1) {display: none;}
.footer-nav .row .item.active .ico img:nth-of-type(2) {display: block;}
.footer-nav .row .item .txt {font-size: 12px;margin-top: 5px;color: #000;}
.sidebar-block {position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 6000;display: none;}
.sidebar-block .sidebar-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);}
.sidebar-block .sidebar {width: 70%;background: #F6F6F6;height: 100vh;overflow: auto;color: #fff;z-index: 1;position: relative;}
.sidebar-block .sidebar .row1 {background-image: linear-gradient(to top, #003b79, #0062c9);border-radius: 0;border-bottom: none;padding: 5px 15px;display: flex;align-items: center;justify-content: space-between;}
.sidebar-block .sidebar .row1 span {font-size: 22px;padding-right: 10px;}
.sidebar-block .sidebar .row1 img {width: 41px;}
.sidebar-block .sidebar .row2 {display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;margin: 0 15px;padding: 10px 0;}
.sidebar-block .sidebar .row2 .col1 {}
.sidebar-block .sidebar .row2 .col2 {width: 66px;display: flex;align-items: center;height: 26px;background: #fff;justify-content: center;border-radius: 5px;color: #4d7888;font-size: 12px;}
.sidebar-block .sidebar .row2 .col2 img {width: 14px;margin-right: 5px;}
.sidebar-block .sidebar .row3 {margin-top: 5px;}
.sidebar-block .sidebar .row3 .itemG {}
.sidebar-block .sidebar .row3 .itemG .item {display: flex;align-items: center;padding: 12px 10px;}
.sidebar-block .sidebar .row3 .itemG .item .ico {width: 40px;display: flex;align-items: center;justify-content: center;margin-right: 5px;}
.sidebar-block .sidebar .row3 .itemG .item .ico img {width: 27px;filter: invert(1);}
.sidebar-block .sidebar .row3 .itemG .item .txt {color: #333;}
.dropinner {font-size: 0;margin: 10px;background: #f5f5f5;padding: 10px 0;border-radius: 5px;display: none;}
.dropinner.active {display: block;}
.dropinner .dm-item { width: 20%;}
.dropinner a.dm-item {display: inline-block;margin: 2% 2% 2% 2.5%;}
/*.dropinner a.dm-item:nth-child(1n+0) { margin-left: 0;}*/
.dropinner a.dm-item img { width: 100%; }
.dropinner a.dm-item img.img-close {display: none;}
.dropinner a.dm-item img.img-open {}
.dropinner a.dm-item .gm_name {text-align: center;font-size: 12px; }
/***/
.login-block1 {padding-top: 10px;}
.login-block1 .logo {}
.login-block1 .logo img {width: 150px;margin: auto;}
.login-block1 .login-box {padding: 15px 0;padding-bottom: 30px;background: linear-gradient(to bottom, #f7f7f7 0%, #f0f0f0 50%, #ebebeb 99%);margin: 10px 10px;border-radius: 5px;box-shadow: 0px 2px 3px -1px rgb(0 0 0 / 31%);margin-top: 30px;}
.login-block1 .login-box form {}
.login-block1 .login-box form .itemG {}
.login-block1 .login-box form .itemG .item {display: flex;align-items: center;justify-content: space-between;padding: 5px 30px;}
.login-block1 .login-box form .itemG .item .col1 {}
.login-block1 .login-box form .itemG .item .col1 img {width: 20px;}
.login-block1 .login-box form .itemG .item .col2 {flex: 1;margin-left: 10px;}
.login-block1 .login-box form .itemG .item .col2 input {width: 100%;border-radius: 5px;padding: 10px 25px;font-size: 12px;height: 40px;margin-top: 0px;color: #272727;border: 1px solid #d8d8d8;background-color: #d3d3d3;opacity: 1;border-top: 0.04rem solid #bfbfbf;box-sizing: border-box;outline: none;}
.login-block1 .login-box form .itemG .item2 {padding: 5px 30px;font-size: 12px;color: #666;display: flex;align-items: center;}
.login-block1 .login-box form .itemG .item2 input#a {margin-right: 10px;}
.login-block1 .login-box form .itemG .item2 label {}
.login-block1 .login-box form .itemG .item3 {margin: 30px;}
.login-block1 .login-box form .itemG .item3 button {width: 100%;color: #fff;font-size: 19px;padding: 7px 25px;border-radius: 5px;display: block;margin: 0px auto;background: linear-gradient(#073172, #073172);border: none;}
.login-block1 .login-box form .itemG .item4 {text-align: center;font-size: 12px;color: #666;}
.login-block1 .adG {margin: 10px;}
.login-block1 .adG a {margin-bottom: 10px;display: block;}
.login-block1 .adG a img {}
/***/
.reg-block1 {padding-top: 10px;}
.reg-block1 .logo {}
.reg-block1 .logo img {width: 150px;margin: auto;}
.reg-block1 .reg-box {padding: 15px 0;padding-bottom: 30px;background: linear-gradient(to bottom, #f7f7f7 0%, #f0f0f0 50%, #ebebeb 99%);margin: 10px 10px;border-radius: 5px;box-shadow: 0px 2px 3px -1px rgb(0 0 0 / 31%);margin-top: 30px;}
.reg-block1 .reg-box form {}
.reg-block1 .reg-box form .itemG {}
.reg-block1 .reg-box form .itemG .item {display: flex;align-items: center;justify-content: space-between;padding: 5px 30px;}
.reg-block1 .reg-box form .itemG .item .col1 {display: block;font-size: 13px;color: #0062c9;margin-bottom: 10px;text-align: left;}
.reg-block1 .reg-box form .itemG .item .col1 img {width: 20px;}
.reg-block1 .reg-box form .itemG .item .col2 {flex: 1;}
.reg-block1 .reg-box form .itemG .item .col2 input {width: 100%;border-radius: 5px;padding: 10px 25px;font-size: 12px;height: 40px;margin-top: 0px;color: #272727;border: 1px solid #d8d8d8;background-color: #d3d3d3;opacity: 1;border-top: 0.04rem solid #bfbfbf;box-sizing: border-box;outline: none;}
.reg-block1 .reg-box form .itemG .item2 {padding: 5px 30px;font-size: 12px;color: #666;display: flex;align-items: center;}
.reg-block1 .reg-box form .itemG .item2 input#a {margin-right: 10px;}
.reg-block1 .reg-box form .itemG .item2 label {}
.reg-block1 .reg-box form .itemG .item3 {margin: 30px;}
.reg-block1 .reg-box form .itemG .item3 button {width: 100%;color: #fff;font-size: 19px;padding: 7px 25px;border-radius: 5px;display: block;margin: 0px auto;background: linear-gradient(#073172, #073172);border: none;}
.reg-block1 .reg-box form .itemG .item4 {text-align: left;font-size: 12px;color: #666;margin: 0 30px;margin-top: 30px;}
.reg-block1 .adG {margin: 10px;}
.reg-block1 .adG a {margin-bottom: 10px;display: block;}
.reg-block1 .adG a img {}
.reg-box {}
.reg-box .step {display: flex;align-items: center;justify-content: space-between;padding: 30px;}
.reg-box .step .item.active {color: white !important;background: linear-gradient(to bottom, #073172 5%, #073172 100%);}
.reg-box .step .line {height: 1px;background: #ced1d6;flex: 1;}
.reg-box .step .item {width: 30px;height: 30px;text-align: center;padding: 5px;font-size: 12px;line-height: 1.428571429;border-radius: 50%;background: #ced1d6;color: #9a9a9a;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.wap .top .row2 .col1 a img {width: 2.5rem;padding: 0;}
.wap .top {height: 8rem;}
.wap .btnG {display: flex;justify-content: space-around;margin-top: -4rem;position: relative;margin-bottom: 20px;}
.wap .btnG .item {display: flex;flex-direction: column;align-items: center;}
.wap .btnG .item i {width: 0.6rem;height: 0.6rem;background: #fff;border-radius: 1rem;margin-bottom: 0.5rem;box-shadow: 0 0 5px #fff;opacity: 0;}
.wap .btnG .item a img { width: 5rem; }
.user .block00 .row2, .user .block0 .row2, .user .block1 .row2 .row22, .user .block1 .row2 .row23, .user .block1 .row2 .row25, .user .block1 .row2 .row26, .user .block1 .row2 .row26 td, .record .block3 .row2, .user .block00 .row22 .col1, .user .block0 .row2, .get-money .block1 .row2 .row22, .get-money .block1 .row2 .row23, .get-money .block1 .row2 .row24, .get-money .block1 .row2 .row25, .get-money .block1 .row2 .row26 {font-size: 105% !important;}
.user .block00 .ico img, .get-money .block1 .ico img { width: 3rem; }
.user .block00 .tit, .user .block0 .tit, .user .block1 .ico .txt, .get-money .block1 .ico .txt { font-size: 1.5rem; font-weight: bold; height: 3.5rem; line-height: 3.5rem; }
.user .block00 .row2, .user .block0 .row2, .user .block1 .row2, .get-money .block1 .row2 { padding: 3.5rem 1rem 1rem 1rem; margin-top: -3.5rem; }
.user .block1 .row2 .row22 .col1, .user .block1 .row2 .row22 .col2 {padding: 5px;}
.user .block00 .tit, .get-money .block1 .ico .txt { margin-top: -2rem; height: 5rem; padding-top: 1.5rem; }
.record .block3 .row2 .col1 {padding: 5px;}
.record .block4 .row2 .item .txtG .txt3, .record .block4 .row2 .item .txtG .txt4 {font-size: 105%;overflow: hidden;}
.record-page {overflow: hidden;margin-bottom: 30px;}
.row2 .item .col1, .get-money .block1 .row2 .row26 .item .col2 { width: 10rem !important; }
.get-money .block1 .row2 .row26 .item .col3 {flex: 3;text-align: left; }
.wap .get-money .top { height: 3rem; }
.wap .top-up2 .block1 { margin-top: 2rem; }
.top-welcome { line-height: 22px; text-align: right; }
.top-welcome img { display: inline-block; width: 16px; margin-left: 10px; }
#commCollect { font-size: 14px; height: 35px; line-height: 25px; margin: 0; }
#commCollect .col1 button { height: 26px; line-height: 26px; margin-top: -2px; padding: 0 10px; }
#commCollect .col2 { height: 35px; padding: 0.5rem 1rem; }