* {
margin: 0;
padding: 0
}
*:focus {
outline: none
}
html,
body {
font-family: Helvetica, Tahoma, sans-serif;
color: #1E1E1E;
font-size: 3.46667vw;
-webkit-text-size-adjust: 100%;
line-height: 1.3;
background-color: #eee
}
@media screen and (min-aspect-ratio: 16 / 9) {
html,
body {
font-size: 1.94903vmax
}
}
a {
text-decoration: none;
color: #2789CE;
outline: none;
-webkit-tap-highlight-color: rgba(182, 223, 253, 0.5)
}
a:hover {
text-decoration: none;
cursor: pointer
}
table {
border-collapse: collapse
}
input {
position: relative;
background: #fff;
border: 1px solid #aaa;
box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1);
border-radius: 1.6vw;
color: #1E1E1E;
font-size: 4vw;
font-family: Helvetica, Tahoma, sans-serif;
padding: 2.66667vw 1.86667vw;
margin-bottom: 1.86667vw;
-webkit-appearance: none
}
@media screen and (min-aspect-ratio: 16 / 9) {
input {
border-radius: 0.89955vmax;
font-size: 2.24888vmax;
padding: 1.49925vmax 1.04948vmax;
margin-bottom: 1.04948vmax
}
}
img {
background-size: contain !important
}
h3 {
background-image: linear-gradient(-180deg, #2E4B5E 0%, #243A48 82%);
color: #fff;
font-size: 3.73333vw;
line-height: 2.2
}
@media screen and (min-aspect-ratio: 16 / 9) {
h3 {
font-size: 2.09895vmax
}
}
.clearfix:after {
content: "";
display: block;
clear: both
}
.clearfix {
zoom: 1
}
.clear {
clear: both
}
.float-L,
.marquee-pop .function-wrap label span:before,
.article-date dt {
float: left
}
.float-R {
float: right
}
.align-L,
.table th,
.tc-wrap h3,
.announce-wrap h3,
.pop-wrap h3,
.select-list h3,
.announce-wrap table,
.announce-wrap table th {
text-align: left
}
.align-R,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.setting-block input {
text-align: right
}
.align-C,
h3,
.btn,
.btn-send,
.login,
.form-select,
.pages a,
.logout,
.trade p,
.trade-2 p,
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span,
.stake-setting input,
.col-stake_edit a,
.loading-wrap p,
.form-login dt,
.support-wrap,
footer,
.article-date {
text-align: center
}
.displayB,
.btn,
.btn-send,
.login,
.form-select,
.pages a,
.logout:after,
.trade span,
.trade-2 span,
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span,
.info-bet dd span,
.info-matched dd span,
.trashcan:before,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.a-edit:before,
.check-list a:before,
.setting-block a,
.switch_on span:after,
.switch_off span:after,
.form-select:after,
.select-list li,
.select-list a,
.to-BackLay li:after,
.login-head,
.pass-head,
.login-head .close:before,
.pass-head .close:before,
.form-login,
.form-login .error:after,
.policy-link,
footer li:first-child,
footer .confirm-checkbox {
display: block
}
.displayI {
display: inline
}
.displayIB,
.btn-edit:after,
.login:after,
.policy-link li,
footer li,
footer .confirm-checkbox:before {
display: inline-block
}
.displayF,
.logout,
.bets-back .col-ref ul,
.bets-lay .col-ref ul,
.bets-book .col-ref ul,
.bets-head .col-ref ul,
.check-list,
.to-BackLay,
.trade,
.trade-2,
.trade dt,
.trade-2 dt,
.trade dd,
.trade-2 dd,
.fancy .trade .mode-land,
.fancy .trade-2 .mode-land,
.trade p,
.trade-2 p,
.overlay,
.info-bet,
.info-matched,
.info-bet dt,
.info-matched dt,
.side-wrap,
.side-head,
.side-head h3,
.side-content h3,
.trashcan,
.bets-back,
.bets-lay,
.bets-book,
.bets-head,
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd,
.a-edit,
.check-list a,
.setting-block,
.setting-block dt,
.setting-block dd,
.switch_on span,
.switch_off span,
.loading-overlay,
.loading-wrap,
.trade-wrap,
.login-head .close,
.pass-head .close,
.announce-header,
.news-wrap,
.marquee-pop .function-wrap {
display: flex
}
.border-box,
.trade dt,
.trade-2 dt,
.trade dd,
.trade-2 dd,
.trade p,
.trade-2 p,
.info-bet dt,
.info-matched dt,
.info-bet dd,
.info-matched dd,
.a-edit,
.check-list a:before,
.setting-block dt,
.setting-block dd,
.stake-setting input,
.txt-wrap,
.policy-link,
.announce-header,
footer,
footer .confirm-checkbox:before,
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a {
box-sizing: border-box
}
.mian-wrap {
position: relative;
padding: 0 0 17.6vw;
overflow: hidden
}
@media screen and (min-aspect-ratio: 16 / 9) {
.mian-wrap {
padding: 0
}
}
.btn,
.btn-send,
.login,
.form-select,
.pages a {
background-image: linear-gradient(-180deg, #fff 0%, #eee 89%);
border: 1px solid #aaa;
border-radius: 1.6vw;
font-size: 4vw;
font-weight: bold;
line-height: 2.6;
color: #1E1E1E
}
.btn.disable,
.disable.btn-send,
.disable.login,
.disable.form-select,
.pages a.disable {
background: #dfdfdf;
color: #999;
cursor: not-allowed
}
.btn.select,
.select.btn-send,
.select.login,
.select.form-select,
.pages a.select {
background: #FFCC2E;
border: 1px solid #BE7809;
box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.1)
}
.btn.secondary,
.secondary.btn-send,
.secondary.login,
.secondary.form-select,
.pages a.secondary {
background-image: linear-gradient(180deg, #D6D6D6 0%, #B2B2B2 89%);
border: 1px solid #969696
}
.btn.secondary:hover,
.secondary.btn-send:hover,
.secondary.login:hover,
.secondary.form-select:hover,
.pages a.secondary:hover {
background-image: linear-gradient(180deg, #B2B2B2 0%, #D6D6D6 89%);
border: 1px solid #969696
}
@media screen and (min-aspect-ratio: 16 / 9) {
.btn,
.btn-send,
.login,
.form-select,
.pages a {
border-radius: 0.89955vmax;
font-size: 2.24888vmax
}
.btn.select,
.select.btn-send,
.select.login,
.select.form-select,
.pages a.select {
box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.1)
}
}
.btn-send,
.login {
background-image: linear-gradient(-180deg, #FFB80C 15%, #FFA00C 100%);
border-color: #BF7809
}
.btn-send.disable,
.disable.login {
background-image: linear-gradient(-180deg, #FFE9B6 0%, #FFE2B6 100%);
border-color: #EFD9B5;
color: #999
}
.logout {
height: 12.8vw;
background-image: linear-gradient(-180deg, #E93522 0%, #BE2414 100%);
border: 1px solid #8A0011;
border-width: 1px 0 1px 0;
color: #fff;
font-size: 4.26667vw;
font-weight: bold;
margin-bottom: 5.33333vw;
justify-content: center;
align-items: center
}
.logout:after {
content: '';
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin-left: 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.logout {
height: 7.1964vmax;
font-size: 2.3988vmax;
margin-bottom: 2.9985vmax
}
.logout:after {
width: 2.24888vmax;
height: 2.24888vmax;
margin-left: 0.74963vmax
}
}
.table {
width: 100%;
border-bottom: 1px solid #7E97A7
}
.table th {
padding: 2.13333vw 1.86667vw;
background-color: #D6E4E5;
border-bottom: 0.26667vw solid #BBC8C9
}
@media screen and (min-aspect-ratio: 16 / 9) {
.table th {
padding: 1.1994vmax 1.04948vmax;
border-bottom-width: 0.14993vmax
}
}
.table td,
.table .announce-wrap table th,
.announce-wrap table .table th {
padding: 2.13333vw 1.86667vw;
border: 0.26667vw solid #E0E6E6;
border-width: 0 0 0.26667vw 0.26667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.table td,
.table .announce-wrap table th,
.announce-wrap table .table th {
padding: 1.1994vmax 1.04948vmax;
border-bottom-width: 0.14993vmax
}
}
.table tr:last-of-type td,
.table tr:last-of-type .announce-wrap table th,
.announce-wrap table .table tr:last-of-type th {
border-bottom-width: 0
}
.icon-home {
background: url('data:image/svg+xml,') no-repeat
}
.icon-inplay {
background: url('data:image/svg+xml,') no-repeat
}
.icon-sports {
background: url('data:image/svg+xml,') no-repeat
}
.icon-pin {
background: url('data:image/svg+xml,') no-repeat
}
.icon-account {
background: url('data:image/svg+xml,') no-repeat
}
.icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-cricket {
background: url('data:image/svg+xml,') no-repeat
}
.icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-soccer {
background: url('data:image/svg+xml,') no-repeat
}
.icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-tennis {
background: url('data:image/svg+xml,') no-repeat
}
.icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-basketball {
background: url('data:image/svg+xml,') no-repeat
}
.icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-rugby {
background: url('data:image/svg+xml,') no-repeat
}
.icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-HR {
background: url('data:image/svg+xml,') no-repeat
}
.icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-dog {
background: url('data:image/svg+xml,') no-repeat
}
.icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-election {
background: url('data:image/svg+xml,') no-repeat
}
.icon-casino {
background: url('data:image/svg+xml,') no-repeat
}
.select .icon-casino {
background: url('data:image/svg+xml,') no-repeat
}
.info-inplay {
background: url('data:image/svg+xml,') no-repeat;
border-radius: 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.info-inplay {
border-radius: 0.74963vmax
}
}
.info-cashout {
background: url('data:image/svg+xml,') no-repeat;
border-radius: 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.info-cashout {
border-radius: 0.74963vmax
}
}
.red {
color: #D0021B !important
}
.green {
color: #508D0E !important
}
.a-edit,
.login-head h1,
.pass-head h1,
.login-head .close,
.pass-head .close {
font-size: 0;
text-indent: -99999px
}
.trade p span,
.trade-2 p span,
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd,
.bets-back h4,
.bets-lay h4,
.bets-book h4,
.bets-head h4,
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span,
.select-list a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.bets-back .col-ref ul li,
.bets-lay .col-ref ul li,
.bets-book .col-ref ul li,
.bets-head .col-ref ul li,
.check-list li,
.to-BackLay li {
list-style: none
}
.form-login input {
border-width: 0;
width: calc(100% - 2 * (1.86vw));
margin-bottom: 0
}
@media (orientation: landscape) {
.form-login input {
width: calc(100% - 2 * (1.86vw));
border-radius: 1.6vw;
font-size: 4vw;
padding: 2.66667vw 1.86667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.form-login input {
width: calc(100% - 2 * (1.04vmax));
border-radius: 0.89955vmax;
font-size: 2.24888vmax;
padding: 1.49925vmax 1.04948vmax
}
}
.policy-link {
color: rgba(255, 255, 255, 0.5)
}
.policy-link a {
color: rgba(255, 255, 255, 0.6)
}
.exchange .policy-link,
.exchinplay .policy-link,
.exchange247 .policy-link,
.probetx .policy-link,
.cftbet365 .policy-link,
.crickzoom .policy-link,
.crickzoomlive .policy-link,
.probet247 .policy-link,
.goexchange .policy-link,
.wickets247 .policy-link,
.iceEX .policy-link {
color: rgba(0, 0, 0, 0.5)
}
.exchange .policy-link a,
.exchinplay .policy-link a,
.exchange247 .policy-link a,
.probetx .policy-link a,
.cftbet365 .policy-link a,
.crickzoom .policy-link a,
.crickzoomlive .policy-link a,
.probet247 .policy-link a,
.goexchange .policy-link a,
.wickets247 .policy-link a,
.iceEX .policy-link a {
color: rgba(0, 0, 0, 0.7)
}
.tc-wrap,
.announce-wrap {
overflow-y: scroll;
background-color: #fff;
font-size: 4vw;
line-height: 1.5;
padding: 4.26667vw 3.46667vw;
box-sizing: border-box
}
.tc-wrap h1,
.announce-wrap h1 {
margin-top: 12.8vw;
margin-bottom: 6.4vw;
font-size: 6.4vw;
color: #000;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 1.33333vw;
padding: 2.66667vw
}
.tc-wrap h2,
.announce-wrap h2 {
font-size: 5.86667vw;
line-height: 1.2;
color: #1B2D38;
padding-bottom: 2.13333vw;
margin-bottom: 4.8vw;
border-bottom: 1px dashed #E0E6E6
}
.tc-wrap h3,
.announce-wrap h3 {
font-size: 4.53333vw;
margin-bottom: 3.2vw;
color: rgba(30, 30, 30, 0.9);
line-height: 1.2;
background: transparent
}
.tc-wrap h4,
.announce-wrap h4 {
font-size: 4vw;
color: rgba(30, 30, 30, 0.9);
margin-bottom: 2.66667vw
}
.tc-wrap h5,
.announce-wrap h5 {
font-size: 4vw;
color: rgba(30, 30, 30, 0.9);
margin-bottom: 2.66667vw;
text-decoration: underline
}
.tc-wrap ul,
.announce-wrap ul,
.tc-wrap ol,
.announce-wrap ol {
margin-left: 6.4vw
}
.tc-wrap ul li,
.announce-wrap ul li,
.tc-wrap ol li,
.announce-wrap ol li {
margin-bottom: 3.46667vw
}
.tc-wrap p,
.announce-wrap p {
margin: 0 0 3.2vw 0
}
.tc-wrap address,
.announce-wrap address {
font-size: 3.46667vw;
margin-bottom: 4vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.tc-wrap,
.announce-wrap {
font-size: 2.24888vmax;
padding: 3.14843vmax 3.14843vmax
}
.tc-wrap h2,
.announce-wrap h2 {
font-size: 3.29835vmax;
padding-bottom: 1.1994vmax;
margin-bottom: 2.3988vmax
}
.tc-wrap h3,
.announce-wrap h3 {
font-size: 2.54873vmax;
margin-bottom: 2.24888vmax
}
.tc-wrap h4,
.announce-wrap h4 {
font-size: 2.24888vmax;
margin-bottom: 1.49925vmax
}
.tc-wrap h5,
.announce-wrap h5 {
font-size: 2.24888vmax;
margin-bottom: 1.49925vmax
}
.tc-wrap ul,
.announce-wrap ul,
.tc-wrap ol,
.announce-wrap ol {
margin-left: 3.5982vmax
}
.tc-wrap ul li,
.announce-wrap ul li,
.tc-wrap ol li,
.announce-wrap ol li {
margin-bottom: 1.94903vmax
}
.tc-wrap p,
.announce-wrap p {
margin: 0 0 1.94903vmax 0
}
.tc-wrap address,
.announce-wrap address {
font-size: 1.94903vmax;
margin-bottom: 2.24888vmax
}
}
.mysports247 .login-head,
.mysports247 .pass-head {
background-image: url(/images/mobile/mysports247/KV-pic-mysports247.png)
}
.mysports247 .login-head h1,
.mysports247 .pass-head h1 {
top: 37.33333vw;
width: 64.26667vw;
height: 22.4vw;
background-image: url(/images/mobile/mysports247/logo-mysports247.png);
margin-left: -32.26667vw
}
@media (orientation: landscape) {
.mysports247 .login-head,
.mysports247 .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.mysports247 .login-head h1,
.mysports247 .pass-head h1 {
top: 1.86667vw;
width: 60.53333vw;
height: 16.8vw;
background-image: url(/images/mobile/mysports247/logo-mysports247-black.png);
margin-left: -30.13333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.mysports247 .login-head h1,
.mysports247 .pass-head h1 {
top: 1.04948vmax;
width: 34.03298vmax;
height: 9.44528vmax;
margin-left: -16.94153vmax
}
}
.maxexch9 .login-head,
.maxexch9 .pass-head {
background-image: url(/images/mobile/maxexch9/KV-pic-maxexch9.png)
}
.maxexch9 .login-head h1,
.maxexch9 .pass-head h1 {
top: 24vw;
width: 55.46667vw;
height: 18.66667vw;
background-image: url(/images/mobile/maxexch9/logo-maxexch9.png);
margin-left: -24vw
}
@media (orientation: landscape) {
.maxexch9 .login-head,
.maxexch9 .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.maxexch9 .login-head h1,
.maxexch9 .pass-head h1 {
top: 4vw;
width: 40vw;
height: 14.13333vw;
background-image: url(/images/mobile/maxexch9/logo-maxexch9-black.png);
margin-left: -20vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maxexch9 .login-head h1,
.maxexch9 .pass-head h1 {
top: 2.24888vmax;
width: 22.48876vmax;
height: 7.94603vmax;
margin-left: -11.24438vmax
}
}
.maxinplay .login-head,
.maxinplay .pass-head {
background-image: url(/images/mobile/maxinplay/KV-pic-maxinplay.png)
}
.maxinplay .login-head h1,
.maxinplay .pass-head h1 {
top: 24vw;
width: 43.46667vw;
height: 21.33333vw;
background-image: url(/images/mobile/maxinplay/logo-maxinplay.png);
margin-left: -21.33333vw
}
@media (orientation: landscape) {
.maxinplay .login-head,
.maxinplay .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.maxinplay .login-head h1,
.maxinplay .pass-head h1 {
top: 3.46667vw;
width: 32vw;
height: 15.46667vw;
background-image: url(/images/mobile/maxinplay/logo-maxinplay-black.png);
margin-left: -16vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maxinplay .login-head h1,
.maxinplay .pass-head h1 {
top: 1.94903vmax;
width: 17.991vmax;
height: 8.69565vmax;
margin-left: -8.9955vmax
}
}
.mazaplay .login-head,
.mazaplay .pass-head {
background-image: url(/images/mobile/mazaplay/KV-pic-maza.png)
}
.mazaplay .login-head h1,
.mazaplay .pass-head h1 {
top: 33.33333vw;
width: 45.33333vw;
height: 23.73333vw;
background-image: url(/images/mobile/mazaplay/logo-login-maza.png);
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.mazaplay .login-head,
.mazaplay .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.mazaplay .login-head h1,
.mazaplay .pass-head h1 {
top: 2.66667vw;
width: 29.6vw;
height: 15.73333vw;
background-image: url(/images/mobile/mazaplay/logo-maza.png);
margin-left: -14.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.mazaplay .login-head h1,
.mazaplay .pass-head h1 {
top: 1.49925vmax;
width: 16.64168vmax;
height: 8.84558vmax;
margin-left: -8.24588vmax
}
}
.kingfair24 .login-head,
.kingfair24 .pass-head {
background-image: url(/images/mobile/kingfair24/KV-pic-kingfair24.png)
}
.kingfair24 .login-head h1,
.kingfair24 .pass-head h1 {
top: 21.33333vw;
width: 61.86667vw;
height: 21.86667vw;
background-image: url(/images/mobile/kingfair24/logo-login-kingfair24.png);
margin-left: -30.93333vw
}
@media (orientation: landscape) {
.kingfair24 .login-head,
.kingfair24 .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.kingfair24 .login-head h1,
.kingfair24 .pass-head h1 {
top: 1.6vw;
width: 50.66667vw;
height: 18.4vw;
background-image: url(/images/mobile/kingfair24/logo-kingfair24.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.kingfair24 .login-head,
.kingfair24 .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.kingfair24 .login-head h1,
.kingfair24 .pass-head h1 {
top: 0.89955vmax;
width: 28.48576vmax;
height: 10.34483vmax;
margin-left: -12.74363vmax;
background-image: url(/images/mobile/kingfair24/logo-kingfair24.png)
}
}
.alphaexch .login-head,
.alphaexch .pass-head {
background-image: url(/images/mobile/alphaexch/KV-pic-alphaexch.png)
}
.alphaexch .login-head h1,
.alphaexch .pass-head h1 {
top: 44vw;
width: 53.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/alphaexch/logo-login-alphaexch.png);
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.alphaexch .login-head,
.alphaexch .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.alphaexch .login-head h1,
.alphaexch .pass-head h1 {
top: 2.66667vw;
width: 53.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/alphaexch/logo-alphaexch.png);
margin-left: -26.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.alphaexch .login-head h1,
.alphaexch .pass-head h1 {
top: 1.49925vmax;
width: 29.98501vmax;
height: 8.54573vmax;
margin-left: -14.9925vmax
}
}
.alphaexchlive .login-head,
.alphaexchlive .pass-head {
background-image: url(/images/mobile/alphaexchlive/KV-pic-alphaexchlive.png)
}
.alphaexchlive .login-head h1,
.alphaexchlive .pass-head h1 {
top: 44vw;
width: 53.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/alphaexchlive/logo-login-alphaexchlive.png);
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.alphaexchlive .login-head,
.alphaexchlive .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.alphaexchlive .login-head h1,
.alphaexchlive .pass-head h1 {
top: 2.66667vw;
width: 53.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/alphaexchlive/logo-alphaexchlive.png);
margin-left: -26.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.alphaexchlive .login-head h1,
.alphaexchlive .pass-head h1 {
top: 1.49925vmax;
width: 29.98501vmax;
height: 8.54573vmax;
margin-left: -14.9925vmax
}
}
.exchange .login-head,
.exchange .pass-head {
background-image: url(/exchange/images/bannerexch.png)
}
.exchange .login-head h1,
.exchange .pass-head h1 {
top: 34.66667vw;
width: 65.86667vw;
height: 28vw;
background-image: url(/exchange/images/betinexch.png);
margin-left: -30vw
}
@media (orientation: landscape) {
.exchange .login-head,
.exchange .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.exchange .login-head h1,
.exchange .pass-head h1 {
top: 1.86667vw;
width: 51.46667vw;
height: 17.33333vw;
background-image: url(/exchange/images/betinexch.png);
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchange .login-head h1,
.exchange .pass-head h1 {
top: 1.04948vmax;
width: 28.93553vmax;
height: 9.74513vmax;
margin-left: -14.3928vmax
}
}
.goexchange .login-head,
.goexchange .pass-head {
background-image: url(/images/mobile/goexchange/KV-pic-goEX.png)
}
.goexchange .login-head h1,
.goexchange .pass-head h1 {
top: 32vw;
width: 35.2vw;
height: 22.13333vw;
background-image: url(/images/mobile/goexchange/logo-login-goEX.png);
margin-left: -17.6vw
}
@media (orientation: landscape) {
.goexchange .login-head,
.goexchange .pass-head {
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.goexchange .login-head h1,
.goexchange .pass-head h1 {
top: 1.86667vw;
width: 27.46667vw;
height: 17.33333vw;
background-image: url(/images/mobile/goexchange/logo-goEX.png);
margin-left: -13.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.goexchange .login-head,
.goexchange .pass-head {
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.goexchange .login-head h1,
.goexchange .pass-head h1 {
top: 1.04948vmax;
width: 15.44228vmax;
height: 9.74513vmax;
background-image: url(/images/mobile/goexchange/logo-goEX.png);
margin-left: -7.72114vmax
}
}
.iceEX .login-head,
.iceEX .pass-head {
background-image: url(/images/mobile/iceEX/KV-pic-iceEX.png)
}
.iceEX .login-head h1,
.iceEX .pass-head h1 {
top: 24vw;
width: 49.33333vw;
height: 25.6vw;
background-image: url(/images/mobile/iceEX/logo-login-iceEX.png);
margin-left: -24.66667vw
}
@media (orientation: landscape) {
.iceEX .login-head,
.iceEX .pass-head {
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.iceEX .login-head h1,
.iceEX .pass-head h1 {
top: 1.86667vw;
width: 49.33333vw;
height: 25.6vw;
background-image: url(/images/mobile/iceEX/logo-login-iceEX.png);
margin-left: -24.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.iceEX .login-head,
.iceEX .pass-head {
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.iceEX .login-head h1,
.iceEX .pass-head h1 {
top: 1.04948vmax;
width: 19.04048vmax;
height: 9.89505vmax;
background-image: url(/images/mobile/iceEX/logo-iceEX.png);
margin-left: -10.04498vmax
}
}
.agexch247 .login-head,
.agexch247 .pass-head {
background-image: url(/images/mobile/agEX247/KV-pic-agEX.png)
}
.agexch247 .login-head h1,
.agexch247 .pass-head h1 {
top: 24vw;
width: 40vw;
height: 25.6vw;
background-image: url(/images/mobile/agEX247/logo-login-agEX.png);
margin-left: -20vw
}
@media (orientation: landscape) {
.agexch247 .login-head,
.agexch247 .pass-head {
background-image: linear-gradient(180deg, #190004 0%, #000 100%)
}
.agexch247 .login-head h1,
.agexch247 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 27.46667vw;
height: 17.6vw;
background-image: url(/images/mobile/agEX247/logo-agEX.png);
margin-left: -13.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.agexch247 .login-head h1,
.agexch247 .pass-head h1 {
width: 15.44228vmax;
height: 9.89505vmax;
background-image: url(/images/mobile/agEX247/logo-agEX.png);
margin-left: inherit
}
}
.exchinplay .login-head,
.exchinplay .pass-head {
background-image: url(/images/mobile/exchinplay/KV-pic-exchinplay.png)
}
.exchinplay .login-head h1,
.exchinplay .pass-head h1 {
top: 38.66667vw;
width: 69.33333vw;
height: 24vw;
background-image: url(/images/mobile/exchinplay/logo-exchinplay.png);
background-size: cover;
margin-left: -32.53333vw
}
@media (orientation: landscape) {
.exchinplay .login-head,
.exchinplay .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.exchinplay .login-head h1,
.exchinplay .pass-head h1 {
top: 2.13333vw;
width: 50.93333vw;
height: 17.06667vw;
background-image: url(/images/mobile/exchinplay/logo-land-exchinplay.png);
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchinplay .login-head h1,
.exchinplay .pass-head h1 {
top: 1.1994vmax;
width: 28.63568vmax;
height: 9.5952vmax;
margin-left: -14.3928vmax
}
}
.probetx .login-head,
.probetx .pass-head {
background-image: url(/images/mobile/probetx/KV-pic-probetx.png)
}
.probetx .login-head h1,
.probetx .pass-head h1 {
top: 38.66667vw;
width: 64vw;
height: 24vw;
background-image: url(/images/mobile/probetx/logo-probetx.png);
background-size: cover;
margin-left: -31.46667vw
}
@media (orientation: landscape) {
.probetx .login-head,
.probetx .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.probetx .login-head h1,
.probetx .pass-head h1 {
top: 2.13333vw;
width: 45.33333vw;
height: 16vw;
background-image: url(/images/mobile/probetx/logo-land-probetx.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.probetx .login-head h1,
.probetx .pass-head h1 {
top: 1.1994vmax;
width: 25.48726vmax;
height: 8.9955vmax;
margin-left: -12.74363vmax
}
}
.probet247 .login-head,
.probet247 .pass-head {
background-image: url(/images/mobile/probet247/KV-pic-probet247.png)
}
.probet247 .login-head h1,
.probet247 .pass-head h1 {
top: 31.46667vw;
width: 84.53333vw;
height: 38.93333vw;
background-image: url(/images/mobile/probet247/logo-probet247.png);
background-size: cover;
margin-left: -42.26667vw
}
@media (orientation: landscape) {
.probet247 .login-head,
.probet247 .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.probet247 .login-head h1,
.probet247 .pass-head h1 {
top: 1.33333vw;
width: 49.33333vw;
height: 17.6vw;
background-image: url(/images/mobile/probet247/logo-land-probet247.png);
margin-left: -24.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.probet247 .login-head h1,
.probet247 .pass-head h1 {
top: 0.74963vmax;
width: 27.73613vmax;
height: 9.89505vmax;
margin-left: -13.86807vmax
}
}
.bigexch .login-head,
.bigexch .pass-head {
background-image: url(/images/mobile/bigexch/KV-pic-bigexch.png)
}
.bigexch .login-head h1,
.bigexch .pass-head h1 {
top: 45.33333vw;
width: 56.8vw;
height: 16vw;
background-image: url(/images/mobile/bigexch/logo-bigexch.png);
background-size: cover;
margin-left: -28vw;
mix-blend-mode: lighten
}
@media (orientation: landscape) {
.bigexch .login-head,
.bigexch .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.bigexch .login-head h1,
.bigexch .pass-head h1 {
top: 2.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.bigexch .login-head h1,
.bigexch .pass-head h1 {
top: 1.49925vmax;
width: 31.93403vmax;
height: 8.9955vmax;
margin-left: -15.74213vmax
}
}
.sixball .login-head,
.sixball .pass-head {
background-image: url(/images/mobile/sixball/KV-pic-6ball.png)
}
.sixball .login-head h1,
.sixball .pass-head h1 {
top: 29.33333vw;
width: 48vw;
height: 27.46667vw;
background-image: url(/images/mobile/sixball/logo-6ball.png);
background-size: cover;
margin-left: -24vw
}
@media (orientation: landscape) {
.sixball .login-head,
.sixball .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.sixball .login-head h1,
.sixball .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.66667vw;
height: 19.73333vw;
background-size: contain;
margin-left: inherit
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sixball .login-head h1,
.sixball .pass-head h1 {
width: 19.49025vmax;
height: 11.09445vmax;
margin-left: inherit
}
}
.sixballio .login-head,
.sixballio .pass-head {
background-image: url(/images/mobile/sixballio/KV-pic-6ballio.png)
}
.sixballio .login-head h1,
.sixballio .pass-head h1 {
top: 29.33333vw;
width: 48vw;
height: 27.46667vw;
background-image: url(/images/mobile/sixball/logo-6ball.png);
background-size: cover;
margin-left: -24vw
}
@media (orientation: landscape) {
.sixballio .login-head,
.sixballio .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.sixballio .login-head h1,
.sixballio .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.66667vw;
height: 19.73333vw;
background-size: contain;
margin-left: inherit
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sixballio .login-head h1,
.sixballio .pass-head h1 {
width: 19.49025vmax;
height: 11.09445vmax;
margin-left: inherit
}
}
.sgexch247 .login-head,
.sgexch247 .pass-head {
background-image: url(/images/mobile/sgexch247/KV-pic-sgexch247.png)
}
.sgexch247 .login-head h1,
.sgexch247 .pass-head h1 {
top: 34.66667vw;
width: 45.33333vw;
height: 26.66667vw;
background-image: url(/images/mobile/sgexch247/logo-sgexch247.png);
background-size: cover;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.sgexch247 .login-head,
.sgexch247 .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.sgexch247 .login-head h1,
.sgexch247 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.13333vw;
height: 18.66667vw;
background-size: contain;
margin-left: inherit
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sgexch247 .login-head,
.sgexch247 .pass-head {
background-image: linear-gradient(1deg, #020202 3%, #3C3C3C 99%)
}
.sgexch247 .login-head h1,
.sgexch247 .pass-head h1 {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 16.64168vmax;
height: 9.74513vmax;
background-image: url(/images/mobile/sgexch247/logo-sgexch247.png);
margin-left: inherit
}
}
.baji .login-head,
.baji .pass-head {
background-image: url(/images/mobile/baji/KV-pic-baji.png)
}
.baji .login-head h1,
.baji .pass-head h1 {
top: 30.66667vw;
width: 42.66667vw;
height: 26.66667vw;
background-image: url(/images/mobile/baji/logo-baji.png);
background-size: cover;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.baji .login-head,
.baji .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji .login-head h1,
.baji .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23.46667vw;
height: 14.66667vw;
background-size: contain;
margin-left: inherit
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.baji .login-head,
.baji .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji .login-head h1,
.baji .pass-head h1 {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 13.1934vmax;
height: 8.24588vmax;
background-image: url(/images/mobile/baji/logo-baji.png);
margin-left: inherit
}
}
.baji365 .login-head,
.baji365 .pass-head {
background-image: url(/images/mobile/baji365/KV-pic-baji365.png)
}
.baji365 .login-head h1,
.baji365 .pass-head h1 {
top: 28vw;
width: 61.33333vw;
height: 18.93333vw;
background-image: url(/images/mobile/baji365/logo-baji365.png);
background-size: cover;
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.baji365 .login-head,
.baji365 .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji365 .login-head h1,
.baji365 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40.53333vw;
height: 12.53333vw;
background-size: contain;
margin-left: inherit
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.baji365 .login-head,
.baji365 .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji365 .login-head h1,
.baji365 .pass-head h1 {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 22.78861vmax;
height: 7.04648vmax;
background-image: url(/images/mobile/baji365/logo-baji365.png);
margin-left: inherit
}
}
.masterexchange .login-head,
.masterexchange .pass-head {
background-image: url(/images/mobile/masterexc/KV-pic-masterexc.png)
}
.masterexchange .login-head h1,
.masterexchange .pass-head h1 {
top: 33.06667vw;
width: 61.86667vw;
height: 21.33333vw;
background-image: url(/images/mobile/masterexc/logo-masterexc.png);
background-size: cover;
margin-left: -32.53333vw
}
@media (orientation: landscape) {
.masterexchange .login-head,
.masterexchange .pass-head {
background-image: linear-gradient(-180deg, #DFE0E2 0%, #fff 100%)
}
.masterexchange .login-head h1,
.masterexchange .pass-head h1 {
top: 3.2vw;
width: 48vw;
height: 16.53333vw;
background-image: url(/images/mobile/masterexc/logo-masterexc.png);
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.masterexchange .login-head,
.masterexchange .pass-head {
background-image: url(/images/mobile/masterexc/bg-login-land-masterexc.png);
background-size: cover;
background-position: center
}
.masterexchange .login-head h1,
.masterexchange .pass-head h1 {
top: 1.7991vmax;
width: 26.98651vmax;
height: 9.29535vmax;
margin-left: -14.3928vmax
}
}
.matador .login-head,
.matador .pass-head {
background-image: url(/images/mobile/matador/KV-pic-matador.png)
}
.matador .login-head h1,
.matador .pass-head h1 {
top: 24vw;
width: 28.26667vw;
height: 29.33333vw;
background-image: url(/images/mobile/matador/logo-matador.png);
background-size: contain;
margin-left: -14.13333vw
}
@media (orientation: landscape) {
.matador .login-head,
.matador .pass-head {
background-image: linear-gradient(-180deg, #FF0032 0%, #C10A31 100%)
}
.matador .login-head h1,
.matador .pass-head h1 {
top: 5.33333vw;
width: 48vw;
height: 10.66667vw;
background-image: url(/images/mobile/matador/login-land-matador.png);
margin-left: -24vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.matador .login-head h1,
.matador .pass-head h1 {
top: 2.9985vmax;
width: 28.18591vmax;
height: 5.997vmax;
background-image: url(/images/mobile/matador/login-land-matador.png);
margin-left: -14.09295vmax
}
}
.fairenter .login-head,
.fairenter .pass-head {
background-image: url(/images/mobile/fairenter/KV-pic-fairenter.png)
}
.fairenter .login-head h1,
.fairenter .pass-head h1 {
top: 37.33333vw;
width: 64.26667vw;
height: 19.46667vw;
background-image: url(/images/mobile/fairenter/logo-fairenter.png);
margin-left: -32.26667vw
}
@media (orientation: landscape) {
.fairenter .login-head,
.fairenter .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.fairenter .login-head h1,
.fairenter .pass-head h1 {
top: 1.6vw;
width: 60.53333vw;
height: 18.66667vw;
background-image: url(/images/mobile/fairenter/logo-fairenter-b.png);
margin-left: -30.13333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.fairenter .login-head h1,
.fairenter .pass-head h1 {
top: 0.89955vmax;
width: 34.03298vmax;
height: 10.49475vmax;
margin-left: -16.94153vmax
}
}
.lucky7 .login-head,
.lucky7 .pass-head {
background-image: url(/images/mobile/lucky7/KV-pic-lucky7.png)
}
.lucky7 .login-head h1,
.lucky7 .pass-head h1 {
top: 32vw;
width: 38.4vw;
height: 15.2vw;
background-image: url(/images/mobile/lucky7/login-lucky7.png);
background-size: contain;
margin-left: -19.2vw
}
@media (orientation: landscape) {
.lucky7 .login-head,
.lucky7 .pass-head {
background-image: linear-gradient(-180deg, #303FA3 0%, #141E63 100%)
}
.lucky7 .login-head h1,
.lucky7 .pass-head h1 {
top: 4.26667vw;
width: 37.33333vw;
height: 12.8vw;
background-image: url(/images/mobile/lucky7/logo-lucky7.png);
margin-left: -18.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.lucky7 .login-head h1,
.lucky7 .pass-head h1 {
top: 2.3988vmax;
width: 20.98951vmax;
height: 7.1964vmax;
background-image: url(/images/mobile/lucky7/logo-lucky7.png);
margin-left: -10.49475vmax
}
}
.dhoom .login-head,
.dhoom .pass-head {
background-image: url(/images/mobile/dhoom/KV-pic-dhoom.png)
}
.dhoom .login-head h1,
.dhoom .pass-head h1 {
top: 5.33333vw;
width: 95.46667vw;
height: 59.2vw;
background-image: url(/images/mobile/dhoom/login-dhoom.png);
background-size: contain;
margin-left: -47.73333vw
}
@media (orientation: landscape) {
.dhoom .login-head,
.dhoom .pass-head {
background-color: #0E2B90;
background-image: url(/images/mobile/dhoom/head_bg.jpg);
background-repeat: repeat-x;
background-size: cover
}
.dhoom .login-head h1,
.dhoom .pass-head h1 {
top: 0.26667vw;
width: 30.93333vw;
height: 21.33333vw;
background-image: url(/images/mobile/dhoom/logo-dhoom.png);
margin-left: -15.46667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.dhoom .login-head h1,
.dhoom .pass-head h1 {
top: 0.14993vmax;
width: 16.34183vmax;
height: 11.24438vmax;
background-image: url(/images/mobile/dhoom/logo-dhoom.png);
margin-left: -8.17091vmax
}
}
.qexch .login-head,
.qexch .pass-head {
background-image: url(/images/mobile/qexch/KV-pic-qexch.png)
}
.qexch .login-head h1,
.qexch .pass-head h1 {
top: 27.2vw;
width: 24vw;
height: 29.33333vw;
background-image: url(/images/mobile/qexch/login-qexch.png);
background-size: contain;
margin-left: -12vw
}
@media (orientation: landscape) {
.qexch .login-head,
.qexch .pass-head {
background-image: linear-gradient(-180deg, #443A56 0%, #160C28 100%)
}
.qexch .login-head h1,
.qexch .pass-head h1 {
top: 4.8vw;
width: 52.8vw;
height: 11.73333vw;
background-image: url(/images/mobile/qexch/logo-qexch.png);
margin-left: -26.4vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.qexch .login-head h1,
.qexch .pass-head h1 {
top: 2.69865vmax;
width: 29.68516vmax;
height: 6.5967vmax;
background-image: url(/images/mobile/qexch/logo-qexch.png);
margin-left: -14.84258vmax
}
}
.iceinplay .login-head,
.iceinplay .pass-head {
background-image: url(/images/mobile/iceinplay/KV-pic-iceinplay.png)
}
.iceinplay .login-head h1,
.iceinplay .pass-head h1 {
top: 27.2vw;
width: 49.33333vw;
height: 25.6vw;
background-image: url(/images/mobile/iceinplay/logo-login-iceinplay.png);
background-size: contain;
margin-left: -24.66667vw
}
@media (orientation: landscape) {
.iceinplay .login-head,
.iceinplay .pass-head {
background-image: linear-gradient(-180deg, #443A56 0%, #160C28 100%)
}
.iceinplay .login-head h1,
.iceinplay .pass-head h1 {
top: 4.8vw;
width: 49.33333vw;
height: 25.6vw;
background-image: url(/images/mobile/iceinplay/logo-login-iceinplay.png);
margin-left: -24.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.iceinplay .login-head h1,
.iceinplay .pass-head h1 {
top: 1.34933vmax;
width: 18.89055vmax;
height: 9.74513vmax;
background-image: url(/images/mobile/iceinplay/logo-iceinplay.png);
margin-left: -10.26987vmax
}
}
.betmygame .login-head,
.betmygame .pass-head {
background-image: url(/images/mobile/betmygame/KV-pic-betmygame.png)
}
.betmygame .login-head h1,
.betmygame .pass-head h1 {
top: 40.53333vw;
width: 62.93333vw;
height: 18.66667vw;
background-image: url(/images/mobile/betmygame/logo-betmygame.png);
background-size: contain;
margin-left: -31.46667vw
}
@media (orientation: landscape) {
.betmygame .login-head,
.betmygame .pass-head {
background-image: linear-gradient(-180deg, #444 0%, #1E1E1E 100%)
}
.betmygame .login-head h1,
.betmygame .pass-head h1 {
top: 4.26667vw;
width: 48vw;
height: 14.93333vw;
background-image: url(/images/mobile/betmygame/logo-betmygame.png);
margin-left: -24vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.betmygame .login-head h1,
.betmygame .pass-head h1 {
top: 2.3988vmax;
width: 26.98651vmax;
height: 8.3958vmax;
background-image: url(/images/mobile/betmygame/logo-betmygame.png);
margin-left: -13.49325vmax
}
}
.fancyfair .login-head,
.fancyfair .pass-head {
background-image: url(/images/mobile/fancyfair/KV-pic-fancyfair.png)
}
.fancyfair .login-head h1,
.fancyfair .pass-head h1 {
top: 23.46667vw;
width: 45.33333vw;
height: 29.33333vw;
background-image: url(/images/mobile/fancyfair/logo-fancyfair-login.png);
background-size: contain;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.fancyfair .login-head,
.fancyfair .pass-head {
background-image: linear-gradient(-180deg, #50996B 0%, #1A5A32 100%)
}
.fancyfair .login-head h1,
.fancyfair .pass-head h1 {
top: 4.8vw;
width: 53.33333vw;
height: 12.8vw;
background-image: url(/images/mobile/fancyfair/logo-fancyfair.png);
margin-left: -26.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.fancyfair .login-head h1,
.fancyfair .pass-head h1 {
top: 2.3988vmax;
width: 31.48426vmax;
height: 7.7961vmax;
background-image: url(/images/mobile/fancyfair/logo-fancyfair.png);
margin-left: -15.74213vmax
}
}
.maruti .login-head,
.maruti .pass-head,
.marutibook .login-head,
.marutibook .pass-head {
background-image: url(/images/mobile/maruti/KV-pic-maruti.png)
}
.maruti .login-head h1,
.maruti .pass-head h1,
.marutibook .login-head h1,
.marutibook .pass-head h1 {
top: 32.53333vw;
width: 53.33333vw;
height: 24vw;
background-image: url(/images/mobile/maruti/logo-login-maruti.png);
margin-left: -26.66667vw
}
@media (orientation: landscape) {
.maruti .login-head,
.maruti .pass-head,
.marutibook .login-head,
.marutibook .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.maruti .login-head h1,
.maruti .pass-head h1,
.marutibook .login-head h1,
.marutibook .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 17.06667vw;
background-image: url(/images/mobile/maruti/logo-maruti.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maruti .login-head h1,
.maruti .pass-head h1,
.marutibook .login-head h1,
.marutibook .pass-head h1 {
top: 1.49925vmax;
width: 25.48726vmax;
height: 9.5952vmax;
margin-left: -12.74363vmax
}
}
.exchange247 .login-head,
.exchange247 .pass-head {
background-image: url(/images/mobile/exchange_247247/KV-pic-skyEX.png)
}
.exchange247 .login-head h1,
.exchange247 .pass-head h1 {
top: 34.66667vw;
width: 65.86667vw;
height: 22.13333vw;
background-image: url(/images/mobile/exchange_247247/logo-exchange_247247.png);
margin-left: -33.06667vw
}
@media (orientation: landscape) {
.exchange247 .login-head,
.exchange247 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.exchange247 .login-head h1,
.exchange247 .pass-head h1 {
top: 1.86667vw;
width: 51.46667vw;
height: 17.33333vw;
background-image: url(/images/mobile/exchange_247247/logo-exchange_247247.png);
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchange247 .login-head h1,
.exchange247 .pass-head h1 {
top: 1.04948vmax;
width: 28.93553vmax;
height: 9.74513vmax;
margin-left: -14.3928vmax
}
}
.oceanexch1 .login-head,
.oceanexch1 .pass-head {
background-image: url(/images/mobile/oceanexch1/KV-pic-oceanexch1.png)
}
.oceanexch1 .login-head h1,
.oceanexch1 .pass-head h1 {
top: 26.13333vw;
width: 60.8vw;
height: 23.46667vw;
background-image: url(/images/mobile/oceanexch1/logo-login-port-oceanexch1.png);
margin-left: -30.4vw
}
@media (orientation: landscape) {
.oceanexch1 .login-head,
.oceanexch1 .pass-head {
background-image: linear-gradient(-180deg, #fff 0%, #E0E0E0 100%)
}
.oceanexch1 .login-head h1,
.oceanexch1 .pass-head h1 {
top: 3.2vw;
width: 42.66667vw;
height: 16vw;
background-image: url(/images/mobile/oceanexch1/logo-login-oceanexch1.png);
margin-left: -21.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.oceanexch1 .login-head h1,
.oceanexch1 .pass-head h1 {
top: 1.7991vmax;
width: 25.18741vmax;
height: 9.5952vmax;
background-image: url(/images/mobile/oceanexch1/logo-login-oceanexch1.png);
margin-left: -12.5937vmax
}
}
.oceanbook1 .login-head,
.oceanbook1 .pass-head {
background-image: url(/images/mobile/oceanbook1/KV-pic-oceanbook1.png)
}
.oceanbook1 .login-head h1,
.oceanbook1 .pass-head h1 {
top: 26.13333vw;
width: 60.8vw;
height: 23.46667vw;
background-image: url(/images/mobile/oceanbook1/logo-login-port-oceanbook1.png);
margin-left: -30.4vw
}
@media (orientation: landscape) {
.oceanbook1 .login-head,
.oceanbook1 .pass-head {
background-image: linear-gradient(-180deg, #fff 0%, #E0E0E0 100%)
}
.oceanbook1 .login-head h1,
.oceanbook1 .pass-head h1 {
top: 3.2vw;
width: 42.66667vw;
height: 16vw;
background-image: url(/images/mobile/oceanbook1/logo-login-oceanbook1.png);
margin-left: -21.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.oceanbook1 .login-head h1,
.oceanbook1 .pass-head h1 {
top: 1.7991vmax;
width: 25.18741vmax;
height: 9.5952vmax;
background-image: url(/images/mobile/oceanbook1/logo-login-oceanbook1.png);
margin-left: -12.5937vmax
}
}
.wicketslive .login-head,
.wicketslive .pass-head {
background-image: url(/images/mobile/9wicketslive/KV-pic-9wicketslive.png)
}
.wicketslive .login-head h1,
.wicketslive .pass-head h1 {
background-image: url(/images/mobile/9wicketslive/logo-9wicketslive.png)
}
@media (orientation: landscape) {
.wicketslive .login-head,
.wicketslive .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.wicketslive .login-head h1,
.wicketslive .pass-head h1 {
background-image: url(/images/mobile/9wicketslive/logo-9wicketslive.png)
}
}
.wicketspro .login-head,
.wicketspro .pass-head {
background-image: url(/images/mobile/9wicketspro/KV-pic-9wicketspro.png)
}
.wicketspro .login-head h1,
.wicketspro .pass-head h1 {
background-image: url(/images/mobile/9wicketspro/logo-9wicketspro.png)
}
@media (orientation: landscape) {
.wicketspro .login-head,
.wicketspro .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.wicketspro .login-head h1,
.wicketspro .pass-head h1 {
background-image: url(/images/mobile/9wicketspro/logo-9wicketspro.png)
}
}
.yabo101sport .login-head,
.yabo101sport .pass-head {
background-image: url(/images/mobile/yabo101sport/KV-pic-yabo101sport.png)
}
.yabo101sport .login-head h1,
.yabo101sport .pass-head h1 {
background-image: url(/images/mobile/yabo101sport/logo-yabo101sport.png)
}
@media (orientation: landscape) {
.yabo101sport .login-head,
.yabo101sport .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.yabo101sport .login-head h1,
.yabo101sport .pass-head h1 {
background-image: url(/images/mobile/yabo101sport/logo-yabo101sport.png)
}
}
.cftbet365 .login-head,
.cftbet365 .pass-head {
background-image: url(/images/mobile/cftbet365/KV-pic-cftbet365.png)
}
.cftbet365 .login-head h1,
.cftbet365 .pass-head h1 {
top: 40vw;
width: 58.93333vw;
height: 20.8vw;
background-image: url(/images/mobile/cftbet365/logo-cftbet365.png);
background-size: cover;
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.cftbet365 .login-head,
.cftbet365 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.cftbet365 .login-head h1,
.cftbet365 .pass-head h1 {
top: 3.2vw;
width: 45.33333vw;
height: 16vw;
background-image: url(/images/mobile/cftbet365/logo-land-cftbet365.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.cftbet365 .login-head,
.cftbet365 .pass-head {
height: 11.994vmax;
margin-bottom: 2.9985vmax
}
.cftbet365 .login-head h1,
.cftbet365 .pass-head h1 {
top: 1.7991vmax;
width: 25.48726vmax;
height: 8.9955vmax;
margin-left: -12.74363vmax
}
}
.crickzoom .login-head,
.crickzoom .pass-head {
background-image: url(/images/mobile/crickzoom/KV-pic-crickzoom.png)
}
.crickzoom .login-head h1,
.crickzoom .pass-head h1 {
top: 41.33333vw;
width: 54.13333vw;
height: 19.2vw;
background-image: url(/images/mobile/crickzoom/logo-crickzoom.png);
background-size: cover;
margin-left: -26.66667vw
}
@media (orientation: landscape) {
.crickzoom .login-head,
.crickzoom .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.crickzoom .login-head h1,
.crickzoom .pass-head h1 {
top: 2.13333vw;
width: 45.33333vw;
height: 16.26667vw;
background-image: url(/images/mobile/crickzoom/logo-land-crickzoom.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickzoom .login-head h1,
.crickzoom .pass-head h1 {
top: 1.1994vmax;
width: 25.48726vmax;
height: 9.14543vmax;
margin-left: -12.74363vmax
}
}
.crickzoomlive .login-head,
.crickzoomlive .pass-head {
background-image: url(/images/mobile/crickzoomlive/KV-pic-crickzoomlive.png)
}
.crickzoomlive .login-head h1,
.crickzoomlive .pass-head h1 {
top: 41.33333vw;
width: 54.13333vw;
height: 19.2vw;
background-image: url(/images/mobile/crickzoomlive/logo-crickzoomlive.png);
background-size: cover;
margin-left: -26.66667vw
}
@media (orientation: landscape) {
.crickzoomlive .login-head,
.crickzoomlive .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.crickzoomlive .login-head h1,
.crickzoomlive .pass-head h1 {
top: 2.13333vw;
width: 45.33333vw;
height: 16.26667vw;
background-image: url(/images/mobile/crickzoomlive/logo-land-crickzoomlive.png);
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickzoomlive .login-head h1,
.crickzoomlive .pass-head h1 {
top: 1.1994vmax;
width: 25.48726vmax;
height: 9.14543vmax;
margin-left: -12.74363vmax
}
}
.wickets247 .login-head,
.wickets247 .pass-head {
background-image: url(/images/mobile/9wickets247/KV-pic-9wickets247.png)
}
.wickets247 .login-head h1,
.wickets247 .pass-head h1 {
top: 34.66667vw;
width: 65.86667vw;
height: 22.13333vw;
background-image: url(/images/mobile/9wickets247/logo-9wickets247.png);
margin-left: -33.06667vw
}
@media (orientation: landscape) {
.wickets247 .login-head,
.wickets247 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.wickets247 .login-head h1,
.wickets247 .pass-head h1 {
top: 1.86667vw;
width: 51.46667vw;
height: 17.33333vw;
background-image: url(/images/mobile/9wickets247/logo-9wickets247.png);
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.wickets247 .login-head h1,
.wickets247 .pass-head h1 {
top: 1.04948vmax;
width: 28.93553vmax;
height: 9.74513vmax;
margin-left: -14.3928vmax
}
}
.crickex .login-head,
.crickex .pass-head {
background-image: url(/images/mobile/crickex/KV-pic-crickex.png)
}
.crickex .login-head h1,
.crickex .pass-head h1 {
top: 41.33333vw;
width: 72vw;
height: 25.6vw;
background-image: url(/images/mobile/crickex/logo-login-crickex.png);
margin-left: -36vw
}
@media (orientation: landscape) {
.crickex .login-head,
.crickex .pass-head {
background: #005DAC
}
.crickex .login-head h1,
.crickex .pass-head h1 {
top: 2.66667vw;
width: 53.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/crickex/logo-crickex.png);
margin-left: -26.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickex .login-head h1,
.crickex .pass-head h1 {
top: 3.74813vmax;
width: 33.88306vmax;
height: 5.84708vmax;
margin-left: -16.94153vmax
}
}
.trade,
.trade-2 {
position: relative;
min-height: 11.2vw;
border-bottom: 1px solid #7E97A7
}
.trade dt,
.trade-2 dt {
flex: 1;
font-size: 4vw;
font-weight: bold;
padding: 0 1.86667vw;
align-items: center;
flex-wrap: wrap;
overflow: hidden
}
.trade dd,
.trade-2 dd {
border-right: 1px solid #fff
}
.trade dd:last-of-type,
.trade-2 dd:last-of-type {
border-right-width: 0
}
.trade span,
.trade-2 span {
font-weight: normal;
font-size: 2.93333vw
}
.trade .mode-land,
.trade-2 .mode-land {
display: none
}
.trade:last-child,
.trade-2:last-child {
border-bottom-width: 0
}
.fancy .trade .mode-land,
.fancy .trade-2 .mode-land {
width: 8vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trade,
.trade-2 {
min-height: 6.29685vmax
}
.trade dt,
.trade-2 dt {
font-size: 2.24888vmax;
padding: 0 1.04948vmax
}
.trade span,
.trade-2 span {
font-size: 1.64918vmax
}
.trade .mode-land,
.trade-2 .mode-land {
display: flex
}
.fancy .trade .mode-land,
.fancy .trade-2 .mode-land {
display: flex;
width: 20.08996vmax
}
}
.trade p,
.trade-2 p {
width: 100%;
font-weight: bold;
color: #1E1E1E;
padding: 1.6vw;
flex-direction: column;
justify-content: center
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trade p,
.trade-2 p {
padding: 0.89955vmax
}
}
@keyframes sparkBack {
0% {
background-color: #72BBEF;
color: #1E1E1E
}
50% {
background-color: #F8E71C;
color: #fff
}
100% {
background-color: #72BBEF;
color: #1E1E1E
}
}
@keyframes sparkBack_2 {
0% {
background-color: #B7D5EB;
color: #1E1E1E
}
50% {
background-color: #F8E71C;
color: #fff
}
100% {
background-color: #B7D5EB;
color: #1E1E1E
}
}
@keyframes sparkBack_3 {
0% {
background-color: #D7E8F4;
color: #1E1E1E
}
50% {
background-color: #F8E71C;
color: #fff
}
100% {
background-color: #D7E8F4;
color: #1E1E1E
}
}
@keyframes sparkLay {
0% {
background-color: #FAA9BA;
color: #1E1E1E
}
50% {
background-color: #26F1F8;
color: #fff
}
100% {
background-color: #FAA9BA;
color: #1E1E1E
}
}
@keyframes sparkLay_2 {
0% {
background-color: #EFD3D9;
color: #1E1E1E
}
50% {
background-color: #26F1F8;
color: #fff
}
100% {
background-color: #EFD3D9;
color: #1E1E1E
}
}
@keyframes sparkLay_3 {
0% {
background-color: #F6E6EA;
color: #1E1E1E
}
50% {
background-color: #26F1F8;
color: #fff
}
100% {
background-color: #F6E6EA;
color: #1E1E1E
}
}
@keyframes sparkBook {
0% {
background-color: #72E3A0;
color: #1E1E1E
}
50% {
background-color: #F8E71C;
color: #fff
}
100% {
background-color: #72E3A0;
color: #1E1E1E
}
}
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
width: 16vw;
border-radius: 1.06667vw;
margin-right: 1.86667vw
}
.info-bet dt span.back,
.info-matched dt span.back,
.bets-back dt span.back,
.bets-lay dt span.back,
.bets-book dt span.back,
.bets-head dt span.back {
background-color: #72BBEF
}
.info-bet dt span.lay,
.info-matched dt span.lay,
.bets-back dt span.lay,
.bets-lay dt span.lay,
.bets-book dt span.lay,
.bets-head dt span.lay {
background-color: #FAA9BA
}
.info-bet dt span.book,
.info-matched dt span.book,
.bets-back dt span.book,
.bets-lay dt span.book,
.bets-book dt span.book,
.bets-head dt span.book {
background-color: #72E3A0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.info-bet dt span,
.info-matched dt span,
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
width: 8.9955vmax;
border-radius: 0.5997vmax;
margin-right: 1.04948vmax
}
}
input.error,
.error input {
color: #D0021B;
background: #FBD7D3;
border: 1px solid #D0021B
}
input:focus {
color: #1E1E1E;
background-color: #FFF0CA;
box-shadow: inset 0 0.26667vw 1.33333vw rgba(161, 128, 45, 0.6);
border-color: #BE7809
}
input.disable {
background-color: #dcdcdc;
color: #666;
box-shadow: none;
border: 1px solid #bbb
}
.side-content,
.news-wrap .announce-wrap {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
@keyframes twinkling {
0% {
filter: brightness(100%)
}
50% {
filter: brightness(30%)
}
100% {
filter: brightness(100%)
}
}
@keyframes twinkling {
0%,
100% {
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.left-in {
animation: leftIn 0.3s ease
}
@keyframes leftIn {
0% {
opacity: 0;
margin-left: -94.66667vw
}
30% {
opacity: 1
}
100% {
margin-left: 0
}
}
.right-in {
animation: rightIn 0.3s ease
}
@keyframes rightIn {
0% {
opacity: 0;
margin-right: -94.66667vw
}
30% {
opacity: 1
}
100% {
margin-right: 0
}
}
@keyframes typeing {
0% {
opacity: 0
}
50% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes loading-1 {
0% {
left: 0
}
50% {
left: 50%
}
100% {
left: 0
}
}
@keyframes loading-2 {
0% {
left: 50%;
z-index: 1
}
49% {
z-index: 1
}
50% {
left: 0;
z-index: 10
}
100% {
left: 50%;
z-index: 10
}
}
@keyframes loadBar {
0% {
opacity: 0.1
}
50% {
opacity: 1;
transform: scale(1.4)
}
100% {
opacity: 0.1
}
}
@keyframes urgent-notice {
0% {
top: -100%;
opacity: 0
}
100% {
top: 0;
opacity: 1
}
}
@keyframes cooldown {
0% {
width: 100%;
opacity: 0
}
5% {
width: 95%;
opacity: 1
}
95% {
width: 5%;
opacity: 1
}
100% {
width: 0;
opacity: 0
}
}
.twinkling {
animation: twinkling 1.4s infinite ease
}
@keyframes twinkling {
0%,
100% {
opacity: 1
}
50% {
opacity: 0.3
}
}
.loading-shimmer {
animation: placeHolderShimmer 1.25s infinite linear;
background: #CED5DA linear-gradient(to right, #CED5DA 8%, #D8DFE4 18%, #CED5DA 33%);
background-size: 213.33333vw 27.73333vw;
height: auto
}
@media screen and (min-aspect-ratio: 16 / 9) {
.loading-shimmer {
background-size: 119.94003vmax 15.5922vmax
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -124.8vw 0
}
100% {
background-position: 124.8vw 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
0% {
background-position: -70.16492vmax 0
}
100% {
background-position: 70.16492vmax 0
}
}
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 99;
justify-content: center;
align-items: center;
animation: fadeIn 0.5s ease
}
.overlay:not(:target) {
display: none
}
.overlay:target {
display: flex
}
.pop-wrap,
.select-list {
width: 84vw;
background: #fff;
font-size: 4vw;
box-shadow: 0 0.8vw 2.66667vw 0 rgba(0, 0, 0, 0.5);
border-radius: 1.33333vw
}
.pop-wrap h3,
.select-list h3 {
font-size: 4vw;
line-height: 1.2;
color: #1E1E1E;
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%);
border-radius: 1.33333vw 1.33333vw 0 0;
padding: 2.4vw 1.86667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.pop-wrap,
.select-list {
width: 47.22639vmax;
font-size: 2.24888vmax;
box-shadow: 0 0.44978vmax 1.49925vmax 0 rgba(0, 0, 0, 0.5);
border-radius: 0.74963vmax
}
.pop-wrap h3,
.select-list h3 {
font-size: 2.24888vmax;
border-radius: 0.74963vmax 0.74963vmax 0 0;
padding: 1.34933vmax 1.04948vmax
}
}
.transfer-wrap {
color: #243A48
}
.transfer-wrap .available-wrap {
display: flex;
justify-content: center
}
.transfer-wrap .available-wrap h4 {
font-size: 4.26667vw;
line-height: 5.33333vw;
width: 50%;
padding: 1.33333vw 3.2vw 1.33333vw 3.2vw
}
.transfer-wrap .available-wrap h4 span {
display: block;
font-size: 3.2vw;
font-weight: normal
}
.transfer-wrap .error {
text-indent: 2.66667vw;
line-height: 4vw;
margin-bottom: 4vw;
color: #D0021B;
font-size: 3.2vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.transfer-wrap {
width: 71.96402vmax
}
.transfer-wrap .available-wrap {
display: flex;
justify-content: center
}
.transfer-wrap .available-wrap h4 {
font-size: 2.3988vmax;
line-height: 2.9985vmax;
width: 50%;
padding: 0.89955vmax 2.54873vmax 0.89955vmax 2.9985vmax
}
.transfer-wrap .available-wrap h4 span {
font-size: 1.7991vmax
}
.transfer-wrap .error {
text-indent: 1.49925vmax;
line-height: 2.24888vmax;
margin-bottom: 2.24888vmax;
font-size: 1.7991vmax
}
}
.transfer-content {
border-top: 0.26667vw solid #8FA6B5;
border-bottom: 0.26667vw solid #8FA6B5;
width: 100%;
margin-bottom: 2.66667vw
}
.transfer-content dl {
background-color: #CDE3F0;
padding: 3.73333vw 3.2vw 1.6vw 3.2vw
}
.transfer-content dl:nth-child(even) {
background-color: #fff
}
.transfer-content dl:first-child {
position: relative
}
.transfer-content dl:first-child:before {
position: absolute;
display: block;
content: '';
width: 4vw;
height: 4vw;
background-color: #CDE3F0;
top: 100%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg)
}
.transfer-content dd {
font-size: 3.73333vw;
line-height: 5.33333vw;
margin-bottom: 1.33333vw;
width: 100%
}
.transfer-content dd strong {
font-size: 5.33333vw;
line-height: 5.33333vw;
margin-right: 1.33333vw
}
.transfer-content dd input {
width: calc(100% - 4.8vw);
box-shadow: none;
margin-bottom: 0
}
.transfer-content dd input::placeholder {
color: #989EA1
}
.transfer-content dd.quick_stake {
display: flex
}
.transfer-content dd.quick_stake a {
flex: 1;
flex-direction: row;
margin-right: 1.33333vw;
line-height: 2.2
}
.transfer-content dd.quick_stake a:last-child {
margin-right: 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.transfer-content {
display: flex;
justify-content: center;
border-top: 0.14993vmax solid #8FA6B5;
border-bottom: 0.14993vmax solid #8FA6B5;
margin-bottom: 1.49925vmax
}
.transfer-content dl {
width: calc(100% - 1.7991vmax);
padding: 0.89955vmax 2.54873vmax 0.89955vmax 2.9985vmax
}
.transfer-content dl:before {
top: 50%;
left: calc(100% - 1.49925vmax);
width: 2.24888vmax;
height: 2.24888vmax
}
.transfer-content dl:first-child:before {
width: 2.24888vmax;
height: 2.24888vmax;
top: 50%;
left: 100%
}
.transfer-content dd {
font-size: 2.09895vmax;
line-height: 2.9985vmax;
margin-bottom: 0.74963vmax
}
.transfer-content dd strong {
font-size: 2.9985vmax;
line-height: 2.9985vmax;
margin-right: 0.74963vmax
}
.transfer-content dd input {
width: calc(100% - 2.09895vmax);
border: 0.14993vmax solid #8FA6B5
}
.transfer-content dd.quick_stake a {
margin-right: 0.74963vmax
}
}
.info-bet,
.info-matched {
margin-bottom: 1.86667vw;
flex-wrap: wrap;
line-height: 1.2
}
.info-bet dt,
.info-matched dt,
.info-bet dd,
.info-matched dd {
padding: 1.86667vw;
border-bottom: 1px solid #E0E6E6
}
.info-bet dt,
.info-matched dt {
flex: 0 0 100%;
line-height: 8.53333vw
}
.info-bet dd,
.info-matched dd {
flex: 1.7;
color: #1B2D38;
font-size: 4.53333vw;
border-right: 1px solid #E0E6E6
}
.info-bet dd span,
.info-matched dd span {
font-size: 4vw
}
.info-bet dd:first-of-type,
.info-matched dd:first-of-type {
flex: 1
}
.info-bet dd:last-of-type,
.info-matched dd:last-of-type {
border-right-width: 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.info-bet,
.info-matched {
margin-bottom: 1.04948vmax
}
.info-bet dt,
.info-matched dt,
.info-bet dd,
.info-matched dd {
padding: 1.04948vmax
}
.info-bet dt,
.info-matched dt {
line-height: 4.7976vmax
}
.info-bet dd,
.info-matched dd {
font-size: 2.54873vmax
}
.info-bet dd span,
.info-matched dd span {
font-size: 2.24888vmax
}
}
.left-side {
justify-content: flex-start;
align-items: flex-start
}
.right-side {
justify-content: flex-end;
align-items: flex-start
}
.side-wrap {
position: relative;
width: 100%;
height: 100%;
background: #eee;
box-shadow: 0.53333vw 0 1.6vw 0 rgba(0, 0, 0, 0.5);
border-radius: 0 1.6vw 1.6vw 0;
flex-direction: column
}
.right-side .side-wrap {
border-radius: 1.6vw 0 0 1.6vw
}
.right-side .side-wrap .side-head {
border-radius: 1.6vw 0 0 0
}
.side-wrap .btn-list {
flex: 0 0 12.8vw;
margin-top: 1.86667vw
}
.side-wrap .message-wrap {
margin-top: 0
}
.side-wrap .message-wrap .close {
padding: 0 3.46667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.side-wrap {
box-shadow: 0.29985vmax 0 0.89955vmax 0 rgba(0, 0, 0, 0.5);
border-radius: 0 0.89955vmax 0.89955vmax 0
}
.right-side .side-wrap {
border-radius: 0.89955vmax 0 0 0.89955vmax
}
.right-side .side-wrap .side-head {
border-radius: 0.89955vmax 0 0 0
}
.side-wrap .btn-list {
flex: 0 0 7.1964vmax;
margin-top: 1.04948vmax
}
.side-wrap .message-wrap .close {
padding: 0 1.94903vmax
}
}
.setting-wrap {
background-color: #fff;
height: 85%
}
@media (orientation: landscape) {
.setting-wrap {
height: 100%
}
}
.full-pop,
.auto-pop,
.rules-pop,
.rules-download,
.login-pop {
width: 100vw;
background-color: #fff;
border-radius: 1.6vw;
height: 95%;
overflow: auto;
overflow-y: hidden
}
.full-pop .side-head,
.auto-pop .side-head,
.rules-pop .side-head,
.rules-download .side-head,
.login-pop .side-head {
border-radius: 1.6vw 1.6vw 0 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.full-pop,
.auto-pop,
.rules-pop,
.rules-download,
.login-pop {
width: 56.22189vmax;
border-radius: 0.89955vmax
}
.full-pop .side-head,
.auto-pop .side-head,
.rules-pop .side-head,
.rules-download .side-head,
.login-pop .side-head {
border-radius: 0.89955vmax 0.89955vmax 0 0
}
}
.auto-pop {
height: auto
}
@media screen and (min-aspect-ratio: 16 / 9) {
.auto-pop {
height: 95%
}
}
.rules-pop,
.rules-download {
max-height: 95%
}
.rules-download {
width: 89.33333vw;
height: auto
}
.rules-download .side-content {
border-radius: 0
}
.rules-download .rules-content {
padding: 0
}
.rules-download .btn-list {
padding-bottom: 0
}
.rules-download .btn-list a {
width: 45.33333vw;
margin: 0 auto
}
@media screen and (min-aspect-ratio: 16 / 9) {
.rules-download {
width: 50.22489vmax
}
.rules-download .btn-list a {
width: 25.48726vmax
}
}
.login-pop {
height: 95%;
display: block;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background-color: #1D2C38;
background-image: linear-gradient(56deg, #3A5870 4%, #1D2C38 42%)
}
.login-pop .close {
position: fixed;
right: 1.86667vw;
width: 9.33333vw;
height: 9.33333vw;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
margin-top: 1.86667vw;
z-index: 2
}
.login-pop .close:before {
width: 3.46667vw;
height: 3.46667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.login-pop .login-head,
.login-pop .pass-head {
border-radius: 1.6vw 1.6vw 0 0
}
.login-pop .form-login {
margin-bottom: 13.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.login-pop .close {
position: absolute;
right: 1.04948vmax;
width: 4.49775vmax;
height: 4.49775vmax;
margin-top: 1.04948vmax
}
.login-pop .close:before {
width: 1.49925vmax;
height: 1.49925vmax
}
.login-pop .login-head,
.login-pop .pass-head {
border-radius: 0.89955vmax 0.89955vmax 0 0
}
.login-pop .form-login {
margin-bottom: 7.49625vmax
}
}
.side-head {
flex: 0 0 10.4vw;
background: #FFB80C;
border-radius: 0 1.6vw 0 0
}
.side-head h3 {
flex: 1;
background: transparent;
font-size: 4vw;
color: #1E1E1E;
line-height: 2.6;
padding: 0 1.86667vw;
align-items: center
}
.side-head h3 img {
width: 5.33333vw;
height: 5.33333vw;
vertical-align: middle;
margin-right: 1.33333vw
}
.side-head .close {
padding: 0 3.46667vw;
border-left: 1px solid #BE7809
}
@media screen and (min-aspect-ratio: 16 / 9) {
.side-head {
flex: 0 0 5.84708vmax;
border-radius: 0 0.89955vmax 0 0
}
.side-head h3 {
font-size: 2.24888vmax;
padding: 0 1.04948vmax
}
.side-head h3 img {
width: 2.9985vmax;
height: 2.9985vmax;
margin-right: 0.74963vmax
}
.side-head .close {
padding: 0 1.94903vmax
}
}
.side-content {
flex: 1;
border-radius: 0 0 1.6vw 0
}
.side-content h3 {
padding: 0 1.86667vw;
justify-content: space-between;
align-items: center
}
.side-content .bet_slip-wrap.back {
border-bottom-color: #7DA7C6
}
.side-content .bet_slip-wrap.lay {
border-bottom-color: #D38E9C
}
.right-side .side-content {
border-radius: 0 0 0 1.6vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.side-content {
border-radius: 0 0 0.89955vmax 0
}
.side-content h3 {
padding: 0 1.04948vmax
}
.right-side .side-content {
border-radius: 0 0 0 0.89955vmax
}
}
.slip-list {
background-color: #fff
}
.trashcan {
color: #fff;
font-size: 3.2vw;
line-height: 8vw;
background: #D0021B;
border-radius: 1.06667vw;
padding: 0 2.66667vw;
justify-content: center;
align-items: center;
margin: 1.33333vw;
margin-right: 0
}
.trashcan:before {
content: '';
width: 2.93333vw;
height: 3.46667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin-right: 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trashcan {
font-size: 1.7991vmax;
line-height: 4.49775vmax;
border-radius: 0.5997vmax;
padding: 0 1.49925vmax;
margin: 0.74963vmax
}
.trashcan:before {
width: 1.64918vmax;
height: 1.94903vmax;
margin-right: 0.74963vmax
}
}
.bets-back,
.bets-lay,
.bets-book,
.bets-head {
background-color: #BEDDF4;
border-bottom: 1px solid #7DA7C6;
align-items: stretch;
flex-wrap: wrap
}
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd {
align-items: center;
padding: 1.33333vw 1.86667vw
}
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt {
flex: 1
}
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
width: 12vw;
line-height: 8vw
}
.bets-back h4,
.bets-lay h4,
.bets-book h4,
.bets-head h4 {
flex: 1
}
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd {
color: #1B2D38
}
.bets-back dd span,
.bets-lay dd span,
.bets-book dd span,
.bets-head dd span {
flex: 1
}
.bets-back .col-odds,
.bets-lay .col-odds,
.bets-book .col-odds,
.bets-head .col-odds {
flex: 0 1 9.6vw;
flex: 0 1 16vw;
padding-right: 0
}
.bets-back .col-stake,
.bets-lay .col-stake,
.bets-book .col-stake,
.bets-head .col-stake {
flex: 0 0 14.66667vw;
padding-right: 0
}
.bets-back .col-profit,
.bets-lay .col-profit,
.bets-book .col-profit,
.bets-head .col-profit {
flex: 0 1 13.33333vw
}
.bets-back .col-delete,
.bets-lay .col-delete,
.bets-book .col-delete,
.bets-head .col-delete {
flex: 0 1 8vw;
padding-left: 0
}
.bets-back .trashcan,
.bets-lay .trashcan,
.bets-book .trashcan,
.bets-head .trashcan {
height: 8vw;
margin: 0
}
.bets-back .trashcan:before,
.bets-lay .trashcan:before,
.bets-book .trashcan:before,
.bets-head .trashcan:before {
margin-right: 0
}
.bets-back .info-keep,
.bets-lay .info-keep,
.bets-book .info-keep,
.bets-head .info-keep,
.bets-back .col-ref,
.bets-lay .col-ref,
.bets-book .col-ref,
.bets-head .col-ref {
flex: 1 1 100%;
border-top: 1px solid #9DC2DC;
font-size: 2.93333vw;
line-height: 1.1;
padding: 1.06667vw 1.86667vw
}
.bets-back .info-keep strong,
.bets-lay .info-keep strong,
.bets-book .info-keep strong,
.bets-head .info-keep strong,
.bets-back .col-ref strong,
.bets-lay .col-ref strong,
.bets-book .col-ref strong,
.bets-head .col-ref strong {
color: #2789CE;
margin: 0 1.33333vw
}
.bets-back .info-keep.edit,
.bets-lay .info-keep.edit,
.bets-book .info-keep.edit,
.bets-head .info-keep.edit,
.bets-back .edit.col-ref,
.bets-lay .edit.col-ref,
.bets-book .edit.col-ref,
.bets-head .edit.col-ref {
font-size: 3.46667vw;
padding: 0 1.86667vw
}
.bets-back .col-ref,
.bets-lay .col-ref,
.bets-book .col-ref,
.bets-head .col-ref {
order: -1;
color: #3B5160;
background-color: rgba(255, 255, 255, 0.3);
border-top-width: 0
}
.bets-back .col-ref li,
.bets-lay .col-ref li,
.bets-book .col-ref li,
.bets-head .col-ref li {
margin-right: 2.66667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.bets-back dt,
.bets-lay dt,
.bets-book dt,
.bets-head dt,
.bets-back dd,
.bets-lay dd,
.bets-book dd,
.bets-head dd {
padding: 0.74963vmax 1.04948vmax
}
.bets-back dt span,
.bets-lay dt span,
.bets-book dt span,
.bets-head dt span {
width: 6.74663vmax;
line-height: 4.49775vmax
}
.bets-back .col-odds,
.bets-lay .col-odds,
.bets-book .col-odds,
.bets-head .col-odds {
flex: 0 1 8.9955vmax
}
.bets-back .col-stake,
.bets-lay .col-stake,
.bets-book .col-stake,
.bets-head .col-stake {
flex: 0 0 12.74363vmax
}
.bets-back .col-profit,
.bets-lay .col-profit,
.bets-book .col-profit,
.bets-head .col-profit {
flex: 0 1 12.74363vmax
}
.bets-back .col-delete,
.bets-lay .col-delete,
.bets-book .col-delete,
.bets-head .col-delete {
flex: 0 1 4.49775vmax
}
.bets-back .trashcan,
.bets-lay .trashcan,
.bets-book .trashcan,
.bets-head .trashcan {
height: 4.49775vmax
}
.bets-back .info-keep,
.bets-lay .info-keep,
.bets-book .info-keep,
.bets-head .info-keep,
.bets-back .col-ref,
.bets-lay .col-ref,
.bets-book .col-ref,
.bets-head .col-ref {
font-size: 1.64918vmax;
padding: 0.5997vmax 1.04948vmax
}
.bets-back .info-keep strong,
.bets-lay .info-keep strong,
.bets-book .info-keep strong,
.bets-head .info-keep strong,
.bets-back .col-ref strong,
.bets-lay .col-ref strong,
.bets-book .col-ref strong,
.bets-head .col-ref strong {
margin: 0 0.74963vmax
}
.bets-back .info-keep.edit,
.bets-lay .info-keep.edit,
.bets-book .info-keep.edit,
.bets-head .info-keep.edit,
.bets-back .edit.col-ref,
.bets-lay .edit.col-ref,
.bets-book .edit.col-ref,
.bets-head .edit.col-ref {
font-size: 1.94903vmax;
padding: 0 1.04948vmax
}
.bets-back .col-ref li,
.bets-lay .col-ref li,
.bets-book .col-ref li,
.bets-head .col-ref li {
margin-right: 1.49925vmax
}
}
.bets-lay {
background-color: #F3DCE2;
border-bottom: 1px solid #D38E9C
}
.bets-lay .info-keep,
.bets-lay .col-ref {
border-top-color: #E5BDC5
}
.bets-book {
background-color: #D3EDD0;
border-bottom: 1px solid #9fd899
}
.bets-book .info-keep,
.bets-book .col-ref {
border-top-color: #9fd899
}
.bets-book dt span.back {
background-color: #72E3A0
}
.a-edit {
flex: 0 0 8vw;
height: 8vw;
background: rgba(255, 255, 255, 0.31);
border: 1px solid #ccc;
border-radius: 1.06667vw;
margin-right: 1.86667vw;
justify-content: center;
align-items: center
}
.a-edit:before {
content: '';
width: 3.46667vw;
height: 3.46667vw;
background-repeat: no-repeat;
background-size: contain
}
.bets-back .a-edit,
.bets-lay .a-edit,
.bets-book .a-edit,
.bets-head .a-edit {
border-color: #1F72AC
}
.bets-back .a-edit:before,
.bets-lay .a-edit:before,
.bets-book .a-edit:before,
.bets-head .a-edit:before {
background-image: url('data:image/svg+xml,')
}
.bets-lay .a-edit {
border-color: #E43A5E
}
.bets-lay .a-edit:before {
background-image: url('data:image/svg+xml,')
}
.bets-back .a-edit.select,
.bets-lay .a-edit.select,
.bets-book .a-edit.select,
.bets-head .a-edit.select {
background-color: #1F72AC
}
.bets-back .a-edit.select:before,
.bets-lay .a-edit.select:before,
.bets-book .a-edit.select:before,
.bets-head .a-edit.select:before {
background-image: url('data:image/svg+xml,')
}
.bets-lay .a-edit.select {
background-color: #E43A5E
}
.bets-lay .a-edit.select:before {
background-image: url('data:image/svg+xml,')
}
@media screen and (min-aspect-ratio: 16 / 9) {
.a-edit {
flex: 0 0 4.49775vmax;
height: 4.49775vmax;
border-radius: 0.5997vmax;
margin-right: 1.04948vmax
}
.a-edit:before {
width: 1.94903vmax;
height: 1.94903vmax
}
}
.bets-head {
background-color: #fff;
font-size: 2.93333vw;
border-bottom-width: 0
}
.bets-head dt,
.bets-head dd {
padding: 0.8vw 1.86667vw
}
.bets-head .col-odds {
flex: 0 0 auto
}
@media screen and (min-aspect-ratio: 16 / 9) {
.bets-head {
font-size: 1.64918vmax
}
.bets-head dt,
.bets-head dd {
padding: 0.44978vmax 1.04948vmax
}
}
.check-list li {
margin-left: 2.66667vw
}
.check-list a {
color: #1B2D38;
font-weight: normal;
height: 9.6vw;
align-items: center
}
.check-list a:before {
content: '';
width: 5.33333vw;
height: 5.33333vw;
background: #fff;
border: 0.26667vw solid #2789CE;
margin-right: 1.33333vw;
box-shadow: inset 0 0.53333vw 0 0 rgba(0, 0, 0, 0.2);
border-radius: 50%
}
.check-list a.checked:before {
border-width: 0;
box-shadow: none;
background: #2789CE url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.check-list a.disable {
color: #7E97A7
}
.check-list a.disable:before {
background-color: rgba(0, 0, 0, 0.2);
border-width: 0
}
h3 .check-list a {
color: #fff
}
h3 .check-list a:before {
border-width: 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.check-list li {
margin-left: 1.49925vmax
}
.check-list a {
height: 5.3973vmax
}
.check-list a:before {
width: 2.9985vmax;
height: 2.9985vmax;
border: 0.14993vmax solid #2789CE;
margin-right: 0.74963vmax;
box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.2)
}
}
.setting-block {
font-size: 4vw;
color: #243A48;
border-bottom: 1px solid #E0E6E6;
padding: 1.86667vw 0 0 1.86667vw;
flex-wrap: wrap
}
.setting-block dt,
.setting-block dd {
flex: 1;
padding: 0 1.86667vw 1.86667vw 0;
align-items: center
}
.setting-block dd {
flex: 0 1 9.33333vw
}
.setting-block input {
width: 26.66667vw;
margin: 0 0 0 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.setting-block {
font-size: 2.24888vmax;
padding: 1.04948vmax 0 0 1.04948vmax
}
.setting-block dt,
.setting-block dd {
padding: 0 1.04948vmax 1.04948vmax 0
}
.setting-block dd {
flex: 0 1 5.24738vmax
}
.setting-block input {
width: 14.9925vmax;
margin: 0 0 0 0.74963vmax
}
}
.stake-setting dt {
flex: 1 1 100%
}
.stake-setting dd {
flex: 1 1 25%
}
.stake-setting .btn,
.stake-setting .btn-send,
.stake-setting .login,
.stake-setting .form-select,
.stake-setting .pages a,
.pages .stake-setting a {
flex: 1;
line-height: 2.2
}
.stake-setting input {
width: 100%;
margin: 0
}
.col-stake_edit a {
width: 100%;
line-height: 2.6;
font-weight: bold
}
.col-stake_edit .btn-send,
.col-stake_edit .login {
line-height: 2.6
}
.btn-edit {
color: #243A48;
background: rgba(197, 208, 215, 0.4);
border: 0.26667vw solid #7E97A7;
box-shadow: inset 0 0.53333vw 0 0 rgba(255, 255, 255, 0.8);
border-radius: 1.6vw
}
.btn-edit:after {
content: '';
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
vertical-align: top;
margin-top: 2.66667vw;
margin-left: 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.btn-edit {
border-width: 0.14993vmax;
box-shadow: inset 0 0.29985vmax 0 0 rgba(255, 255, 255, 0.8);
border-radius: 0.89955vmax
}
.btn-edit:after {
width: 2.24888vmax;
height: 2.24888vmax;
margin-top: 1.49925vmax;
margin-left: 0.74963vmax
}
}
.switch_on,
.switch_off {
position: relative;
width: 9.33333vw;
height: 9.33333vw;
background: #6BBD11;
box-shadow: inset 0 0.26667vw 0.8vw 0 rgba(0, 0, 0, 0.5);
border-radius: 1.6vw;
overflow: hidden
}
.switch_on span,
.switch_off span {
position: absolute;
right: 1.06667vw;
top: 1.06667vw;
width: 2.66667vw;
height: 7.2vw;
background: #fff;
box-shadow: 0 0.53333vw 1.06667vw 0 rgba(0, 0, 0, 0.5), inset 0 -0.8vw 0 0 #CAD5D5;
border-radius: 1.06667vw;
justify-content: center;
align-items: center
}
.switch_on span:after,
.switch_off span:after {
content: '';
width: 1.06667vw;
height: 1.33333vw;
background: #E0E6E6;
box-shadow: inset 0 0.26667vw 0.26667vw 0 rgba(0, 0, 0, 0.26);
border-radius: 0.53333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.switch_on,
.switch_off {
width: 5.24738vmax;
height: 5.24738vmax;
box-shadow: inset 0 0.14993vmax 0.44978vmax 0 rgba(0, 0, 0, 0.5);
border-radius: 0.89955vmax
}
.switch_on span,
.switch_off span {
right: 0.5997vmax;
top: 0.5997vmax;
width: 1.49925vmax;
height: 4.04798vmax;
box-shadow: 0 0.29985vmax 0.5997vmax 0 rgba(0, 0, 0, 0.5), inset 0 -0.44978vmax 0 0 #CAD5D5;
border-radius: 0.5997vmax
}
.switch_on span:after,
.switch_off span:after {
width: 0.5997vmax;
height: 0.74963vmax;
box-shadow: inset 0 0.14993vmax 0.14993vmax 0 rgba(0, 0, 0, 0.26);
border-radius: 0.29985vmax
}
}
.switch_off {
background-color: #A2B1BA
}
.switch_off span {
left: 1.06667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.switch_off span {
left: 0.5997vmax
}
}
.loading-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100%;
background-color: transparent;
z-index: 99;
justify-content: center;
align-items: center
}
.loading-wrap {
width: 40vw;
height: 24vw;
background: #fff;
font-size: 3.2vw;
color: #243A48;
box-shadow: 0 0.8vw 2.66667vw 0 rgba(0, 0, 0, 0.5);
border-radius: 1.33333vw;
padding: 1.86667vw 0;
justify-content: center;
align-items: center;
flex-wrap: wrap
}
.loading-wrap p {
flex: 0 0 100%
}
@media screen and (min-aspect-ratio: 16 / 9) {
.loading-wrap {
width: 22.48876vmax;
height: 13.49325vmax;
font-size: 1.7991vmax;
box-shadow: 0 0.44978vmax 1.49925vmax 0 rgba(0, 0, 0, 0.5);
border-radius: 0.74963vmax;
padding: 1.04948vmax 0
}
}
/*
.loading {
position: relative;
width: 18.66667vw;
height: 9.33333vw
}
.loading>div {
position: absolute;
width: 50%;
height: 100%;
border-radius: 50%
}
.loading>div:nth-of-type(1) {
left: 0;
background: #FFB80C;
animation: loading-1 0.6s ease infinite;
z-index: 5
}
.loading>div:nth-of-type(2) {
left: 50%;
background: #243A48;
animation: loading-2 0.6s ease infinite
}
*/
.loading{
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.loading:after {
content: " ";
display: block;
border-radius: 50%;
width: 0;
height: 0;
margin: 8px;
box-sizing: border-box;
border: 32px solid #FFC11E;
border-color: #FFC11E transparent black transparent;
animation: lds-hourglass 1.2s infinite;
}
@keyframes lds-hourglass {
0% {
transform: rotate(0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
50% {
transform: rotate(900deg);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
100% {
transform: rotate(1800deg);
}
}
.loading-wrap { height: 30vw; !important }
@media screen and (min-aspect-ratio: 16 / 9) {
.loading {
width: 10.49475vmax;
height: 5.24738vmax
}
}
.a-depth img {
width: 5.33333vw;
height: 5.33333vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
@media screen and (min-aspect-ratio: 16 / 9) {
.a-depth img {
width: 2.9985vmax;
height: 2.9985vmax
}
}
.function-wrap {
position: relative;
padding: 1.33333vw 1.86667vw;
background-color: #E0E6E6
}
@media screen and (min-aspect-ratio: 16 / 9) {
.function-wrap {
padding: 0.74963vmax 1.04948vmax
}
}
.form-select {
position: relative;
line-height: 2.2;
text-align: left;
color: #2789CE;
padding: 0 1.86667vw
}
.form-select:after {
position: absolute;
right: 2.66667vw;
top: 3.46667vw;
content: '';
border-top: 2.13333vw solid #1E1E1E;
border-left: 1.6vw solid transparent;
border-right: 1.6vw solid transparent
}
@media screen and (min-aspect-ratio: 16 / 9) {
.form-select {
padding: 0 1.04948vmax
}
.form-select:after {
right: 1.49925vmax;
top: 1.94903vmax;
border-top-width: 1.1994vmax;
border-left-width: 0.89955vmax;
border-right-width: 0.89955vmax
}
}
.select-list {
position: absolute;
width: 96.26667vw;
max-height: 58.66667vw;
overflow: auto;
overflow-x: hidden;
z-index: 1
}
.select-list li {
border-bottom: 1px solid #E0E6E6
}
.select-list li:last-child {
border-bottom-width: 0
}
.select-list a {
line-height: 2.2;
font-weight: bold;
padding: 1.33333vw 1.86667vw
}
.select-list:not(:target) {
display: none
}
.select-list:target {
display: block
}
@media screen and (min-aspect-ratio: 16 / 9) {
.select-list {
width: 54.12294vmax;
max-height: 32.98351vmax
}
.select-list a {
padding: 0.74963vmax 1.04948vmax
}
}
.chart-wrap h3 {
background: transparent;
color: #1E1E1E;
justify-content: center
}
.chart {
position: relative;
width: 74.13333vw;
height: 56.8vw;
margin-left: 9.33333vw;
overflow: hidden
}
.chart img {
position: absolute;
width: 93.33333vw;
height: 68vw;
top: -8.53333vw;
clip: rect 8.53333vw, 74.13333vw, 65.33333vw, 0px
}
@media screen and (min-aspect-ratio: 16 / 9) {
.chart {
width: 41.67916vmax;
height: 31.93403vmax;
margin-left: 5.24738vmax
}
.chart img {
width: 52.47376vmax;
height: 38.23088vmax;
top: -4.7976vmax;
clip: rect 4.7976vmax, 41.67916vmax, 36.73163vmax, 0px
}
}
.info-matched {
font-size: 4vw;
border-top: 1px solid #E0E6E6;
margin-bottom: 0
}
.info-matched dd {
border-bottom-width: 0;
padding-bottom: 4vw
}
.info-matched dd span {
font-size: 3.46667vw;
margin-bottom: 0.8vw
}
.info-matched dd:nth-of-type(1) {
flex: 1.75
}
.info-matched dd:nth-of-type(2) {
flex: 1.5
}
.info-matched dd:nth-of-type(3) {
flex: 1
}
@media screen and (min-aspect-ratio: 16 / 9) {
.info-matched {
font-size: 2.24888vmax
}
.info-matched dd {
padding-bottom: 2.24888vmax
}
.info-matched dd span {
font-size: 1.94903vmax;
margin-bottom: 0.44978vmax
}
}
.to-BackLay {
justify-content: space-between
}
.to-BackLay li {
position: relative;
padding: 1.86667vw 1.86667vw 1.33333vw
}
.to-BackLay li:after {
position: absolute;
top: 0;
right: 0;
content: '';
border-top: 7.46667vw solid #fff
}
.to-BackLay li:nth-of-type(1) {
padding-right: 4vw;
background-color: #72BBEF
}
.to-BackLay li:nth-of-type(1):after {
border-left: 1.33333vw solid transparent
}
.to-BackLay li:nth-of-type(2) {
padding-left: 4vw;
background-color: #FAA9BA
}
.to-BackLay li:nth-of-type(2):after {
left: 0;
right: auto;
border-right: 1.06667vw solid transparent
}
@media screen and (min-aspect-ratio: 16 / 9) {
.to-BackLay li {
padding: 1.04948vmax 1.04948vmax 0.74963vmax
}
.to-BackLay li:after {
border-top-width: 4.1979vmax
}
.to-BackLay li:nth-of-type(1) {
padding-right: 2.24888vmax
}
.to-BackLay li:nth-of-type(1):after {
border-left-width: 0.74963vmax
}
.to-BackLay li:nth-of-type(2) {
padding-left: 2.24888vmax
}
.to-BackLay li:nth-of-type(2):after {
border-right-width: 0.5997vmax
}
}
.trade-wrap {
width: 100%;
overflow: auto;
overflow-y: hidden;
border: 1px solid #7E97A7;
border-width: 1px 0 1px 0;
margin-bottom: 2.66667vw;
flex-wrap: wrap
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trade-wrap {
margin-bottom: 1.49925vmax
}
}
.trade,
.trade-2 {
flex: 0 0 100%
}
.trade dd,
.trade-2 dd {
width: 20vw
}
.trade p,
.trade-2 p {
padding: 1.6vw 0.8vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trade dd,
.trade-2 dd {
width: 11.24438vmax
}
.trade p,
.trade-2 p {
padding: 0.89955vmax 0.44978vmax
}
}
.trade-2 {
height: 7.46667vw
}
.trade-2 dd {
border-color: #E0E6E6
}
.trade-2 p {
font-weight: normal;
font-size: 2.93333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.trade-2 {
height: 4.1979vmax
}
.trade-2 p {
font-size: 1.64918vmax
}
}
.table-fancy .col-lay {
background-color: #FAE5EB;
border-color: #fff
}
.table-fancy .col-back {
background-color: #CDE8FD;
border-color: #fff
}
.login-head,
.pass-head {
position: relative;
height: 74.66667vw;
background: url(/images/mobile/login/KV-pic.png) no-repeat 0 bottom;
background-size: 100% 100%;
margin-bottom: 12vw
}
.login-head h1,
.pass-head h1 {
position: absolute;
left: 50%;
top: 37.86667vw;
width: 65.33333vw;
height: 15.46667vw;
background: url(/images/mobile/login/logo.svg) no-repeat;
background-size: contain;
margin-left: -32.53333vw
}
.login-head .close,
.pass-head .close {
position: fixed;
right: 1.86667vw;
justify-content: center;
align-items: center;
width: 9.33333vw;
height: 9.33333vw;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
margin-top: 1.86667vw;
z-index: 2
}
.login-head .close:before,
.pass-head .close:before {
content: '';
width: 3.46667vw;
height: 3.46667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
@media screen and (min-aspect-ratio: 16 / 9) {
.login-head .close,
.pass-head .close {
right: 1.04948vmax;
width: 5.24738vmax;
height: 5.24738vmax;
margin-top: 1.04948vmax
}
.login-head .close:before,
.pass-head .close:before {
width: 1.94903vmax;
height: 1.94903vmax
}
}
@media (orientation: landscape) {
.login-head,
.pass-head {
height: 21.33333vw;
background-color: #FFB80C;
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%);
margin-bottom: 5.33333vw
}
.login-head h1,
.pass-head h1 {
top: 3.73333vw;
width: 59.2vw;
height: 14.13333vw;
margin-left: -29.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.login-head,
.pass-head {
height: 11.994vmax;
margin-bottom: 2.9985vmax
}
.login-head h1,
.pass-head h1 {
top: 2.69865vmax;
width: 33.28336vmax;
height: 7.94603vmax;
margin-left: -16.64168vmax
}
}
.form-login {
width: 84vw;
margin: 0 auto;
color: #fff
}
.form-login dt {
font-size: 5.86667vw;
margin-bottom: 8vw
}
.form-login dd {
position: relative;
margin-bottom: 3.2vw
}
.form-login dd:last-of-type {
margin-bottom: 0
}
.form-login img {
position: absolute;
background-color: #fff;
width: 18.66667vw;
height: 5.06667vw;
right: 1.86667vw;
top: 2.13333vw;
padding-top: 1.33333vw;
border-radius: 1.06667vw
}
.pass-wrap .form-login {
margin-bottom: 5.33333vw
}
.form-login .error:after {
position: absolute;
right: 1.86667vw;
top: 3.2vw;
content: '';
width: 4.26667vw;
height: 4.26667vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain
}
.form-login .error img {
margin-right: 6.13333vw
}
@media (orientation: landscape) {
.form-login {
width: 84vw
}
.form-login dt {
font-size: 5.86667vw;
margin-bottom: 8vw
}
.form-login dd {
margin-bottom: 3.2vw
}
.form-login img {
width: 18.66667vw;
height: 5.06667vw;
right: 1.86667vw;
top: 2.13333vw;
padding-top: 1.33333vw;
border-radius: 1.06667vw
}
.form-login .error:after {
right: 1.86667vw;
top: 3.2vw;
width: 4.26667vw;
height: 4.26667vw
}
.form-login .error img {
margin-right: 6.13333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.form-login {
width: 47.22639vmax
}
.form-login dt {
font-size: 3.29835vmax;
margin-bottom: 4.49775vmax
}
.form-login dd {
margin-bottom: 1.7991vmax
}
.form-login img {
width: 10.49475vmax;
height: 2.84858vmax;
right: 1.04948vmax;
top: 1.1994vmax;
padding-top: 0.74963vmax;
border-radius: 0.5997vmax
}
.form-login .error:after {
right: 1.04948vmax;
top: 1.7991vmax;
width: 2.3988vmax;
height: 2.3988vmax
}
.form-login .error img {
margin-right: 3.44828vmax
}
}
.login {
border-width: 0;
line-height: 2.9;
font-size: 4.53333vw;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5)
}
.login:after {
content: '';
width: 4vw;
height: 4vw;
background: url('data:image/svg+xml,') no-repeat;
background-size: contain;
margin: 0.53333vw 0 0 1.33333vw
}
@media (orientation: landscape) {
.login {
font-size: 4.53333vw;
border-radius: 1.6vw
}
.login:after {
width: 4vw;
height: 4vw;
margin: 0.53333vw 0 0 1.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.login {
font-size: 2.54873vmax;
border-radius: 0.89955vmax
}
.login:after {
width: 2.24888vmax;
height: 2.24888vmax;
margin: 0.29985vmax 0 0 0.74963vmax
}
}
.state {
font-size: 3.2vw;
color: #F8E71C
}
@media (orientation: landscape) {
.state {
font-size: 3.2vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.state {
font-size: 1.7991vmax
}
}
.index-login .mian-wrap {
padding: 14.66667vw 0 17.6vw
}
.index-login .promo-banner-wrap {
top: 14.66667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.index-login .mian-wrap {
padding: 8.24588vmax 0 9.89505vmax
}
.index-login .promo-banner-wrap {
top: 8.24588vmax
}
}
body {
min-height: 100vh;
background-attachment: fixed;
background-color: #1D2C38;
background-image: linear-gradient(56deg, #3A5870 4%, #1D2C38 42%)
}
@media screen and (max-device-aspect-ratio: 9 / 18) {
body {
height: 100vh
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
body {
height: 101vmin;
padding-bottom: 1.49925vmax
}
}
.pass-head {
height: 21.33333vw;
background-color: #FFB80C;
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.pass-head h1 {
top: 4vw;
width: 59.2vw;
height: 14.13333vw;
margin-left: -29.6vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.pass-head {
height: 11.994vmax;
margin-bottom: 2.9985vmax
}
.pass-head h1 {
top: 2.09895vmax;
width: 33.28336vmax;
height: 7.94603vmax;
margin-left: -16.64168vmax
}
}
.pass-wrap {
padding-bottom: 5.33333vw
}
@media (orientation: landscape) {
.pass-wrap {
padding: 0 2.66667vw;
align-items: center
}
.pass-wrap .form-login {
margin-bottom: 5.33333vw
}
.pass-wrap .form-login dt {
margin-bottom: 4vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.pass-wrap {
display: flex;
padding: 0 1.49925vmax
}
.pass-wrap .form-login {
margin-bottom: 0
}
.pass-wrap .form-login dt {
margin-bottom: 2.24888vmax
}
}
.txt-wrap {
width: 84vw;
margin: 0 auto;
color: #7E97A7;
line-height: 4.8vw;
background: rgba(0, 0, 0, 0.2);
border-radius: 1.6vw;
padding: 2.66667vw 1.86667vw
}
.txt-wrap ul {
margin-left: 4.26667vw
}
@media (orientation: landscape) {
.txt-wrap {
width: 84vw;
font-size: 3.46667vw;
line-height: 4.8vw;
border-radius: 1.6vw;
padding: 2.66667vw 1.86667vw
}
.txt-wrap ul {
margin-left: 4.26667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.txt-wrap {
order: -1;
width: 47.22639vmax;
font-size: 1.94903vmax;
line-height: 2.69865vmax;
border-radius: 0.89955vmax;
padding: 1.49925vmax 1.04948vmax
}
.txt-wrap ul {
margin-left: 2.3988vmax
}
}
.support-wrap {
background-color: rgba(0, 0, 0, 0.6)
}
.support-wrap .support-service {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 13.33333vw;
border-top: 0.26667vw solid rgba(255, 255, 255, 0.3)
}
.support-wrap .support-service::before,
.support-wrap .support-service::after {
content: "";
display: block;
flex: 1;
align-self: flex-end;
height: 0.26667vw;
background-color: rgba(255, 255, 255, 0.3);
margin-bottom: -0.26667vw
}
.support-wrap .support-service a {
display: flex;
justify-content: center;
align-items: center;
width: 13.33333vw
}
.support-wrap .support-service a::after {
content: '';
position: absolute;
top: 100%;
display: block;
width: 13.33333vw;
height: 0.26667vw;
background-color: rgba(255, 255, 255, 0.3)
}
.support-wrap .support-service a.open::after {
content: '';
position: absolute;
top: 100%;
height: 7.2vw;
background-image: url(/exchange/images/support_arrow_w.png);
background-repeat: no-repeat;
background-size: contain;
background-color: initial
}
.support-wrap .support-service img {
width: 6.66667vw;
height: 100%
}
.support-wrap .support-info {
display: flex;
justify-content: center;
align-items: center;
padding: 3.46667vw 0 2.66667vw
}
.support-wrap .support-detail {
display: none
}
.support-wrap .support-detail.open {
display: block
}
.support-wrap .support-detail a {
display: flex;
justify-content: center;
align-items: center;
height: 8vw;
color: #fff;
text-decoration: underline
}
@media screen and (min-aspect-ratio: 16 / 9) {
.support-wrap {
display: none
}
}
[class^="support-"] img {
background-size: contain;
background-repeat: no-repeat
}
.support-fb img,
.support-ig img {
width: 5.86667vw !important
}
@media screen and (min-aspect-ratio: 16 / 9) {
.support-fb img,
.support-ig img {
width: 3.29835vmax !important
}
}
.support-mail img {
background-image: url('data:image/svg+xml,')
}
.support-mail.open img {
background-image: url('data:image/svg+xml,')
}
.support-whatsapp img {
background-image: url('data:image/svg+xml,')
}
.support-whatsapp.open img {
background-image: url('data:image/svg+xml,')
}
.support-telegram img {
background-image: url('data:image/svg+xml,')
}
.support-telegram.open img {
background-image: url('data:image/svg+xml,')
}
.support-skype img {
background-image: url('data:image/svg+xml,')
}
.support-skype.open img {
background-image: url('data:image/svg+xml,')
}
.support-fb img {
background-image: url('data:image/svg+xml,')
}
.support-fb.open img {
background-image: url('data:image/svg+xml,')
}
.support-ig img {
background-image: url('data:image/svg+xml,')
}
.support-ig.open img {
background-image: url('data:image/svg+xml,')
}
.policy-link {
width: 100vw;
margin: 4.26667vw auto 5.86667vw;
padding: 0 1.86667vw;
text-align: center
}
.policy-link a {
text-decoration: underline
}
.policy-link li:before {
margin: 0 0.4vw;
content: "|"
}
.policy-link li:first-child:before {
display: none
}
@media (orientation: landscape) {
.policy-link {
display: none
}
}
.announce-header {
position: sticky;
position: -webkit-sticky;
width: 100%;
align-items: center;
justify-content: center
}
.announce-header h1 {
color: #1E1E1E;
font-size: 4.8vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.announce-header {
position: relative;
top: 0;
left: 0
}
.announce-header h1 {
font-size: 2.69865vmax
}
}
footer {
position: sticky;
position: -webkit-sticky;
left: 0;
bottom: 0;
width: 100%;
border-top: 1px solid #E0E6E6;
padding: 2.13333vw 0;
background: #fff
}
footer .confirm-checkbox {
margin-bottom: 3.2vw
}
footer .confirm-checkbox:before {
width: 4.26667vw;
height: 4.26667vw;
margin-right: 1.06667vw;
border: 1px solid #aaa;
background: #fff;
content: "";
vertical-align: bottom
}
footer .confirm-checkbox.checked:before {
border: 1px solid #666;
background: #333 url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a,
footer .btn-send,
footer .login {
width: 45.33333vw;
height: 10.66667vw;
margin: 0 1.06667vw 0 0;
font-size: 4vw;
line-height: 10.66667vw
}
footer .btn-send,
footer .login {
margin: 0 auto
}
@media (orientation: landscape) {
footer {
position: fixed;
padding: 0;
height: 0;
border: 0
}
footer .confirm-checkbox {
display: none
}
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a {
position: absolute;
z-index: 10;
right: 1.86667vw;
bottom: 22.93333vw;
width: 10.66667vw;
height: 10.66667vw;
font-size: 0;
margin: 0;
border-radius: 26.66667vw
}
footer .btn:before,
footer .btn-send:before,
footer .login:before,
footer .form-select:before,
footer .pages a:before,
.pages footer a:before {
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 100%;
height: 100%;
border-radius: 26.66667vw;
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain;
content: ""
}
footer .btn-send,
footer .login {
bottom: 6.4vw
}
footer .btn-send:before,
footer .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .age_box .btn:before,
footer .age_box .btn-send:before,
footer .age_box .login:before,
footer .age_box .form-select:before,
footer .age_box .pages a:before,
.pages footer .age_box a:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
footer .age_box .btn-send:before,
footer .age_box .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
footer .btn,
footer .btn-send,
footer .login,
footer .form-select,
footer .pages a,
.pages footer a {
right: 1.04948vmax;
bottom: 12.89355vmax;
width: 7.1964vmax;
height: 7.1964vmax
}
footer .btn-send,
footer .login {
bottom: 3.5982vmax
}
}
.announce-wrap table {
margin: 2.13333vw 0 4.26667vw 0;
width: 100%;
border-top: 2px solid #7E97A7;
border-bottom: 2px solid #7E97A7;
font-size: 3.46667vw
}
.announce-wrap table th {
border-right: 1px solid #E0E6E6;
color: #3B5160;
font-weight: normal
}
.announce-wrap table tr {
border-bottom: 1px solid #E0E6E6
}
.announce-wrap table tr:first-of-type {
border-top: 1px solid #7E97A7
}
.announce-wrap table tr:last-of-type {
border-bottom: 1px solid #7E97A7
}
.announce-wrap table td,
.announce-wrap table th {
padding: 1.06667vw 0 1.06667vw 2.13333vw
}
.announce-wrap .nofound_box {
display: none
}
@media screen and (min-aspect-ratio: 16 / 9) {
.announce-wrap {
padding-top: 2.3988vmax;
padding-bottom: 2.3988vmax
}
.announce-wrap table {
margin: 1.1994vmax 0 2.3988vmax 0;
font-size: 1.94903vmax
}
.announce-wrap table td,
.announce-wrap table th {
padding: 0.5997vmax 0 0.5997vmax 1.1994vmax
}
}
.news-wrap {
position: relative;
flex-direction: column;
width: 89.33333vw;
height: 90%;
border-radius: 1.33333vw;
background: #fff
}
.news-wrap .side-head {
flex: 0 0 12.8vw;
border-radius: 1.6vw 1.6vw 0 0
}
.news-wrap .side-head h3 {
font-size: 4.8vw;
line-height: 1;
justify-content: center
}
.news-wrap .announce-wrap {
flex: 1;
padding-top: 4.26667vw;
padding-bottom: 0
}
.news-wrap footer {
position: relative;
border-radius: 0 0 1.33333vw 1.33333vw
}
.news-wrap.news-wrap-frame {
position: relative;
width: 100%;
height: 100vh
}
.news-wrap.news-wrap-frame .side-head,
.news-wrap.news-wrap-frame footer {
position: sticky;
position: -webkit-sticky
}
.news-wrap.news-wrap-frame .side-head {
top: 0;
z-index: 2;
border-radius: 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.news-wrap {
width: 100%;
height: 100%;
border-radius: 0
}
.news-wrap .side-head {
flex: 0 0 7.1964vmax;
border-radius: 0.74963vmax 0.74963vmax 0 0
}
.news-wrap .side-head h3 {
font-size: 2.69865vmax
}
.news-wrap .announce-wrap {
padding-top: 2.3988vmax;
padding-bottom: 3.5982vmax;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.news-wrap .btn-send,
.news-wrap .login {
position: fixed
}
}
.overlay .frame-wrap {
width: 89.33333vw;
height: 90%
}
@media screen and (min-aspect-ratio: 16 / 9) {
.overlay .frame-wrap {
width: 100%;
height: 100%
}
}
.marquee-pop .side-head {
flex: 0 0 10.66667vw
}
.marquee-pop .side-head h3 {
font-size: 4vw;
line-height: 1;
justify-content: flex-start
}
.marquee-pop .function-wrap {
background-color: #E0E6E6;
margin-bottom: 0
}
.marquee-pop .function-wrap label {
position: relative
}
.marquee-pop .function-wrap label span {
position: absolute;
z-index: 10;
left: 0;
height: 9.33333vw;
width: 8vw;
background: #888;
border-radius: 1.33333vw 0vw 0vw 1.33333vw;
display: inline-flex;
justify-content: center;
align-items: center
}
.marquee-pop .function-wrap label span:before {
content: '';
display: block;
background-size: contain;
background-repeat: no-repeat;
height: 4.26667vw;
width: 4.26667vw;
background-image: url('data:image/svg+xml,')
}
.marquee-pop .function-wrap label input {
padding: 0 1.86667vw;
height: 8.8vw;
width: 48vw;
line-height: 2.2;
text-indent: 8vw;
margin-bottom: inherit;
margin-right: 1.33333vw
}
.marquee-pop .function-wrap .btn-send,
.marquee-pop .function-wrap .login {
line-height: 2.2;
min-width: 26.66667vw
}
.marquee-pop .announce-wrap {
flex: 1;
border-radius: 0 0 1.33333vw 1.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.marquee-pop {
width: 96%;
height: 90%;
border-radius: 1.49925vmax
}
.marquee-pop .side-head {
flex: 0 0 5.997vmax
}
.marquee-pop .side-head h3 {
font-size: 2.24888vmax
}
.marquee-pop .function-wrap {
padding: 0.74963vmax 1.04948vmax
}
.marquee-pop .function-wrap label span {
height: 5.09745vmax;
width: 4.49775vmax;
border-radius: 0.74963vmax 0vmax 0vmax 0.74963vmax
}
.marquee-pop .function-wrap label span:before {
height: 2.3988vmax;
width: 2.3988vmax
}
.marquee-pop .function-wrap label input {
width: 26.98651vmax;
padding: 0 1.04948vmax;
height: 4.7976vmax;
text-indent: 4.49775vmax;
margin-right: 0.74963vmax
}
.marquee-pop .function-wrap .btn-send,
.marquee-pop .function-wrap .login {
min-width: 14.9925vmax;
position: inherit
}
.marquee-pop .announce-wrap {
border-radius: 0 0 0.74963vmax 0.74963vmax
}
}
.nofound {
display: flex;
align-items: center;
justify-content: center
}
.nofound .nofound_box {
display: flex;
align-items: center;
vertical-align: top;
flex-direction: column;
margin-bottom: 0vw;
max-width: 80vw
}
.nofound .nofound_box dt {
width: 26.93333vw;
height: 25.86667vw;
margin-bottom: 5.33333vw;
background: url(/images/mobile/announcement/ic-search.svg) no-repeat;
background-size: contain
}
.nofound .nofound_box dd {
margin-bottom: 1.33333vw;
text-align: center;
font-weight: bold;
flex: 1
}
.nofound .article-wrap {
display: none
}
@media screen and (min-aspect-ratio: 16 / 9) {
.nofound .nofound_box {
max-width: 44.97751vmax
}
.nofound .nofound_box dt {
width: 15.14243vmax;
height: 14.54273vmax;
margin-bottom: 2.9985vmax
}
.nofound .nofound_box dd {
margin-bottom: 0.74963vmax
}
}
.pages {
display: flex;
justify-content: center;
margin: 2.66667vw 0
}
.pages li {
list-style: none;
margin-right: 0.8vw;
margin-left: 0.8vw
}
.pages a {
font-weight: normal;
margin: 0;
line-height: 9.33333vw;
padding: 0vw 3.2vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.pages {
margin: 0.74963vmax 0
}
.pages li {
margin-right: 0.44978vmax;
margin-left: 0.44978vmax
}
.pages a {
line-height: 4.7976vmax;
padding: 0vmax 1.7991vmax
}
.pages a.select {
box-shadow: inset 0 0.29985vmax 0 0 rgba(0, 0, 0, 0.1)
}
}
.article-wrap {
border-bottom: 1px solid #E0E6E6;
padding-top: 5.33333vw;
padding-bottom: 6.66667vw
}
.article-wrap:first-of-type {
padding-top: 0
}
.article-wrap:last-of-type {
border-bottom: 0
}
@media screen and (min-aspect-ratio: 16 / 9) {
.article-wrap {
padding-top: 2.9985vmax;
padding-bottom: 3.74813vmax
}
}
.article-date {
width: 18.66667vw;
margin-bottom: 4.26667vw;
border-top: 1.06667vw solid #4A4A4A;
padding-top: 1.06667vw;
color: #4A4A4A
}
.article-date dt {
margin-right: 0.53333vw;
font-size: 8vw;
line-height: 8.53333vw
}
.article-date dd {
font-size: 3.73333vw;
line-height: 4.26667vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.article-date {
width: 10.49475vmax;
margin-bottom: 2.3988vmax;
border-top: 0.5997vmax solid #4A4A4A;
padding-top: 0.5997vmax
}
.article-date dt {
margin-right: 0.29985vmax;
font-size: 4.49775vmax;
line-height: 4.7976vmax
}
.article-date dd {
font-size: 2.09895vmax;
line-height: 2.3988vmax
}
}
.mysports247 .announce-header h1 {
color: #1E1E1E
}
.mysports247 .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-mysports247.png") center no-repeat;
background-size: cover
}
.exchange .announce-header h1 {
color: #FFB80C
}
.exchange .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-exchange_247.png") center no-repeat;
background-size: cover
}
.mazaplay .announce-header h1 {
color: #fff
}
.mazaplay .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-mazaplay.png") center no-repeat;
background-size: cover
}
.maruti .announce-header h1 {
color: #fff
}
.maruti .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-maruti.png") center no-repeat;
background-size: cover
}
.exchange247 .announce-header h1 {
color: #FFB80C
}
.exchange247 .news-wrap .announce-header {
background: url("/images/mobile/announcement/popup-header-exchange_247247.png") center no-repeat;
background-size: cover
}
.app-wrap {
margin-top: 32vw
}
.app-wrap .btn-send,
.app-wrap .login {
border-width: 0px
}
@media screen and (min-aspect-ratio: 16 / 9) {
.app-wrap {
margin-top: 3.5982vmax
}
}
.app-qrcode {
background: url(/images/mobile/login/appic-9wickets.png) center no-repeat;
background-size: cover;
width: 38.4vw;
height: 38.4vw;
margin: 0 auto 7.46667vw;
border-radius: 5.33333vw;
box-shadow: 0 1.06667vw 2.13333vw rgba(0, 0, 0, 0.4)
}
@media screen and (min-aspect-ratio: 16 / 9) {
.app-qrcode {
width: 21.58921vmax;
height: 21.58921vmax;
margin: 0 auto 1.7991vmax;
border-radius: 2.9985vmax;
box-shadow: 0 0.5997vmax 0.89955vmax rgba(0, 0, 0, 0.4)
}
}
.appdl-link-android,
.appdl-link-ios {
margin-bottom: 3.2vw
}
.appdl-link-android .btn-app,
.appdl-link-ios .btn-app {
position: relative;
width: 72.53333vw;
height: 12.8vw;
padding-left: 12.26667vw;
margin: 0 auto 3.2vw;
line-height: 12.8vw;
box-sizing: border-box
}
.appdl-link-android .btn-app:before,
.appdl-link-ios .btn-app:before {
content: '';
position: absolute;
top: 0;
left: 0;
display: inline-block;
width: 12.8vw;
height: 100%;
background: rgba(0, 0, 0, 0.8) url('data:image/svg+xml,') no-repeat center;
background-size: 6.4vw;
border-top-left-radius: 1.6vw;
border-bottom-left-radius: 1.6vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.appdl-link-android .btn-app,
.appdl-link-ios .btn-app {
width: 40.77961vmax;
height: 7.1964vmax;
padding-left: 6.89655vmax;
line-height: 7.1964vmax
}
.appdl-link-android .btn-app:before,
.appdl-link-ios .btn-app:before {
width: 7.1964vmax;
height: 100%;
background-size: 3.5982vmax;
border-top-left-radius: 0.89955vmax;
border-bottom-left-radius: 0.89955vmax
}
}
.appdl-link-android .app-ver,
.appdl-link-ios .app-ver {
font-size: 4vw;
text-align: center;
color: #fff
}
@media screen and (min-aspect-ratio: 16 / 9) {
.appdl-link-android .app-ver,
.appdl-link-ios .app-ver {
margin-top: 1.7991vmax;
font-size: 2.24888vmax
}
}
.appdl-link-ios .btn-app:before {
background-image: url('data:image/svg+xml,')
}
.urgent-notice {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width: 100vw;
min-height: 100%;
opacity: 0;
background: #ffffff;
animation: urgent-notice 0.3s ease 1s 1 alternate forwards
}
.urgent-notice header {
height: 17.06667vw;
color: #FFB80C;
background-image: -webkit-linear-gradient(#414141 0%, #000 100%);
background-image: -o-linear-gradient(#414141 0%, #000 100%);
background-image: linear-gradient(#414141 0%, #000 100%)
}
.urgent-notice header h1 {
color: #F8D61C;
font-size: 6.4vw;
letter-spacing: 0.26667vw;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0.53333vw 1.06667vw rgba(0, 0, 0, 0.6)
}
.urgent-notice .notice-content {
padding: 3.2vw 4.26667vw 22.93333vw 4.26667vw;
font-size: 4.26667vw;
line-height: 5.86667vw
}
.urgent-notice .notice-img {
margin-top: 1.06667vw;
text-align: center
}
.urgent-notice .notice-img img {
width: 100%
}
.urgent-notice .notice-img .img-fake {
margin-top: 3.2vw;
height: 12.8vw;
width: auto
}
.urgent-notice .hilight {
font-weight: bold;
text-decoration: underline
}
@media (orientation: landscape) {
.urgent-notice header {
justify-content: flex-start;
padding-left: 6.4vw
}
.urgent-notice .notice-content {
padding-bottom: 8.53333vw
}
.urgent-notice .announce-footer {
position: absolute;
top: 0;
background: transparent
}
.urgent-notice .btn-send,
.urgent-notice .login {
top: 0;
right: 0;
margin: 0;
width: 17.06667vw;
height: 17.06667vw;
background: transparent;
background-image: none !important;
border-left: 0.26667vw solid rgba(255, 255, 255, 0.6) !important;
border-radius: 0;
box-shadow: none
}
.urgent-notice .btn-send:before,
.urgent-notice .login:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: 50%
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.urgent-notice {
height: auto
}
.urgent-notice header {
justify-content: center;
height: 9.5952vmax;
padding: 0
}
.urgent-notice header h1 {
font-size: 3.5982vmax;
letter-spacing: 0.14993vmax;
text-shadow: 0 0.29985vmax 0.5997vmax rgba(0, 0, 0, 0.6)
}
.urgent-notice .notice-content {
padding: 2.3988vmax 2.3988vmax 4.7976vmax 2.3988vmax;
font-size: 2.3988vmax;
line-height: 3.29835vmax
}
.urgent-notice .notice-img {
margin-top: 0.5997vmax
}
.urgent-notice .notice-img img {
width: 80%
}
.urgent-notice .notice-img .img-fake {
margin-top: 2.3988vmax;
height: 8.9955vmax;
width: auto
}
.urgent-notice .btn-send,
.urgent-notice .login {
width: 9.5952vmax;
height: 9.5952vmax;
border-left: 0.14993vmax solid rgba(255, 255, 255, 0.6) !important
}
}
body.mysports247 {
background-color: #11151A;
background-image: linear-gradient(56deg, #212932 4%, #11151A 42%)
}
.mysports247 .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.mysports247 .pass-head h1 {
top: 1.86667vw;
width: 60.53333vw;
height: 16.8vw;
background-image: url(/images/mobile/mysports247/logo-mysports247-black.png);
margin-left: -30.13333vw
}
@media (orientation: landscape) {
.mysports247 .pass-head h1 {
top: 1.86667vw;
width: 60.53333vw;
height: 16.8vw;
margin-left: -30.13333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.mysports247 .pass-head h1 {
top: 1.04948vmax;
width: 34.03298vmax;
height: 9.44528vmax;
margin-left: -16.94153vmax
}
}
.mysports247 .form-login dt {
color: #ECCB4B
}
.mysports247 .btn-send,
.mysports247 .login {
background-image: linear-gradient(-180deg, #ECCB4B 0%, #AE8903 100%);
border-color: #998A27
}
.mysports247 .btn-send.disable,
.mysports247 .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.mysports247 .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.exchange {
color: #222;
background-color: #FFB80C;
background-image: linear-gradient(56deg, #FFCC2E 4%, #FFB80C 42%)
}
.exchange input {
border: 1px solid #666
}
.exchange .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.exchange .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
background-image: url(/exchange/images/betinexch.png);
margin-left: -23.73333vw
}
@media (orientation: landscape) {
.exchange .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
margin-left: -23.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchange .pass-head h1 {
top: 1.49925vmax;
width: 26.68666vmax;
height: 8.9955vmax;
margin-left: -13.34333vmax
}
}
.exchange .form-login dt {
color: #000
}
.exchange .btn-send,
.exchange .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.exchange .btn-send.disable,
.exchange .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.exchange .login:after {
background-image: url('data:image/svg+xml,')
}
.exchange .state {
color: #222
}
.exchange .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.exchange .app-qrcode {
background: url(/images/appic-skyexch.png) center no-repeat;
background-size: cover
}
.exchange .app-link .btn-app-android,
.exchange .app-link .btn-app-ios {
color: #FFFFFF
}
.exchange .app-ver {
color: #000
}
body.mazaplay {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.mazaplay .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.mazaplay .pass-head h1 {
top: 2.66667vw;
width: 29.6vw;
height: 15.73333vw;
background-image: url(/images/mobile/mazaplay/logo-maza.png);
margin-left: -14.66667vw
}
@media (orientation: landscape) {
.mazaplay .pass-head h1 {
top: 2.66667vw;
width: 29.6vw;
height: 15.73333vw;
margin-left: -14.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.mazaplay .pass-head h1 {
top: 1.49925vmax;
width: 16.64168vmax;
height: 8.84558vmax;
margin-left: -8.24588vmax
}
}
.mazaplay .btn-send,
.mazaplay .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.mazaplay .btn-send.disable,
.mazaplay .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.mazaplay .login:after {
background-image: url('data:image/svg+xml,')
}
.mazaplay .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.bigexch {
background-color: #000;
background-image: linear-gradient(56deg, #1B3E19 4%, #000 42%)
}
.bigexch input {
border: 1px solid #666
}
.bigexch .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.bigexch .pass-head h1 {
top: 2.66667vw;
width: 56.8vw;
height: 16vw;
background-image: url(/images/mobile/bigexch/logo-bigexch.png);
background-position: center;
margin-left: -28vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.bigexch .pass-head h1 {
top: 1.49925vmax;
width: 31.93403vmax;
height: 8.9955vmax;
margin-left: -15.74213vmax
}
}
.bigexch .form-login dt {
color: #FFF
}
.bigexch .pass-wrap .txt-wrap {
color: #FFF
}
.bigexch .btn-send,
.bigexch .login {
background-image: linear-gradient(-180deg, #8FBE17 0%, #466D04 100%);
border: 1px solid #7BBE09;
color: #FFF;
box-shadow: none
}
.bigexch .btn-send.disable,
.bigexch .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.bigexch .login:after {
background-image: url('data:image/svg+xml,')
}
.bigexch .state {
color: #CB7808
}
.bigexch .support-wrap {
color: #B3CD20
}
.bigexch .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.bigexch .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.bigexch .support-wrap a {
color: #B3CD20
}
.bigexch .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.exchinplay {
background-color: #83AE17;
background-image: linear-gradient(56deg, #B3CD20 4%, #83AE17 42%)
}
.exchinplay input {
border: 1px solid #3E8142
}
.exchinplay .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.exchinplay .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
background-image: url(/images/mobile/exchinplay/logo-land-exchinplay.png);
background-position: center;
margin-left: -23.73333vw
}
@media (orientation: landscape) {
.exchinplay .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
margin-left: -23.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchinplay .pass-head h1 {
top: 1.49925vmax;
width: 26.68666vmax;
height: 8.9955vmax;
margin-left: -13.34333vmax
}
}
.exchinplay .form-login dt {
color: #FFF
}
.exchinplay .pass-wrap .txt-wrap {
color: #FFF
}
.exchinplay .btn-send,
.exchinplay .login {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%);
border: #3A6EDE;
color: #FFF;
box-shadow: none
}
.exchinplay .btn-send.disable,
.exchinplay .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.exchinplay .login:after {
background-image: url('data:image/svg+xml,')
}
.exchinplay .state {
color: #222
}
.exchinplay .app-qrcode {
background: url(/images/appic-exchinplay.png) center no-repeat;
background-size: cover
}
.exchinplay .app-ver {
color: #000
}
body.masterexchange {
background-color: #216869;
background-image: linear-gradient(56deg, #2D9092 4%, #216869 42%)
}
.masterexchange input {
border: none
}
.masterexchange .pass-head {
background-image: url(/images/mobile/masterexc/bg-login-land-masterexc.png);
background-size: cover;
background-position: center
}
.masterexchange .pass-head h1 {
top: 2.66667vw;
width: 48vw;
height: 16.53333vw;
background-image: url(/images/mobile/masterexc/logo-masterexc.png);
background-position: center;
margin-left: -25.6vw
}
@media (orientation: landscape) {
.masterexchange .pass-head h1 {
top: 2.66667vw;
width: 48vw;
height: 16.53333vw;
margin-left: -25.6vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.masterexchange .pass-head h1 {
top: 1.1994vmax;
width: 26.98651vmax;
height: 9.29535vmax;
margin-left: -14.3928vmax
}
}
.masterexchange .form-login dt {
color: #FFF
}
.masterexchange .pass-wrap .txt-wrap {
color: #FFF
}
.masterexchange .btn-send,
.masterexchange .login {
background-image: linear-gradient(-180deg, #F4D218 0%, #BAA012 100%);
border-color: #6B5F02;
color: #1E1E1E
}
.masterexchange .btn-send.disable,
.masterexchange .disable.login {
background-image: linear-gradient(-180deg, #EDE58C 0%, #B5AF81 100%);
border-color: #B5AF81;
color: #93928F
}
.masterexchange .login:after {
background-image: url('data:image/svg+xml,')
}
.masterexchange .state {
color: #DEDAB7
}
body.matador {
background-color: #41000D;
background-image: linear-gradient(56deg, #590011 4%, #41000D 42%)
}
.matador .pass-head {
background-image: linear-gradient(-180deg, #FF0032 0%, #C10A31 100%)
}
.matador .pass-head h1 {
top: 5.33333vw;
width: 48vw;
height: 10.66667vw;
background-image: url(/images/mobile/matador/login-land-matador.png);
background-position: center;
margin-left: -24vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.matador .pass-head h1 {
top: 2.9985vmax;
width: 28.18591vmax;
height: 5.997vmax;
margin-left: -14.09295vmax
}
}
.matador .form-login dt {
color: #FFF
}
.matador .pass-wrap .txt-wrap {
color: #FFF;
background: rgba(0, 0, 0, 0.3)
}
.matador .btn-send,
.matador .login {
background-image: linear-gradient(-180deg, #FF0032 0%, #C10A31 100%);
border: 0;
color: #FFF;
box-shadow: none
}
.matador .btn-send.disable,
.matador .disable.login {
background-image: linear-gradient(-180deg, #FF99AD 0%, #E79DAD 100%);
color: #FFFFFF
}
.matador .login:after {
background-image: url('data:image/svg+xml,')
}
.matador .state {
color: #F3DFE7
}
.matador .support-wrap {
color: #FFE6EC
}
.matador .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.matador .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.matador .support-wrap a {
color: #FFE6EC
}
.matador .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.fairenter {
background-color: #11151A;
background-image: linear-gradient(56deg, #212932 4%, #11151A 42%)
}
.fairenter .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.fairenter .pass-head h1 {
top: 1.6vw;
width: 60.53333vw;
height: 18.66667vw;
background-image: url(/images/mobile/fairenter/logo-fairenter-b.png);
margin-left: -30.13333vw
}
@media (orientation: landscape) {
.fairenter .pass-head h1 {
top: 1.86667vw;
width: 60.53333vw;
height: 16.8vw;
margin-left: -30.13333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.fairenter .pass-head h1 {
top: 1.04948vmax;
width: 34.03298vmax;
height: 9.44528vmax;
margin-left: -16.94153vmax
}
}
.fairenter .form-login dt {
color: #ECCB4B
}
.fairenter .btn-send,
.fairenter .login {
background-image: linear-gradient(-180deg, #ECCB4B 0%, #AE8903 100%);
border-color: #998A27
}
.fairenter .btn-send.disable,
.fairenter .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.fairenter .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.lucky7 {
background-color: #C1292E;
background-image: linear-gradient(56deg, #E03D45 4%, #C1292E 42%)
}
.lucky7 .pass-head {
background-image: linear-gradient(-180deg, #303FA3 0%, #141E63 100%)
}
.lucky7 .pass-head h1 {
top: 2.66667vw;
width: 56.8vw;
height: 16vw;
background-image: url(/images/mobile/lucky7/logo-lucky7.png);
background-position: center;
margin-left: -28vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.lucky7 .pass-head h1 {
top: 1.49925vmax;
width: 31.93403vmax;
height: 8.9955vmax;
margin-left: -15.74213vmax
}
}
.lucky7 .form-login dt {
color: #FFF
}
.lucky7 .pass-wrap .txt-wrap {
color: #FFF
}
.lucky7 .btn-send,
.lucky7 .login {
background-image: linear-gradient(-180deg, #1FB9B1 0%, #019A92 100%);
border: 1px solid transparent;
color: #FFF;
box-shadow: none
}
.lucky7 .btn-send.disable,
.lucky7 .disable.login {
background-image: linear-gradient(-180deg, #A6E3E0 0%, #99D7D3 100%);
color: #FFFFFF
}
.lucky7 .login:after {
background-image: url('data:image/svg+xml,')
}
.lucky7 .state {
color: #CCCCCC
}
body.qexch {
background-color: #000;
background-image: linear-gradient(56deg, #333 4%, #000 42%)
}
.qexch .pass-head {
background-image: linear-gradient(-180deg, #443A56 0%, #160C28 100%)
}
.qexch .pass-head h1 {
top: 2.66667vw;
width: 56.8vw;
height: 16vw;
background-image: url(/images/mobile/qexch/logo-qexch.png);
background-position: center;
margin-left: -28vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.qexch .pass-head h1 {
top: 1.49925vmax;
width: 31.93403vmax;
height: 8.9955vmax;
margin-left: -15.74213vmax
}
}
.qexch .form-login dt {
color: #FFF
}
.qexch .pass-wrap .txt-wrap {
color: #FFF
}
.qexch .btn-send,
.qexch .login {
background-image: linear-gradient(-180deg, #FBC30A 0%, #FF9C00 100%);
border-color: transparent;
color: #1E1E1E;
box-shadow: none
}
.qexch .btn-send.disable,
.qexch .disable.login {
background-image: linear-gradient(-180deg, #FEE79D 0%, #FFD899 100%);
color: #A5A5A5
}
.qexch .login:after {
background-image: url('data:image/svg+xml,')
}
.qexch .state {
color: #CCCCCC
}
.qexch .support-wrap {
color: #CFC9D9
}
.qexch .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.qexch .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.qexch .support-wrap a {
color: #CFC9D9
}
.qexch .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.betmygame {
background-color: #E95B13;
background-image: linear-gradient(56deg, #ED7218 4%, #E95B13 42%)
}
.betmygame .pass-head {
background-image: linear-gradient(-180deg, #444 0%, #1E1E1E 100%)
}
.betmygame .pass-head h1 {
top: 3.73333vw;
width: 48vw;
height: 14.93333vw;
background-image: url(/images/mobile/betmygame/logo-betmygame.png);
background-position: center;
margin-left: -24vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.betmygame .pass-head h1 {
top: 2.09895vmax;
width: 26.98651vmax;
height: 8.3958vmax;
margin-left: -13.49325vmax
}
}
.betmygame .form-login dt {
color: #FFF
}
.betmygame .pass-wrap .txt-wrap {
color: #FFF
}
.betmygame .btn-send,
.betmygame .login {
background-image: linear-gradient(-180deg, #FCE657 0%, #F8C537 100%);
border-color: #D3A219;
color: #1E1E1E;
box-shadow: none
}
.betmygame .btn-send.disable,
.betmygame .disable.login {
background-image: linear-gradient(-180deg, #FEF5BC 0%, #FDE9B0 100%);
color: #A5A5A5
}
.betmygame .login:after {
background-image: url('data:image/svg+xml,')
}
.betmygame .state {
color: #dedede
}
body.fancyfair {
background-color: #1E3231;
background-image: linear-gradient(56deg, #121E1D 4%, #1E3231 42%)
}
.fancyfair .pass-head {
background-image: linear-gradient(-180deg, #50996B 0%, #1A5A32 100%)
}
.fancyfair .pass-head h1 {
top: 2.66667vw;
width: 57.06667vw;
height: 16vw;
background-image: url(/images/mobile/fancyfair/logo-fancyfair.png);
background-position: center;
margin-left: -28.53333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.fancyfair .pass-head h1 {
top: 1.49925vmax;
width: 32.08396vmax;
height: 8.9955vmax;
margin-left: -16.04198vmax
}
}
.fancyfair .form-login dt {
color: #FFF
}
.fancyfair .pass-wrap .txt-wrap {
color: #FFF
}
.fancyfair .btn-send,
.fancyfair .login {
background-image: linear-gradient(-180deg, #FFEF7B 0%, #F4D800 100%);
border-color: #FBC30A;
color: #1E1E1E;
box-shadow: none
}
.fancyfair .btn-send.disable,
.fancyfair .disable.login {
background-image: linear-gradient(-180deg, #FFF9C9 0%, #FBF099 100%);
border-color: #FEE79D;
color: #A5A5A5
}
.fancyfair .login:after {
background-image: url('data:image/svg+xml,')
}
.fancyfair .state {
color: #CCCCCC
}
body.maruti {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.maruti .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.maruti .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 17.06667vw;
background-image: url(/images/mobile/maruti/logo-maruti.png);
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.maruti .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 17.06667vw;
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maruti .pass-head h1 {
top: 1.49925vmax;
width: 25.48726vmax;
height: 9.5952vmax;
margin-left: -12.74363vmax
}
}
.maruti .btn-send,
.maruti .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.maruti .btn-send.disable,
.maruti .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.maruti .login:after {
background-image: url('data:image/svg+xml,')
}
.maruti .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.marutibook {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.marutibook .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.marutibook .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 17.06667vw;
background-image: url(/images/mobile/maruti/logo-maruti.png);
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.marutibook .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 17.06667vw;
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.marutibook .pass-head h1 {
top: 1.49925vmax;
width: 25.48726vmax;
height: 9.5952vmax;
margin-left: -12.74363vmax
}
}
.marutibook .btn-send,
.marutibook .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.marutibook .btn-send.disable,
.marutibook .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.marutibook .login:after {
background-image: url('data:image/svg+xml,')
}
.marutibook .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.exchange247 {
color: #222;
background-color: #FFB80C;
background-image: linear-gradient(56deg, #FFCC2E 4%, #FFB80C 42%)
}
.exchange247 input {
border: 1px solid #666
}
.exchange247 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.exchange247 .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
background-image: url(/images/mobile/exchange_247247/logo-exchange_247247.png);
margin-left: -23.73333vw
}
@media (orientation: landscape) {
.exchange247 .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
margin-left: -23.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.exchange247 .pass-head h1 {
top: 1.49925vmax;
width: 26.68666vmax;
height: 8.9955vmax;
margin-left: -13.34333vmax
}
}
.exchange247 .form-login dt {
color: #000
}
.exchange247 .btn-send,
.exchange247 .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.exchange247 .btn-send.disable,
.exchange247 .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.exchange247 .login:after {
background-image: url('data:image/svg+xml,')
}
.exchange247 .state {
color: #222
}
.exchange247 .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.exchange247 .app-qrcode {
background: url(/images/appic-skyexch.png) center no-repeat;
background-size: cover
}
.exchange247 .btn-apk {
color: #FFFFFF
}
body.oceanexch1 {
background-color: #F1592A;
background-image: linear-gradient(56deg, #F7901F 4%, #F1592A 42%)
}
.oceanexch1 .pass-head {
background-image: linear-gradient(-180deg, #fff 0%, #E0E0E0 100%)
}
.oceanexch1 .pass-head h1 {
top: 3.2vw;
width: 42.66667vw;
height: 16vw;
background-image: url(/images/mobile/oceanexch1/logo-login-oceanexch1.png);
margin-left: -21.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.oceanexch1 .pass-head h1 {
top: 1.7991vmax;
width: 23.98801vmax;
height: 8.9955vmax;
margin-left: -11.994vmax
}
}
.oceanexch1 .form-login dt {
color: #FFF
}
.oceanexch1 .pass-wrap .txt-wrap {
color: #FFF
}
.oceanexch1 .btn-send,
.oceanexch1 .login {
background-image: linear-gradient(-180deg, #0A8EFF 15%, #066BC1 100%);
border-color: #156DB2;
color: #FFFFFF;
box-shadow: none
}
.oceanexch1 .btn-send.disable,
.oceanexch1 .disable.login {
background-image: linear-gradient(-180deg, #84C6FF 0%, #82B4DF 100%);
border-color: #83C1F5;
color: #C1DDF5
}
.oceanexch1 .login:after {
background-image: url('data:image/svg+xml,')
}
.oceanexch1 .state {
color: #FFFF00
}
body.oceanbook1 {
background-color: #F1592A;
background-image: linear-gradient(56deg, #F7901F 4%, #F1592A 42%)
}
.oceanbook1 .pass-head {
background-image: linear-gradient(-180deg, #fff 0%, #E0E0E0 100%)
}
.oceanbook1 .pass-head h1 {
top: 3.2vw;
width: 42.66667vw;
height: 16vw;
background-image: url(/images/mobile/oceanbook1/logo-login-oceanbook1.png);
margin-left: -21.33333vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.oceanbook1 .pass-head h1 {
top: 1.7991vmax;
width: 23.98801vmax;
height: 8.9955vmax;
margin-left: -11.994vmax
}
}
.oceanbook1 .form-login dt {
color: #FFF
}
.oceanbook1 .pass-wrap .txt-wrap {
color: #FFF
}
.oceanbook1 .btn-send,
.oceanbook1 .login {
background-image: linear-gradient(-180deg, #0A8EFF 15%, #066BC1 100%);
border-color: #156DB2;
color: #FFFFFF;
box-shadow: none
}
.oceanbook1 .btn-send.disable,
.oceanbook1 .disable.login {
background-image: linear-gradient(-180deg, #84C6FF 0%, #82B4DF 100%);
border-color: #83C1F5;
color: #C1DDF5
}
.oceanbook1 .login:after {
background-image: url('data:image/svg+xml,')
}
.oceanbook1 .state {
color: #FFFF00
}
.wicketslive .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.wicketslive .pass-head h1 {
background-image: url(/images/mobile/9wicketslive/logo-9wicketslive.png)
}
.wicketslive .app-qrcode {
background: url(/images/mobile/9wicketslive/appic-9wickets.png) center no-repeat;
background-size: cover
}
body.probetx {
background-color: #83AE17;
background-image: linear-gradient(56deg, #B3CD20 4%, #83AE17 42%)
}
.probetx input {
border: 1px solid #3E8142
}
.probetx .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.probetx .pass-head h1 {
top: 2.13333vw;
width: 45.33333vw;
height: 16vw;
background-image: url(/images/mobile/probetx/logo-land-probetx.png);
background-position: center;
margin-left: -23.73333vw
}
@media (orientation: landscape) {
.probetx .pass-head h1 {
top: 2.13333vw;
width: 45.33333vw;
height: 16vw;
margin-left: -23.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.probetx .pass-head h1 {
top: 1.1994vmax;
width: 26.68666vmax;
height: 8.9955vmax;
margin-left: -13.34333vmax
}
}
.probetx .form-login dt {
color: #FFF
}
.probetx .pass-wrap .txt-wrap {
color: #FFF
}
.probetx .btn-send,
.probetx .login {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%);
border: #3A6EDE;
color: #FFF;
box-shadow: none
}
.probetx .btn-send.disable,
.probetx .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.probetx .login:after {
background-image: url('data:image/svg+xml,')
}
.probetx .state {
color: #222
}
.probetx .app-qrcode {
background: url(/images/mobile/probetx/appic-probetx.png) center no-repeat;
background-size: cover
}
.probetx .app-ver {
color: #000
}
body.alphaexch {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.alphaexch .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.alphaexch .pass-head h1 {
top: 2.66667vw;
width: 58.66667vw;
height: 16.53333vw;
background-image: url(/images/mobile/alphaexch/logo-alphaexch.png);
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.alphaexch .pass-head h1 {
top: 4vw;
width: 58.66667vw;
height: 16.53333vw;
margin-left: -29.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.alphaexch .pass-head h1 {
top: 1.49925vmax;
width: 32.98351vmax;
height: 9.29535vmax;
margin-left: -16.49175vmax
}
}
.alphaexch .btn-send,
.alphaexch .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.alphaexch .btn-send.disable,
.alphaexch .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.alphaexch .login:after {
background-image: url('data:image/svg+xml,')
}
.alphaexch .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.alphaexchlive {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.alphaexchlive .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.alphaexchlive .pass-head h1 {
top: 2.66667vw;
width: 58.66667vw;
height: 16.53333vw;
background-image: url(/images/mobile/alphaexchlive/logo-alphaexchlive.png);
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.alphaexchlive .pass-head h1 {
top: 4vw;
width: 58.66667vw;
height: 16.53333vw;
margin-left: -29.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.alphaexchlive .pass-head h1 {
top: 1.49925vmax;
width: 32.98351vmax;
height: 9.29535vmax;
margin-left: -16.49175vmax
}
}
.alphaexchlive .btn-send,
.alphaexchlive .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.alphaexchlive .btn-send.disable,
.alphaexchlive .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.alphaexchlive .login:after {
background-image: url('data:image/svg+xml,')
}
.alphaexchlive .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.maxexch9 {
background-color: #11151A;
background-image: linear-gradient(56deg, #212932 4%, #11151A 42%)
}
.maxexch9 .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.maxexch9 .pass-head h1 {
top: 4vw;
width: 45.33333vw;
height: 15.2vw;
background-image: url(/images/mobile/maxexch9/logo-maxexch9-black.png);
margin-left: -21.86667vw
}
@media (orientation: landscape) {
.maxexch9 .pass-head h1 {
top: 4vw;
width: 40vw;
height: 14.13333vw;
margin-left: -20vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maxexch9 .pass-head h1 {
top: 2.24888vmax;
width: 22.48876vmax;
height: 7.94603vmax;
margin-left: -11.24438vmax
}
}
.maxexch9 .form-login dt {
color: #ECCB4B
}
.maxexch9 .btn-send,
.maxexch9 .login {
background-image: linear-gradient(-180deg, #ECCB4B 0%, #AE8903 100%);
border-color: #998A27;
color: #000
}
.maxexch9 .btn-send.disable,
.maxexch9 .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.maxexch9 .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.cftbet365 {
background-color: #FFB80C;
background-image: linear-gradient(56deg, #FFC91A 4%, #FFB80C 42%)
}
.cftbet365 input {
border: 1px solid #666
}
.cftbet365 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.cftbet365 .pass-head h1 {
top: 3.2vw;
width: 45.33333vw;
height: 16vw;
background-image: url(/images/mobile/cftbet365/logo-land-cftbet365.png);
background-position: center;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.cftbet365 .pass-head h1 {
top: 3.2vw;
width: 45.33333vw;
height: 16vw;
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.cftbet365 .pass-head h1 {
top: 1.7991vmax;
width: 25.48726vmax;
height: 8.9955vmax;
margin-left: -12.74363vmax
}
}
.cftbet365 .form-login dt {
color: #000
}
.cftbet365 .pass-wrap .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.cftbet365 .btn-send,
.cftbet365 .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.cftbet365 .btn-send.disable,
.cftbet365 .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.cftbet365 .login:after {
background-image: url('data:image/svg+xml,')
}
.cftbet365 .state {
color: #222
}
.cftbet365 .app-qrcode {
background: url(/images/mobile/cftbet365/appic-cftbet365.png) center no-repeat;
background-size: cover
}
.cftbet365 .app-ver {
color: #000
}
body.crickzoom {
background-color: #83AE17;
background-image: linear-gradient(56deg, #B3CD20 4%, #83AE17 42%)
}
.crickzoom input {
border: 1px solid #3E8142
}
.crickzoom .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.crickzoom .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 16.26667vw;
background-image: url(/images/mobile/crickzoom/logo-land-crickzoom.png);
background-position: center;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.crickzoom .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 16.26667vw;
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickzoom .pass-head h1 {
top: 1.49925vmax;
width: 25.48726vmax;
height: 9.14543vmax;
margin-left: -12.74363vmax
}
}
.crickzoom .form-login dt {
color: #FFF
}
.crickzoom .pass-wrap .txt-wrap {
color: #FFF
}
.crickzoom .btn-send,
.crickzoom .login {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%);
border: #3A6EDE;
color: #FFF;
box-shadow: none
}
.crickzoom .btn-send.disable,
.crickzoom .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.crickzoom .login:after {
background-image: url('data:image/svg+xml,')
}
.crickzoom .state {
color: #222
}
.crickzoom .app-qrcode {
background: url(/images/mobile/crickzoom/appic-crickzoom.png) center no-repeat;
background-size: cover
}
.crickzoom .app-ver {
color: #000
}
body.crickzoomlive {
background-color: #83AE17;
background-image: linear-gradient(56deg, #B3CD20 4%, #83AE17 42%)
}
.crickzoomlive input {
border: 1px solid #3E8142
}
.crickzoomlive .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.crickzoomlive .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 16.26667vw;
background-image: url(/images/mobile/crickzoomlive/logo-land-crickzoomlive.png);
background-position: center;
margin-left: -22.66667vw
}
@media (orientation: landscape) {
.crickzoomlive .pass-head h1 {
top: 2.66667vw;
width: 45.33333vw;
height: 16.26667vw;
margin-left: -22.66667vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickzoomlive .pass-head h1 {
top: 1.49925vmax;
width: 25.48726vmax;
height: 9.14543vmax;
margin-left: -12.74363vmax
}
}
.crickzoomlive .form-login dt {
color: #FFF
}
.crickzoomlive .pass-wrap .txt-wrap {
color: #FFF
}
.crickzoomlive .btn-send,
.crickzoomlive .login {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%);
border: #3A6EDE;
color: #FFF;
box-shadow: none
}
.crickzoomlive .btn-send.disable,
.crickzoomlive .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.crickzoomlive .login:after {
background-image: url('data:image/svg+xml,')
}
.crickzoomlive .state {
color: #222
}
.crickzoomlive .app-qrcode {
background: url(/images/mobile/crickzoomlive/appic-crickzoomlive.png) center no-repeat;
background-size: cover
}
.crickzoomlive .app-ver {
color: #000
}
body.maxinplay {
background-color: #11151A;
background-image: linear-gradient(56deg, #212932 4%, #11151A 42%)
}
.maxinplay .pass-head {
background-image: linear-gradient(-180deg, #E4C93C 0%, #C9A21B 77%)
}
.maxinplay .pass-head h1 {
top: 3.46667vw;
width: 32vw;
height: 15.46667vw;
background-image: url(/images/mobile/maxinplay/logo-maxinplay-black.png);
margin-left: -16vw
}
@media (orientation: landscape) {
.maxinplay .pass-head h1 {
top: 3.46667vw;
width: 32vw;
height: 15.46667vw;
margin-left: -16vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.maxinplay .pass-head h1 {
top: 1.94903vmax;
width: 17.991vmax;
height: 8.69565vmax;
margin-left: -8.9955vmax
}
}
.maxinplay .form-login dt {
color: #ECCB4B
}
.maxinplay .btn-send,
.maxinplay .login {
background-image: linear-gradient(-180deg, #ECCB4B 0%, #AE8903 100%);
border-color: #998A27;
color: #000
}
.maxinplay .btn-send.disable,
.maxinplay .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.maxinplay .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.probet247 {
background-color: #83AE17;
background-image: linear-gradient(56deg, #B3CD20 4%, #83AE17 42%)
}
.probet247 input {
border: 1px solid #3E8142
}
.probet247 .pass-head {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%)
}
.probet247 .pass-head h1 {
top: 1.33333vw;
width: 52.8vw;
height: 18.4vw;
background-image: url(/images/mobile/probet247/logo-land-probet247.png);
background-position: center;
margin-left: -26.93333vw
}
@media (orientation: landscape) {
.probet247 .pass-head h1 {
top: 1.33333vw;
width: 52.8vw;
height: 18.4vw;
margin-left: -26.93333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.probet247 .pass-head h1 {
top: 0.74963vmax;
width: 29.68516vmax;
height: 10.34483vmax;
margin-left: -15.14243vmax
}
}
.probet247 .form-login dt {
color: #FFF
}
.probet247 .pass-wrap .txt-wrap {
color: #FFF
}
.probet247 .btn-send,
.probet247 .login {
background-image: linear-gradient(-180deg, #315195 0%, #14213D 100%);
border: #3A6EDE;
color: #FFF;
box-shadow: none
}
.probet247 .btn-send.disable,
.probet247 .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.probet247 .login:after {
background-image: url('data:image/svg+xml,')
}
.probet247 .state {
color: #222
}
.probet247 .app-qrcode {
background: url(/images/mobile/probet247/appic-probet247.png) center no-repeat;
background-size: cover
}
.probet247 .app-ver {
color: #000
}
body.goexchange {
color: #222;
background-color: #DEB34A;
background-image: linear-gradient(56deg, #CEA133 4%, #DEB34A 42%)
}
.goexchange input {
border: 1px solid #666
}
.goexchange .pass-head {
width: 100%;
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.goexchange .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 27.46667vw;
height: 17.33333vw;
background-image: url(/images/mobile/goexchange/logo-goEX.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.goexchange .pass-head h1 {
width: 15.44228vmax;
height: 9.74513vmax
}
}
.goexchange .form-login dt {
color: #000
}
.goexchange .btn-send,
.goexchange .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.goexchange .btn-send.disable,
.goexchange .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.goexchange .login:after {
background-image: url('data:image/svg+xml,')
}
.goexchange .state {
color: #222
}
.goexchange .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.goexchange .app-qrcode {
background: url(/images/mobile/goexchange/appic-goexch.png) center no-repeat;
background-size: cover
}
.goexchange .app-link .btn-app-android,
.goexchange .app-link .btn-app-ios {
color: #FFFFFF
}
.goexchange .app-ver {
color: #000
}
body.kingfair24 {
background-color: #1E1E1E;
background-image: linear-gradient(56deg, #253526 4%, #1E1E1E 42%)
}
.kingfair24 .pass-head {
background-image: linear-gradient(-180deg, #368D46 0%, #307234 71%)
}
.kingfair24 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 42.66667vw;
height: 15.73333vw;
background-image: url(/images/mobile/kingfair24/logo-kingfair24.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.kingfair24 .pass-head h1 {
width: 23.98801vmax;
height: 8.84558vmax
}
}
.kingfair24 .btn-send,
.kingfair24 .login {
color: #fff;
background-image: linear-gradient(-180deg, #48955B 15%, #38703D 100%);
border-color: #07571D
}
.kingfair24 .btn-send.disable,
.kingfair24 .disable.login {
background-image: linear-gradient(-180deg, #B3D2BB 0%, #AFC6B1 100%);
border-color: #91B89C
}
.kingfair24 .login:after {
background-image: url('data:image/svg+xml,')
}
.kingfair24 .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.sgexch247 {
background-color: #181E19;
background-image: linear-gradient(56deg, #1B3E19 4%, #181E19 42%)
}
.sgexch247 input {
border: 1px solid #666
}
.sgexch247 .pass-head {
background-image: linear-gradient(1deg, #020202 3%, #3C3C3C 99%)
}
.sgexch247 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 29.6vw;
height: 17.33333vw;
background-image: url(/images/mobile/sgexch247/logo-sgexch247.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sgexch247 .pass-head h1 {
width: 16.64168vmax;
height: 9.74513vmax
}
}
.sgexch247 .form-login dt {
color: #FFF
}
.sgexch247 .pass-wrap .txt-wrap {
color: #FFF
}
.sgexch247 .btn-send,
.sgexch247 .login {
background-image: linear-gradient(-180deg, #8FBE17 0%, #466D04 100%);
border: 1px solid #7BBE09;
color: #FFF;
box-shadow: none
}
.sgexch247 .btn-send.disable,
.sgexch247 .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.sgexch247 .login:after {
background-image: url('data:image/svg+xml,')
}
.sgexch247 .state {
color: #CB7808
}
.sgexch247 .support-wrap {
color: #B3CD20
}
.sgexch247 .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.sgexch247 .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.sgexch247 .support-wrap a {
color: #B3CD20
}
.sgexch247 .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.sixball {
background-color: #000;
background-image: linear-gradient(56deg, #1B3E19 4%, #000 42%)
}
.sixball input {
border: 1px solid #666
}
.sixball .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.sixball .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.66667vw;
height: 19.73333vw;
background-image: url(/images/mobile/sixball/logo-6ball.png);
background-position: center;
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sixball .pass-head h1 {
width: 19.49025vmax;
height: 11.09445vmax
}
}
.sixball .form-login dt {
color: #FFF
}
.sixball .pass-wrap .txt-wrap {
color: #FFF
}
.sixball .btn-send,
.sixball .login {
background-image: linear-gradient(-180deg, #8FBE17 0%, #466D04 100%);
border: 1px solid #7BBE09;
color: #FFF;
box-shadow: none
}
.sixball .btn-send.disable,
.sixball .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.sixball .login:after {
background-image: url('data:image/svg+xml,')
}
.sixball .state {
color: #CB7808
}
.sixball .support-wrap {
color: #B3CD20
}
.sixball .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.sixball .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.sixball .support-wrap a {
color: #B3CD20
}
.sixball .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.sixballio {
background-color: #000;
background-image: linear-gradient(56deg, #1B3E19 4%, #000 42%)
}
.sixballio input {
border: 1px solid #666
}
.sixballio .pass-head {
background-image: linear-gradient(-180deg, #3C3C3C 0%, #020202 100%)
}
.sixballio .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 34.66667vw;
height: 19.73333vw;
background-image: url(/images/mobile/sixballio/logo-6ballio.png);
background-position: center;
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.sixballio .pass-head h1 {
width: 19.49025vmax;
height: 11.09445vmax
}
}
.sixballio .form-login dt {
color: #FFF
}
.sixballio .pass-wrap .txt-wrap {
color: #FFF
}
.sixballio .btn-send,
.sixballio .login {
background-image: linear-gradient(-180deg, #8FBE17 0%, #466D04 100%);
border: 1px solid #7BBE09;
color: #FFF;
box-shadow: none
}
.sixballio .btn-send.disable,
.sixballio .disable.login {
background-image: linear-gradient(-180deg, #8CA3D5 0%, #8F99AF 100%);
border-color: #A9C2F8;
color: #BFD0EA
}
.sixballio .login:after {
background-image: url('data:image/svg+xml,')
}
.sixballio .state {
color: #CB7808
}
.sixballio .support-wrap {
color: #B3CD20
}
.sixballio .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.sixballio .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.sixballio .support-wrap a {
color: #B3CD20
}
.sixballio .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.wickets247 {
color: #222;
background-color: #FFB80C;
background-image: linear-gradient(56deg, #FFCC2E 4%, #FFB80C 42%)
}
.wickets247 input {
border: 1px solid #666
}
.wickets247 .pass-head {
background-image: linear-gradient(-180deg, #414141 0%, #000 100%)
}
.wickets247 .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
background-image: url(/images/mobile/9wickets247/logo-9wickets247.png);
margin-left: -23.73333vw
}
@media (orientation: landscape) {
.wickets247 .pass-head h1 {
top: 2.66667vw;
width: 47.46667vw;
height: 16vw;
margin-left: -23.73333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.wickets247 .pass-head h1 {
top: 1.49925vmax;
width: 26.68666vmax;
height: 8.9955vmax;
margin-left: -13.34333vmax
}
}
.wickets247 .form-login dt {
color: #000
}
.wickets247 .btn-send,
.wickets247 .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.wickets247 .btn-send.disable,
.wickets247 .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.wickets247 .login:after {
background-image: url('data:image/svg+xml,')
}
.wickets247 .state {
color: #222
}
.wickets247 .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.wickets247 .app-qrcode {
background: url(/images/mobile/9wickets247/appic-9wickets247.png) center no-repeat;
background-size: cover
}
.wickets247 .btn-apk {
color: #FFFFFF
}
body.crickex {
background-color: #0D7FD6;
background-image: linear-gradient(56deg, #1385B7 4%, #0D7FD6 42%)
}
.crickex .pass-head {
background: #005DAC
}
.crickex .pass-head h1 {
top: 5.86667vw;
width: 58.66667vw;
height: 16.53333vw;
background-image: url(/images/mobile/crickex/logo-crickex.png);
margin-left: -29.33333vw
}
@media (orientation: landscape) {
.crickex .pass-head h1 {
top: 4vw;
width: 58.66667vw;
height: 16.53333vw;
margin-left: -29.33333vw
}
}
@media screen and (min-aspect-ratio: 16 / 9) {
.crickex .pass-head h1 {
top: 3.29835vmax;
width: 32.98351vmax;
height: 9.29535vmax;
margin-left: -16.49175vmax
}
}
.crickex .btn-send,
.crickex .login {
color: #fff;
background: #005DAC;
border-color: #345877
}
.crickex .btn-send.disable,
.crickex .disable.login {
background: #7FADD5;
border-color: #A2CAEC;
color: #fff
}
.crickex .login {
background-image: linear-gradient(1deg, #00325D 3%, #005DAC 99%);
border: 1px solid #00539C;
box-shadow: none
}
.crickex .login:after {
background-image: url('data:image/svg+xml,')
}
.crickex .txt-wrap {
color: rgba(255, 255, 255, 0.6)
}
body.iceEX {
color: #222;
background-color: #DEB34A;
background-image: linear-gradient(56deg, #CEA133 4%, #DEB34A 42%)
}
.iceEX input {
border: 1px solid #666
}
.iceEX .pass-head {
width: 100%;
background-image: linear-gradient(180deg, #281E00 0%, #000 100%)
}
.iceEX .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 35.73333vw;
height: 19.2vw;
background-image: url(/images/mobile/iceEX/logo-login-iceEX.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.iceEX .pass-head h1 {
width: 20.08996vmax;
height: 10.7946vmax
}
}
.iceEX .form-login dt {
color: #000
}
.iceEX .btn-send,
.iceEX .login {
background-image: linear-gradient(-180deg, #464646 15%, #121212 100%);
border-color: #000;
color: #FFB80C
}
.iceEX .btn-send.disable,
.iceEX .disable.login {
background-image: linear-gradient(-180deg, #F6ECC6 0%, #E7DCB4 100%);
border-color: #DBD39F;
color: #999
}
.iceEX .login:after {
background-image: url('data:image/svg+xml,')
}
.iceEX .state {
color: #222
}
.iceEX .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.iceEX .app-qrcode {
background: url(/images/mobile/iceEX/appic-iceEX.png) center no-repeat;
background-size: cover
}
.iceEX .app-link .btn-app-android,
.iceEX .app-link .btn-app-ios {
color: #FFFFFF
}
.iceEX .app-ver {
color: #000
}
body.iceinplay {
background-color: #000;
background-image: linear-gradient(56deg, #333 4%, #000 42%)
}
.iceinplay .pass-head {
background-image: linear-gradient(-180deg, #443A56 0%, #160C28 100%);
background-color: #000
}
.iceinplay .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 35.73333vw;
height: 19.2vw;
background-image: url(/images/mobile/iceinplay/logo-login-iceinplay.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.iceinplay .pass-head h1 {
width: 20.68966vmax;
height: 10.7946vmax
}
}
.iceinplay .form-login dt {
color: #FFF
}
.iceinplay .pass-wrap .txt-wrap {
color: #FFF
}
.iceinplay .btn-send,
.iceinplay .login {
background-image: linear-gradient(-180deg, #FBC30A 0%, #FF9C00 100%);
border-color: transparent;
color: #1E1E1E;
box-shadow: none
}
.iceinplay .btn-send.disable,
.iceinplay .disable.login {
background-image: linear-gradient(-180deg, #FEE79D 0%, #FFD899 100%);
color: #A5A5A5
}
.iceinplay .login:after {
background-image: url('data:image/svg+xml,')
}
.iceinplay .state {
color: #CCCCCC
}
.iceinplay .support-wrap {
color: #CFC9D9
}
.iceinplay .support-wrap>dt {
background-color: rgba(0, 0, 0, 0.8)
}
.iceinplay .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.iceinplay .support-wrap a {
color: #CFC9D9
}
.iceinplay .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.dhoom {
background-color: #C1292E;
background-image: linear-gradient(56deg, #E03D45 4%, #C1292E 42%)
}
.dhoom .pass-head {
background-color: #0E2B90;
background-image: url(/images/mobile/dhoom/head_bg.jpg);
background-repeat: repeat-x;
background-size: cover
}
.dhoom .pass-head h1 {
top: 0.26667vw;
width: 56.8vw;
height: 20vw;
background-image: url(/images/mobile/dhoom/logo-dhoom.png);
background-position: center;
margin-left: -28vw
}
@media screen and (min-aspect-ratio: 16 / 9) {
.dhoom .pass-head h1 {
top: 0.14993vmax;
width: 31.93403vmax;
height: 11.24438vmax;
margin-left: -15.74213vmax
}
}
.dhoom .form-login dt {
color: #FFF
}
.dhoom .pass-wrap .txt-wrap {
color: #FFF
}
.dhoom .btn-send,
.dhoom .login {
background-image: linear-gradient(180deg, #F4D218 15%, #BAA012 100%);
border: 1px solid transparent;
color: #000;
box-shadow: none
}
.dhoom .btn-send.disable,
.dhoom .disable.login {
background-image: linear-gradient(-180deg, #A6E3E0 0%, #99D7D3 100%);
color: #FFFFFF
}
.dhoom .login:after {
background-image: url('data:image/svg+xml,')
}
.dhoom .state {
color: #CCCCCC
}
body.baji {
background: #14805E
}
.baji input {
border: 1px solid #666
}
.baji .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 23.46667vw;
height: 14.66667vw;
background-image: url(/images/mobile/baji/logo-baji.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.baji .pass-head h1 {
width: 13.1934vmax;
height: 8.24588vmax
}
}
.baji .form-login dt {
color: #FFF
}
.baji .pass-wrap .txt-wrap {
color: rgba(255, 255, 255, 0.5)
}
.baji .btn-send,
.baji .login {
background-image: linear-gradient(180deg, #F3DE00 0%, #D0BE00 100%);
border: 1px solid #08571D;
color: #000
}
.baji .btn-send.disable,
.baji .disable.login {
background-image: linear-gradient(180deg, rgba(243, 222, 0, 0.5) 0%, rgba(208, 190, 0, 0.5) 100%);
border: 1px solid rgba(95, 95, 95, 0.5);
color: rgba(0, 0, 0, 0.3)
}
.baji .btn-send.disable:after,
.baji .disable.login:after {
background: url('data:image/svg+xml,') no-repeat
}
.baji .login {
background-image: linear-gradient(180deg, #F3DE00 0%, #D0BE00 100%);
border: 1px solid #08571D;
color: #000;
box-shadow: none
}
.baji .login:after {
background: url('data:image/svg+xml,') no-repeat
}
.baji .state {
color: #CDBC00
}
.baji .support-wrap {
color: #FDFDFD
}
.baji .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.baji .support-wrap a {
color: #CDBC00
}
.baji .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
body.agexch247 {
color: #fff;
background-image: linear-gradient(180deg, #600009 0%, #190004 100%)
}
.agexch247 input {
border: 1px solid #666
}
.agexch247 .pass-head {
width: 100%;
background-image: linear-gradient(180deg, #190004 0%, #000 100%)
}
.agexch247 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 27.46667vw;
height: 17.6vw;
background-image: url(/images/mobile/agEX247/logo-agEX.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.agexch247 .pass-head h1 {
width: 15.44228vmax;
height: 9.89505vmax
}
}
.agexch247 .form-login dt {
color: #fff
}
.agexch247 .btn-send,
.agexch247 .login {
background-image: linear-gradient(180deg, #B90010 0%, #870013 100%);
border-color: #A60000;
color: #fff
}
.agexch247 .btn-send.disable,
.agexch247 .disable.login {
background-image: linear-gradient(-180deg, #BCAAAA 0%, #BCAAAA 100%);
border-color: #aaa;
color: rgba(255, 255, 255, 0.6)
}
.agexch247 .login:after {
background-image: url('data:image/svg+xml,')
}
.agexch247 .state {
color: #D0021B
}
.agexch247 .txt-wrap {
background: rgba(0, 0, 0, 0.8);
color: rgba(255, 255, 255, 0.6)
}
.agexch247 .app-qrcode {
background: url(/images/mobile/agEX247/appic-agEX.png) center no-repeat;
background-size: cover
}
.agexch247 .app-link .btn-app-android,
.agexch247 .app-link .btn-app-ios {
color: #FFFFFF
}
.agexch247 .app-ver {
color: #000
}
.agexch247 .policy-link {
color: rgba(255, 255, 255, 0.5)
}
.agexch247 .policy-link a {
color: rgba(255, 255, 255, 0.7)
}
body.baji365 {
background: #14805E
}
.baji365 input {
border: 1px solid #666
}
.baji365 .pass-head {
background-image: linear-gradient(1deg, #242424 3%, #323232 99%)
}
.baji365 .pass-head h1 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40.53333vw;
height: 12.53333vw;
background-image: url(/images/mobile/baji365/logo-baji365.png);
margin-left: inherit
}
@media screen and (min-aspect-ratio: 16 / 9) {
.baji365 .pass-head h1 {
width: 22.78861vmax;
height: 7.04648vmax
}
}
.baji365 .form-login dt {
color: #FFF
}
.baji365 .pass-wrap .txt-wrap {
color: rgba(255, 255, 255, 0.5)
}
.baji365 .btn-send,
.baji365 .login {
background-image: linear-gradient(180deg, #F3DE00 0%, #D0BE00 100%);
border: 1px solid #08571D;
color: #000
}
.baji365 .btn-send.disable,
.baji365 .disable.login {
background-image: linear-gradient(180deg, rgba(243, 222, 0, 0.5) 0%, rgba(208, 190, 0, 0.5) 100%);
border: 1px solid rgba(95, 95, 95, 0.5);
color: rgba(0, 0, 0, 0.3)
}
.baji365 .btn-send.disable:after,
.baji365 .disable.login:after {
background: url('data:image/svg+xml,') no-repeat
}
.baji365 .login {
background-image: linear-gradient(180deg, #F3DE00 0%, #D0BE00 100%);
border: 1px solid #08571D;
color: #000;
box-shadow: none
}
.baji365 .login:after {
background: url('data:image/svg+xml,') no-repeat
}
.baji365 .state {
color: #CDBC00
}
.baji365 .support-wrap {
color: #FDFDFD
}
.baji365 .support-wrap>dt:before {
background: url('data:image/svg+xml,') center no-repeat;
background-size: contain
}
.baji365 .support-wrap a {
color: #CDBC00
}
.baji365 .support-wrap dl:last-of-type {
border-top: 1px solid rgba(255, 255, 255, 0.1)
}
.yabo101sport .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.yabo101sport .pass-head h1 {
background-image: url(/images/mobile/yabo101sport/logo-yabo101sport.png)
}
.yabo101sport .app-qrcode {
background: url(/images/mobile/yabo101sport/appic-yabo101sport.png) center no-repeat;
background-size: cover
}
.wicketspro .pass-head {
background-image: linear-gradient(-180deg, #FFCC2E 0%, #FFB80C 58%)
}
.wicketspro .pass-head h1 {
background-image: url(/images/mobile/9wicketspro/logo-9wicketspro.png)
}
.wicketspro .app-qrcode {
background: url(/images/mobile/9wicketspro/appic-9wickets.png) center no-repeat;
background-size: cover
}