@charset "UTF-8";

html {
  height: 100%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  height: 100%;
  font-size: 0.426667rem !important;
  background: #fff;
  -webkit-animation: scaleUpDown .5s ease both;
  -moz-animation: scaleUpDown .5s ease both;
  animation: scaleUpDown .5s ease both;
}

@keyframes scaleUpDown {
  from {
    opacity: 0;
    transform: scale(1.1);
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.lock {
  overflow: hidden;
  height: 100%;
}

.font10 {
  font-size: 0.26667rem;
}

.font11 {
  font-size: 0.29333rem;
}

.font12 {
  font-size: 0.32rem;
}

.font13 {
  font-size: 0.34667rem;
}

.font14 {
  font-size: 0.37333rem;
}

.font15 {
  font-size: 0.4rem;
}

.font16 {
  font-size: 0.42667rem;
}

.font17 {
  font-size: 0.45333rem;
}

.font18 {
  font-size: 0.48rem;
}

.font19 {
  font-size: 0.50667rem;
}

.font20 {
  font-size: 0.53333rem;
}

.font21 {
  font-size: 0.56rem;
}

.font22 {
  font-size: 0.58667rem;
}

.font23 {
  font-size: 0.61333rem;
}

.font24 {
  font-size: 0.64rem;
}

.font25 {
  font-size: 0.66667rem;
}

.font26 {
  font-size: 0.69333rem;
}

.font27 {
  font-size: 0.72rem;
}

.font28 {
  font-size: 0.74667rem;
}

.font29 {
  font-size: 0.77333rem;
}

.font30 {
  font-size: 0.8rem;
}

.font31 {
  font-size: 0.82667rem;
}

.font32 {
  font-size: 0.85333rem;
}

.font33 {
  font-size: 0.88rem;
}

.font34 {
  font-size: 0.90667rem;
}

.font35 {
  font-size: 0.93333rem;
}

.font36 {
  font-size: 0.96rem;
}

.font37 {
  font-size: 0.98667rem;
}

.font38 {
  font-size: 1.01333rem;
}

.font39 {
  font-size: 1.04rem;
}

.font40 {
  font-size: 1.06667rem;
}

.container {
  padding: 0.266667rem;
}

.w-full {
  width: 10rem;
}

.w-half {
  width: 5rem;
}

.w-col1 {
  width: 1rem;
}

.w-col2 {
  width: 2rem;
}

.w-col3 {
  width: 3rem;
}

.w-col4 {
  width: 4rem;
}

.w-col5 {
  width: 5rem;
}

.w-col6 {
  width: 6rem;
}

.w-col7 {
  width: 7rem;
}

.w-col8 {
  width: 8rem;
}

.w-col9 {
  width: 9rem;
}

.w-col10 {
  width: 10rem;
}

.mg5 {
  margin: 0.13333rem;
}

.mg-h5 {
  margin-right: 0.13333rem;
  margin-left: 0.13333rem;
}

.mg-v5 {
  margin-top: 0.13333rem;
  margin-bottom: 0.13333rem;
}

.mg-t5 {
  margin-top: 0.13333rem;
}

.mg-b5 {
  margin-bottom: 0.13333rem;
}

.mg-l5 {
  margin-left: 0.13333rem;
}

.mg-r5 {
  margin-right: 0.13333rem;
}

.pd5 {
  padding: 0.13333rem;
}

.pd-h5 {
  padding-right: 0.13333rem;
  padding-left: 0.13333rem;
}

.pd-v5 {
  padding-top: 0.13333rem;
  padding-bottom: 0.13333rem;
}

.pd-t5 {
  padding-top: 0.13333rem;
}

.pd-b5 {
  padding-bottom: 0.13333rem;
}

.pd-l5 {
  padding-left: 0.13333rem;
}

.pd-r5 {
  padding-right: 0.13333rem;
}

.mg6 {
  margin: 0.16rem;
}

.mg-h6 {
  margin-right: 0.16rem;
  margin-left: 0.16rem;
}

.mg-v6 {
  margin-top: 0.16rem;
  margin-bottom: 0.16rem;
}

.mg-t6 {
  margin-top: 0.16rem;
}

.mg-b6 {
  margin-bottom: 0.16rem;
}

.mg-l6 {
  margin-left: 0.16rem;
}

.mg-r6 {
  margin-right: 0.16rem;
}

.pd6 {
  padding: 0.16rem;
}

.pd-h6 {
  padding-right: 0.16rem;
  padding-left: 0.16rem;
}

.pd-v6 {
  padding-top: 0.16rem;
  padding-bottom: 0.16rem;
}

.pd-t6 {
  padding-top: 0.16rem;
}

.pd-b6 {
  padding-bottom: 0.16rem;
}

.pd-l6 {
  padding-left: 0.16rem;
}

.pd-r6 {
  padding-right: 0.16rem;
}

.mg7 {
  margin: 0.18667rem;
}

.mg-h7 {
  margin-right: 0.18667rem;
  margin-left: 0.18667rem;
}

.mg-v7 {
  margin-top: 0.18667rem;
  margin-bottom: 0.18667rem;
}

.mg-t7 {
  margin-top: 0.18667rem;
}

.mg-b7 {
  margin-bottom: 0.18667rem;
}

.mg-l7 {
  margin-left: 0.18667rem;
}

.mg-r7 {
  margin-right: 0.18667rem;
}

.pd7 {
  padding: 0.18667rem;
}

.pd-h7 {
  padding-right: 0.18667rem;
  padding-left: 0.18667rem;
}

.pd-v7 {
  padding-top: 0.18667rem;
  padding-bottom: 0.18667rem;
}

.pd-t7 {
  padding-top: 0.18667rem;
}

.pd-b7 {
  padding-bottom: 0.18667rem;
}

.pd-l7 {
  padding-left: 0.18667rem;
}

.pd-r7 {
  padding-right: 0.18667rem;
}

.mg8 {
  margin: 0.21333rem;
}

.mg-h8 {
  margin-right: 0.21333rem;
  margin-left: 0.21333rem;
}

.mg-v8 {
  margin-top: 0.21333rem;
  margin-bottom: 0.21333rem;
}

.mg-t8 {
  margin-top: 0.21333rem;
}

.mg-b8 {
  margin-bottom: 0.21333rem;
}

.mg-l8 {
  margin-left: 0.21333rem;
}

.mg-r8 {
  margin-right: 0.21333rem;
}

.pd8 {
  padding: 0.21333rem;
}

.pd-h8 {
  padding-right: 0.21333rem;
  padding-left: 0.21333rem;
}

.pd-v8 {
  padding-top: 0.21333rem;
  padding-bottom: 0.21333rem;
}

.pd-t8 {
  padding-top: 0.21333rem;
}

.pd-b8 {
  padding-bottom: 0.21333rem;
}

.pd-l8 {
  padding-left: 0.21333rem;
}

.pd-r8 {
  padding-right: 0.21333rem;
}

.mg9 {
  margin: 0.24rem;
}

.mg-h9 {
  margin-right: 0.24rem;
  margin-left: 0.24rem;
}

.mg-v9 {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
}

.mg-t9 {
  margin-top: 0.24rem;
}

.mg-b9 {
  margin-bottom: 0.24rem;
}

.mg-l9 {
  margin-left: 0.24rem;
}

.mg-r9 {
  margin-right: 0.24rem;
}

.pd9 {
  padding: 0.24rem;
}

.pd-h9 {
  padding-right: 0.24rem;
  padding-left: 0.24rem;
}

.pd-v9 {
  padding-top: 0.24rem;
  padding-bottom: 0.24rem;
}

.pd-t9 {
  padding-top: 0.24rem;
}

.pd-b9 {
  padding-bottom: 0.24rem;
}

.pd-l9 {
  padding-left: 0.24rem;
}

.pd-r9 {
  padding-right: 0.24rem;
}

.mg10 {
  margin: 0.26667rem;
}

.mg-h10 {
  margin-right: 0.26667rem;
  margin-left: 0.26667rem;
}

.mg-v10 {
  margin-top: 0.26667rem;
  margin-bottom: 0.26667rem;
}

.mg-t10 {
  margin-top: 0.26667rem;
}

.mg-b10 {
  margin-bottom: 0.26667rem;
}

.mg-l10 {
  margin-left: 0.26667rem;
}

.mg-r10 {
  margin-right: 0.26667rem;
}

.pd10 {
  padding: 0.26667rem;
}

.pd-h10 {
  padding-right: 0.26667rem;
  padding-left: 0.26667rem;
}

.pd-v10 {
  padding-top: 0.26667rem;
  padding-bottom: 0.26667rem;
}

.pd-t10 {
  padding-top: 0.26667rem;
}

.pd-b10 {
  padding-bottom: 0.26667rem;
}

.pd-l10 {
  padding-left: 0.26667rem;
}

.pd-r10 {
  padding-right: 0.26667rem;
}

.mg11 {
  margin: 0.29333rem;
}

.mg-h11 {
  margin-right: 0.29333rem;
  margin-left: 0.29333rem;
}

.mg-v11 {
  margin-top: 0.29333rem;
  margin-bottom: 0.29333rem;
}

.mg-t11 {
  margin-top: 0.29333rem;
}

.mg-b11 {
  margin-bottom: 0.29333rem;
}

.mg-l11 {
  margin-left: 0.29333rem;
}

.mg-r11 {
  margin-right: 0.29333rem;
}

.pd11 {
  padding: 0.29333rem;
}

.pd-h11 {
  padding-right: 0.29333rem;
  padding-left: 0.29333rem;
}

.pd-v11 {
  padding-top: 0.29333rem;
  padding-bottom: 0.29333rem;
}

.pd-t11 {
  padding-top: 0.29333rem;
}

.pd-b11 {
  padding-bottom: 0.29333rem;
}

.pd-l11 {
  padding-left: 0.29333rem;
}

.pd-r11 {
  padding-right: 0.29333rem;
}

.mg12 {
  margin: 0.32rem;
}

.mg-h12 {
  margin-right: 0.32rem;
  margin-left: 0.32rem;
}

.mg-v12 {
  margin-top: 0.32rem;
  margin-bottom: 0.32rem;
}

.mg-t12 {
  margin-top: 0.32rem;
}

.mg-b12 {
  margin-bottom: 0.32rem;
}

.mg-l12 {
  margin-left: 0.32rem;
}

.mg-r12 {
  margin-right: 0.32rem;
}

.pd12 {
  padding: 0.32rem;
}

.pd-h12 {
  padding-right: 0.32rem;
  padding-left: 0.32rem;
}

.pd-v12 {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}

.pd-t12 {
  padding-top: 0.32rem;
}

.pd-b12 {
  padding-bottom: 0.32rem;
}

.pd-l12 {
  padding-left: 0.32rem;
}

.pd-r12 {
  padding-right: 0.32rem;
}

.mg13 {
  margin: 0.34667rem;
}

.mg-h13 {
  margin-right: 0.34667rem;
  margin-left: 0.34667rem;
}

.mg-v13 {
  margin-top: 0.34667rem;
  margin-bottom: 0.34667rem;
}

.mg-t13 {
  margin-top: 0.34667rem;
}

.mg-b13 {
  margin-bottom: 0.34667rem;
}

.mg-l13 {
  margin-left: 0.34667rem;
}

.mg-r13 {
  margin-right: 0.34667rem;
}

.pd13 {
  padding: 0.34667rem;
}

.pd-h13 {
  padding-right: 0.34667rem;
  padding-left: 0.34667rem;
}

.pd-v13 {
  padding-top: 0.34667rem;
  padding-bottom: 0.34667rem;
}

.pd-t13 {
  padding-top: 0.34667rem;
}

.pd-b13 {
  padding-bottom: 0.34667rem;
}

.pd-l13 {
  padding-left: 0.34667rem;
}

.pd-r13 {
  padding-right: 0.34667rem;
}

.mg14 {
  margin: 0.37333rem;
}

.mg-h14 {
  margin-right: 0.37333rem;
  margin-left: 0.37333rem;
}

.mg-v14 {
  margin-top: 0.37333rem;
  margin-bottom: 0.37333rem;
}

.mg-t14 {
  margin-top: 0.37333rem;
}

.mg-b14 {
  margin-bottom: 0.37333rem;
}

.mg-l14 {
  margin-left: 0.37333rem;
}

.mg-r14 {
  margin-right: 0.37333rem;
}

.pd14 {
  padding: 0.37333rem;
}

.pd-h14 {
  padding-right: 0.37333rem;
  padding-left: 0.37333rem;
}

.pd-v14 {
  padding-top: 0.37333rem;
  padding-bottom: 0.37333rem;
}

.pd-t14 {
  padding-top: 0.37333rem;
}

.pd-b14 {
  padding-bottom: 0.37333rem;
}

.pd-l14 {
  padding-left: 0.37333rem;
}

.pd-r14 {
  padding-right: 0.37333rem;
}

.mg15 {
  margin: 0.4rem;
}

.mg-h15 {
  margin-right: 0.4rem;
  margin-left: 0.4rem;
}

.mg-v15 {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}

.mg-t15 {
  margin-top: 0.4rem;
}

.mg-b15 {
  margin-bottom: 0.4rem;
}

.mg-l15 {
  margin-left: 0.4rem;
}

.mg-r15 {
  margin-right: 0.4rem;
}

.pd15 {
  padding: 0.4rem;
}

.pd-h15 {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

.pd-v15 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.pd-t15 {
  padding-top: 0.4rem;
}

.pd-b15 {
  padding-bottom: 0.4rem;
}

.pd-l15 {
  padding-left: 0.4rem;
}

.pd-r15 {
  padding-right: 0.4rem;
}

.mg16 {
  margin: 0.42667rem;
}

.mg-h16 {
  margin-right: 0.42667rem;
  margin-left: 0.42667rem;
}

.mg-v16 {
  margin-top: 0.42667rem;
  margin-bottom: 0.42667rem;
}

.mg-t16 {
  margin-top: 0.42667rem;
}

.mg-b16 {
  margin-bottom: 0.42667rem;
}

.mg-l16 {
  margin-left: 0.42667rem;
}

.mg-r16 {
  margin-right: 0.42667rem;
}

.pd16 {
  padding: 0.42667rem;
}

.pd-h16 {
  padding-right: 0.42667rem;
  padding-left: 0.42667rem;
}

.pd-v16 {
  padding-top: 0.42667rem;
  padding-bottom: 0.42667rem;
}

.pd-t16 {
  padding-top: 0.42667rem;
}

.pd-b16 {
  padding-bottom: 0.42667rem;
}

.pd-l16 {
  padding-left: 0.42667rem;
}

.pd-r16 {
  padding-right: 0.42667rem;
}

.mg17 {
  margin: 0.45333rem;
}

.mg-h17 {
  margin-right: 0.45333rem;
  margin-left: 0.45333rem;
}

.mg-v17 {
  margin-top: 0.45333rem;
  margin-bottom: 0.45333rem;
}

.mg-t17 {
  margin-top: 0.45333rem;
}

.mg-b17 {
  margin-bottom: 0.45333rem;
}

.mg-l17 {
  margin-left: 0.45333rem;
}

.mg-r17 {
  margin-right: 0.45333rem;
}

.pd17 {
  padding: 0.45333rem;
}

.pd-h17 {
  padding-right: 0.45333rem;
  padding-left: 0.45333rem;
}

.pd-v17 {
  padding-top: 0.45333rem;
  padding-bottom: 0.45333rem;
}

.pd-t17 {
  padding-top: 0.45333rem;
}

.pd-b17 {
  padding-bottom: 0.45333rem;
}

.pd-l17 {
  padding-left: 0.45333rem;
}

.pd-r17 {
  padding-right: 0.45333rem;
}

.mg18 {
  margin: 0.48rem;
}

.mg-h18 {
  margin-right: 0.48rem;
  margin-left: 0.48rem;
}

.mg-v18 {
  margin-top: 0.48rem;
  margin-bottom: 0.48rem;
}

.mg-t18 {
  margin-top: 0.48rem;
}

.mg-b18 {
  margin-bottom: 0.48rem;
}

.mg-l18 {
  margin-left: 0.48rem;
}

.mg-r18 {
  margin-right: 0.48rem;
}

.pd18 {
  padding: 0.48rem;
}

.pd-h18 {
  padding-right: 0.48rem;
  padding-left: 0.48rem;
}

.pd-v18 {
  padding-top: 0.48rem;
  padding-bottom: 0.48rem;
}

.pd-t18 {
  padding-top: 0.48rem;
}

.pd-b18 {
  padding-bottom: 0.48rem;
}

.pd-l18 {
  padding-left: 0.48rem;
}

.pd-r18 {
  padding-right: 0.48rem;
}

.mg19 {
  margin: 0.50667rem;
}

.mg-h19 {
  margin-right: 0.50667rem;
  margin-left: 0.50667rem;
}

.mg-v19 {
  margin-top: 0.50667rem;
  margin-bottom: 0.50667rem;
}

.mg-t19 {
  margin-top: 0.50667rem;
}

.mg-b19 {
  margin-bottom: 0.50667rem;
}

.mg-l19 {
  margin-left: 0.50667rem;
}

.mg-r19 {
  margin-right: 0.50667rem;
}

.pd19 {
  padding: 0.50667rem;
}

.pd-h19 {
  padding-right: 0.50667rem;
  padding-left: 0.50667rem;
}

.pd-v19 {
  padding-top: 0.50667rem;
  padding-bottom: 0.50667rem;
}

.pd-t19 {
  padding-top: 0.50667rem;
}

.pd-b19 {
  padding-bottom: 0.50667rem;
}

.pd-l19 {
  padding-left: 0.50667rem;
}

.pd-r19 {
  padding-right: 0.50667rem;
}

.mg20 {
  margin: 0.53333rem;
}

.mg-h20 {
  margin-right: 0.53333rem;
  margin-left: 0.53333rem;
}

.mg-v20 {
  margin-top: 0.53333rem;
  margin-bottom: 0.53333rem;
}

.mg-t20 {
  margin-top: 0.53333rem;
}

.mg-b20 {
  margin-bottom: 0.53333rem;
}

.mg-l20 {
  margin-left: 0.53333rem;
}

.mg-r20 {
  margin-right: 0.53333rem;
}

.pd20 {
  padding: 0.53333rem;
}

.pd-h20 {
  padding-right: 0.53333rem;
  padding-left: 0.53333rem;
}

.pd-v20 {
  padding-top: 0.53333rem;
  padding-bottom: 0.53333rem;
}

.pd-t20 {
  padding-top: 0.53333rem;
}

.pd-b20 {
  padding-bottom: 0.53333rem;
}

.pd-l20 {
  padding-left: 0.53333rem;
}

.pd-r20 {
  padding-right: 0.53333rem;
}

.mg21 {
  margin: 0.56rem;
}

.mg-h21 {
  margin-right: 0.56rem;
  margin-left: 0.56rem;
}

.mg-v21 {
  margin-top: 0.56rem;
  margin-bottom: 0.56rem;
}

.mg-t21 {
  margin-top: 0.56rem;
}

.mg-b21 {
  margin-bottom: 0.56rem;
}

.mg-l21 {
  margin-left: 0.56rem;
}

.mg-r21 {
  margin-right: 0.56rem;
}

.pd21 {
  padding: 0.56rem;
}

.pd-h21 {
  padding-right: 0.56rem;
  padding-left: 0.56rem;
}

.pd-v21 {
  padding-top: 0.56rem;
  padding-bottom: 0.56rem;
}

.pd-t21 {
  padding-top: 0.56rem;
}

.pd-b21 {
  padding-bottom: 0.56rem;
}

.pd-l21 {
  padding-left: 0.56rem;
}

.pd-r21 {
  padding-right: 0.56rem;
}

.mg22 {
  margin: 0.58667rem;
}

.mg-h22 {
  margin-right: 0.58667rem;
  margin-left: 0.58667rem;
}

.mg-v22 {
  margin-top: 0.58667rem;
  margin-bottom: 0.58667rem;
}

.mg-t22 {
  margin-top: 0.58667rem;
}

.mg-b22 {
  margin-bottom: 0.58667rem;
}

.mg-l22 {
  margin-left: 0.58667rem;
}

.mg-r22 {
  margin-right: 0.58667rem;
}

.pd22 {
  padding: 0.58667rem;
}

.pd-h22 {
  padding-right: 0.58667rem;
  padding-left: 0.58667rem;
}

.pd-v22 {
  padding-top: 0.58667rem;
  padding-bottom: 0.58667rem;
}

.pd-t22 {
  padding-top: 0.58667rem;
}

.pd-b22 {
  padding-bottom: 0.58667rem;
}

.pd-l22 {
  padding-left: 0.58667rem;
}

.pd-r22 {
  padding-right: 0.58667rem;
}

.mg23 {
  margin: 0.61333rem;
}

.mg-h23 {
  margin-right: 0.61333rem;
  margin-left: 0.61333rem;
}

.mg-v23 {
  margin-top: 0.61333rem;
  margin-bottom: 0.61333rem;
}

.mg-t23 {
  margin-top: 0.61333rem;
}

.mg-b23 {
  margin-bottom: 0.61333rem;
}

.mg-l23 {
  margin-left: 0.61333rem;
}

.mg-r23 {
  margin-right: 0.61333rem;
}

.pd23 {
  padding: 0.61333rem;
}

.pd-h23 {
  padding-right: 0.61333rem;
  padding-left: 0.61333rem;
}

.pd-v23 {
  padding-top: 0.61333rem;
  padding-bottom: 0.61333rem;
}

.pd-t23 {
  padding-top: 0.61333rem;
}

.pd-b23 {
  padding-bottom: 0.61333rem;
}

.pd-l23 {
  padding-left: 0.61333rem;
}

.pd-r23 {
  padding-right: 0.61333rem;
}

.mg24 {
  margin: 0.64rem;
}

.mg-h24 {
  margin-right: 0.64rem;
  margin-left: 0.64rem;
}

.mg-v24 {
  margin-top: 0.64rem;
  margin-bottom: 0.64rem;
}

.mg-t24 {
  margin-top: 0.64rem;
}

.mg-b24 {
  margin-bottom: 0.64rem;
}

.mg-l24 {
  margin-left: 0.64rem;
}

.mg-r24 {
  margin-right: 0.64rem;
}

.pd24 {
  padding: 0.64rem;
}

.pd-h24 {
  padding-right: 0.64rem;
  padding-left: 0.64rem;
}

.pd-v24 {
  padding-top: 0.64rem;
  padding-bottom: 0.64rem;
}

.pd-t24 {
  padding-top: 0.64rem;
}

.pd-b24 {
  padding-bottom: 0.64rem;
}

.pd-l24 {
  padding-left: 0.64rem;
}

.pd-r24 {
  padding-right: 0.64rem;
}

.mg25 {
  margin: 0.66667rem;
}

.mg-h25 {
  margin-right: 0.66667rem;
  margin-left: 0.66667rem;
}

.mg-v25 {
  margin-top: 0.66667rem;
  margin-bottom: 0.66667rem;
}

.mg-t25 {
  margin-top: 0.66667rem;
}

.mg-b25 {
  margin-bottom: 0.66667rem;
}

.mg-l25 {
  margin-left: 0.66667rem;
}

.mg-r25 {
  margin-right: 0.66667rem;
}

.pd25 {
  padding: 0.66667rem;
}

.pd-h25 {
  padding-right: 0.66667rem;
  padding-left: 0.66667rem;
}

.pd-v25 {
  padding-top: 0.66667rem;
  padding-bottom: 0.66667rem;
}

.pd-t25 {
  padding-top: 0.66667rem;
}

.pd-b25 {
  padding-bottom: 0.66667rem;
}

.pd-l25 {
  padding-left: 0.66667rem;
}

.pd-r25 {
  padding-right: 0.66667rem;
}

.mg26 {
  margin: 0.69333rem;
}

.mg-h26 {
  margin-right: 0.69333rem;
  margin-left: 0.69333rem;
}

.mg-v26 {
  margin-top: 0.69333rem;
  margin-bottom: 0.69333rem;
}

.mg-t26 {
  margin-top: 0.69333rem;
}

.mg-b26 {
  margin-bottom: 0.69333rem;
}

.mg-l26 {
  margin-left: 0.69333rem;
}

.mg-r26 {
  margin-right: 0.69333rem;
}

.pd26 {
  padding: 0.69333rem;
}

.pd-h26 {
  padding-right: 0.69333rem;
  padding-left: 0.69333rem;
}

.pd-v26 {
  padding-top: 0.69333rem;
  padding-bottom: 0.69333rem;
}

.pd-t26 {
  padding-top: 0.69333rem;
}

.pd-b26 {
  padding-bottom: 0.69333rem;
}

.pd-l26 {
  padding-left: 0.69333rem;
}

.pd-r26 {
  padding-right: 0.69333rem;
}

.mg27 {
  margin: 0.72rem;
}

.mg-h27 {
  margin-right: 0.72rem;
  margin-left: 0.72rem;
}

.mg-v27 {
  margin-top: 0.72rem;
  margin-bottom: 0.72rem;
}

.mg-t27 {
  margin-top: 0.72rem;
}

.mg-b27 {
  margin-bottom: 0.72rem;
}

.mg-l27 {
  margin-left: 0.72rem;
}

.mg-r27 {
  margin-right: 0.72rem;
}

.pd27 {
  padding: 0.72rem;
}

.pd-h27 {
  padding-right: 0.72rem;
  padding-left: 0.72rem;
}

.pd-v27 {
  padding-top: 0.72rem;
  padding-bottom: 0.72rem;
}

.pd-t27 {
  padding-top: 0.72rem;
}

.pd-b27 {
  padding-bottom: 0.72rem;
}

.pd-l27 {
  padding-left: 0.72rem;
}

.pd-r27 {
  padding-right: 0.72rem;
}

.mg28 {
  margin: 0.74667rem;
}

.mg-h28 {
  margin-right: 0.74667rem;
  margin-left: 0.74667rem;
}

.mg-v28 {
  margin-top: 0.74667rem;
  margin-bottom: 0.74667rem;
}

.mg-t28 {
  margin-top: 0.74667rem;
}

.mg-b28 {
  margin-bottom: 0.74667rem;
}

.mg-l28 {
  margin-left: 0.74667rem;
}

.mg-r28 {
  margin-right: 0.74667rem;
}

.pd28 {
  padding: 0.74667rem;
}

.pd-h28 {
  padding-right: 0.74667rem;
  padding-left: 0.74667rem;
}

.pd-v28 {
  padding-top: 0.74667rem;
  padding-bottom: 0.74667rem;
}

.pd-t28 {
  padding-top: 0.74667rem;
}

.pd-b28 {
  padding-bottom: 0.74667rem;
}

.pd-l28 {
  padding-left: 0.74667rem;
}

.pd-r28 {
  padding-right: 0.74667rem;
}

.mg29 {
  margin: 0.77333rem;
}

.mg-h29 {
  margin-right: 0.77333rem;
  margin-left: 0.77333rem;
}

.mg-v29 {
  margin-top: 0.77333rem;
  margin-bottom: 0.77333rem;
}

.mg-t29 {
  margin-top: 0.77333rem;
}

.mg-b29 {
  margin-bottom: 0.77333rem;
}

.mg-l29 {
  margin-left: 0.77333rem;
}

.mg-r29 {
  margin-right: 0.77333rem;
}

.pd29 {
  padding: 0.77333rem;
}

.pd-h29 {
  padding-right: 0.77333rem;
  padding-left: 0.77333rem;
}

.pd-v29 {
  padding-top: 0.77333rem;
  padding-bottom: 0.77333rem;
}

.pd-t29 {
  padding-top: 0.77333rem;
}

.pd-b29 {
  padding-bottom: 0.77333rem;
}

.pd-l29 {
  padding-left: 0.77333rem;
}

.pd-r29 {
  padding-right: 0.77333rem;
}

.mg30 {
  margin: 0.8rem;
}

.mg-h30 {
  margin-right: 0.8rem;
  margin-left: 0.8rem;
}

.mg-v30 {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}

.mg-t30 {
  margin-top: 0.8rem;
}

.mg-b30 {
  margin-bottom: 0.8rem;
}

.mg-l30 {
  margin-left: 0.8rem;
}

.mg-r30 {
  margin-right: 0.8rem;
}

.pd30 {
  padding: 0.8rem;
}

.pd-h30 {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}

.pd-v30 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.pd-t30 {
  padding-top: 0.8rem;
}

.pd-b30 {
  padding-bottom: 0.8rem;
}

.pd-l30 {
  padding-left: 0.8rem;
}

.pd-r30 {
  padding-right: 0.8rem;
}

@-webkit-keyframes footer_footerripple__3ZeQx {
  0% {
    opacity: .5;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale3d(6, 6, 1);
    transform: translate(-50%, -50%) scale3d(6, 6, 1);
  }
}

@keyframes footer_footerripple__3ZeQx {
  0% {
    opacity: .5;
    -webkit-transform: translate(-50%, -50%) scaleX(1);
    transform: translate(-50%, -50%) scaleX(1);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale3d(6, 6, 1);
    transform: translate(-50%, -50%) scale3d(6, 6, 1);
  }
}

@-webkit-keyframes footer_footerClick__1mo8d {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  20% {
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
  }

  40% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }

  60% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@keyframes footer_footerClick__1mo8d {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  20% {
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
  }

  40% {
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
  }

  60% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }

  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

a {
  text-decoration: none;
  color: #000;
}

.page-wrap {
  width: 100%;
  max-width: 1024px;
  height: 100%;
  margin: 0 auto;
  overflow-x: auto;
  font-size: medium;
  /* padding-top: 120px; */
  display: flex;
  flex-direction: column;

}

.page-content {
  flex: 1 1 auto;
  overflow-y: auto;
}

.page-fixed-head {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 64px;
  /* position: fixed; */
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  /* background: #fff; */
  color: #000;
  /* padding: 10px 0; */
}

.page-fixed-head .title {
  font-size: 20px;
}

.page-fixed-head .title .small {
  font-size: 16px;
}

.page-fixed-head .head-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  text-align: left;
  padding-left: 18px;
}

.page-fixed-head .head-left .img {
  width: 18px;
  margin-right: 18px;
}

.page-fixed-head .head-left .img2 {
  width: 36px;
  margin-right: 18px;
}

.page-fixed-head .head-left .text {
  font-weight: bold;
  color: #437dfb;
}

.page-fixed-head .head-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  text-align: right;
  padding-right: 18px;
}

.page-fixed-head .head-right .img {
  width: 30px;
}

.page-fixed-category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 3.466667rem;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  color: #437dfb;
  width: 100%;
}

.page-fixed-category .top {
  width: 100%;
}

.page-fixed-category .top .title {
  font-size: 0.64rem;
  font-weight: bold;
}

.page-fixed-category .top .title .small {
  font-size: 0.533333rem;
}

.page-fixed-category .top .head-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  text-align: left;
  padding-left: 0.533333rem;
}

.page-fixed-category .top .head-left .img {
  width: 1.333333rem;
  margin-right: 0.266667rem;
}

.page-fixed-category .top .head-left .text {
  font-weight: bold;
  color: #437dfb;
}

.page-fixed-category .top .head-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex: 1;
  text-align: right;
  padding-right: 0.533333rem;
}

.page-fixed-category .top .head-right .img {
  width: 0.666667rem;
}

.page-fixed-category .bottom {
  width: 100%;
  padding: 0.533333rem;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.page-fixed-category .bottom .category {
  position: relative;
  padding-left: 0.266667rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.page-fixed-category .bottom .category::before {
  display: inline-block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 0.533333rem;
  width: 0.08rem;
  border-radius: 0.053333rem;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
}

.page-fixed-category .bottom .category .name {
  font-size: 0.64rem;
  font-weight: bold;
}

.page-fixed-category .bottom .total .number {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page-fixed-tab {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 1.173333rem;
  position: fixed;
  z-index: 99;
  top: 1.173333rem;
  left: 0;
  right: 0;
  background: #fff;
  color: #437dfb;
  border-bottom: 0.026667rem solid #eee;
}

.page-fixed-tab .item {
  height: 1.173333rem;
  flex: 1;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.page-fixed-tab .item a .text {
  text-decoration: none;
}

.page-fixed-tab .item-active::after {
  content: "";
  display: block;
  width: 2.666667rem;
  height: 0.053333rem;
  background: #437dfb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.tabbar::after {
  content: "";
  box-shadow: 0 4px 16px #0000001f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
}

.tabbar {
  padding-bottom: 12px;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  height: 54px;
  background-color: #FFF;
}

.tabbar .icons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.tabbar .icons .footer_footerScaleBounceAnim__3bq14 {
  -webkit-animation: footer_footerClick__1mo8d .5s ease-in-out;
  animation: footer_footerClick__1mo8d .5s ease-in-out;
}

.tabbar .icons .footer_footerScaleBounceAnim__3bq14 i {
  -webkit-animation: footer_footerripple__3ZeQx .5s ease-out;
  animation: footer_footerripple__3ZeQx .5s ease-out;
}

.tabbar .icons .item {
  color: #666;
  width: 25%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.tabbar .icons .item i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background: #4176fa;
  opacity: 0;
  z-index: -1;
}

.tabbar .icons .item .login_item {
  width: 74px;
  height: 38px;
}

.tabbar .icons .item_login {
  border-radius: 0.266667rem;
}

.tabbar .icons .item-active {
  color: #437dfb;
}

.tabbar .icons img {
  width: 28px;
  height: 28px;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tabbar .icons span {
  text-align: center;
  font-size: 12px;
}

/* =========== button =========== */

.primary-btn {
  margin-top: 0.533333rem;
  margin-bottom: 0.533333rem;
  width: 100%;
  height: 1.333333rem;
  color: #fff;
  background-color: #437dfb;
  border-radius: 0.4rem;
  font-size: 0.453333rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.primary-btn span {
  color: #fff;
}

/* =========== component =========== */

.bank-card-component {
  height: 4rem;
  background: #eee;
  border-radius: 0.266667rem;
  color: #437dfb;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.bank-card-component .card {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: space-between;
  padding: 0.533333rem;
}

.bank-card-component .card .hd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.8rem;
}

.bank-card-component .card .hd .name {
  font-size: 0.666667rem;
}

.bank-card-component .card .hd .bank-name {
  font-size: 0.453333rem;
  opacity: 0.5;
}

.bank-card-component .card .bd {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.bank-card-component .card .bd .btn {
  width: 1.866667rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background: #437dfb;
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.bank-card-component .card .bd .btn img {
  width: 0.666667rem;
  height: 0.666667rem;
}

.page-category-list .bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3.733333rem;
  width: 100%;
  z-index: 10;
}

.page-category-list .bg img {
  width: 100%;
}

.page-category-list .bg::before {
  display: inline-block;
  content: '';
  position: fixed;
  left: 0;
  top: 3.733333rem;
  bottom: -0.8rem;
  width: 100%;
  border-top-left-radius: 0.533333rem;
  border-top-right-radius: 0.533333rem;
  background: #2e003b;
  transform: translateY(-0.533333rem);
}

.category-list {
  position: fixed;
  overflow-y: scroll;
  top: 3.466667rem;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  z-index: 10;
}

.category-list .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.category-list img {
  width: 100%;
  border-radius: 0.266667rem;
}

/* add new css */
.list a {
  padding: 6px;
}

.main.animated {
  padding-bottom: 70px;
  padding-top: 60px;
  font-size: medium;
}

.main.center {
  position: relative;
  padding-top: 40px;
  margin-bottom: 80px;
}

.center-tab a {
  background-color: #eee;
  color: #666;
  font-size: 15px;
}

.center-tab a.active,
.center-tab a:hover {
  background-color: #437dfb;
  color: #fff;
}

.center-tab {
  margin-bottom: 12px;
}

.main .input {
  padding: 12px;
}

.input input[data-role=none]:not([type=checkbox]),
.input select[data-role=none]:not([type=checkbox]),
.noico {
  height: 42px;
}

.input input[data-role=none]:not([type=checkbox]) {
  margin-top: 10px;
}

.btn.gradient {
  width: 94% !important;
  padding: 12px 0;
  color: #fff;
  background-color: #437dfb;
  border-radius: 0.4rem;
  font-size: 18px;
  text-align: center;
  margin: 15px auto;
}

button.btn-big {
  padding: 12px 0;
  color: #fff;
  background-color: #437dfb;
  border-radius: 0.4rem;
  font-size: 18px;
  text-align: center;
  margin: 15px auto;
}

button#all_game_submit {
  margin: 0 auto !important;
}

.bonus_desc {
  padding: 0px !important;
  font-size: 14px;
}

.tblBonus td {
  padding: 6px !important;
}

.center-basic td,
.tblBonus td span {
  color: #000;
  font-size: 14px;
}

@media (max-width: 470px) {
  .slots-tab a {
    width: 32.5%;
    font-size: 13px;
  }
}

.slots-tab a {
  text-align: center;
  border-radius: 4px;
  font-size: 14px;
}

.slots-tab a.active,
.slots-tab a:hover {
  background-color: #437dfb;
}

.input .depo_img label {
  margin-top: 10px;
  background: #eeeeee;
}

.turnover-container .turnover-form .turnover-picker input {
  padding: 0 !important;
}

.transfer label span {
  color: #000 !important;
}

.right-box {
  position: absolute;
  right: 10px;
  top: auto;
}

.icon-lang-popup {
  position: absolute;
  display: inline;
  top: 34px;
  z-index: 111;
  right: 0px;
}

.lang {
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 6px;
  top: -1px;
}

.lang img {
  width: 30px;
  padding: 2px 0px;
}

.input form label {
  font-size: 14px !important;
}

select.noico[name=transfer] {
  margin-bottom: 0 !important;
}

.slots-contant a span,
.notice marquee a {
  font-size: 14px;
}

.searchContainer .searchInput {
  width: 86% !important;
  font-size: 14px;
  padding: 0 0 0 30px !important;
}

.depo-img-text {
  font-size: 15px;
}

.field .field-captcha #captcha {
  margin-top: 0px;
}

.field .field-captcha #captchaLb {
  background-color: #437dfb;
  color: aliceblue;
  padding: 10px 16px;
}

.main .keno-dispaly-result h3,
.main .keno-play-main .keno-frequence h3,
.main .group-play-box label {
  font-size: 20px;
}

.main .type-play {
  padding: 8px;
}

.main .keno-bet-frequence>li>a {
  padding: 20px;
}

/* app */
.app {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 90px;
}

.app-title {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}

.app-item {
  width: 50%;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
}

.app-item a img {
  width: 100%;
  height: auto;
}

.swiper-coverflow {
  margin-bottom: 10px;
}

.float-link {
  position: fixed;
  left: 10px;
  z-index: 999;
}

.float-link .b_coint_gift {
  position: absolute;
  z-index: -1;
  top: -10%;
  left: 0;
}

.float-link.float-link-1 {
  bottom: 10%;
}

.float-link.float-link-1 img {
  width: 120px;
  animation: 1s ease infinite float-img;
}

.float-link a {
  text-align: center;
}

.float-link .btn-close {
  width: 20px;
  height: 20px;
  position: absolute;
  right: -16px;
  top: 0rem;
  border-radius: 50%;
  background: #aaa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' focusable='false' height='24' width='24' jsname='lZmugf'%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E") center/16px no-repeat;
}

.float-link .btn-claim-refer {
  background: #f9d77c;
  color: #df311e;
  border-radius: 16px;
  font-size: 12px;
  padding: 6px 12px;
  display: block;
}

.float-link .b_coint_gift img {
  animation: 1s ease infinite float-img;
}

@keyframes scale-img {

  0%,
  to {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes float-img {

  0%,
  to {
    transform: translateY(0);
  }

  50% {
    transform: translate(-6px);
  }
}

[data-page=refer_friend_bonus] .cont.refer-friend {
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 0.5rem;
}
[data-page=refer_friend_bonus] .cont.refer-friend *{
  box-sizing: border-box;
}
.btn {
  padding: 6px 12px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 4px;
}