.container.type7 .login-box .btn-register,.container.type7 .login_icon .text_6231,.container.type7 .login_icon .text_6232{display:none;}
.container.type7 .login_icon{background:url('assets/input-icons.png');}
.container.type7 .lang_icon{background:url('assets/languages.png');}
.container.type7 .hotplay_icon{background:url('assets/games.png');}
.container.type7 .login-box{visibility:visible;}
.container.type7 .login-box,.container.type7 .login-bg{width:100%;height:100%;}
.portrait .container.type7 .login-bg{background:url('assets/source-login-bg1.jpg') no-repeat 60% 0 / 300% 100%}
html[co=kx] .portrait .container.type7 .login-bg{background:url('assets/background.jpg') no-repeat 40% 0 / 300% 100%}
.landscape .container.type7 .login-bg{background:url('assets/source-login-bg1.jpg') no-repeat 0 0 / 100% 100%;}
html[co=kx] .landscape .container.type7 .login-bg{background:url('assets/background.jpg') no-repeat 0 0 / 100% 100%}
.container.type7 .logo{background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;left:50%;transform:translate(-50%,0);}
.portrait .container.type7 .logo{width:57%;height:8%;top:10%;}
.landscape .container.type7 .logo{top:4%;width:40%;height:14%;}
html:is([co=dv],[co=kx],[co=jd],[co=hm],[co=ks],[co="5g"]) .landscape .container.type7 .logo{top:1%;width:29%;height:20%;}
html:is([co=dv],[co=kx],[co=jd],[co=hm],[co=ks],[co="5g"]) .portrait .container.type7 .logo{width:59%;height:13%;top:8%;}
.container.type7 .login-box .hotplay_box{position:absolute;display:flex;justify-content:space-between;width:100%;height:20%;left:0;flex-direction:column;}
.container.type7 .login-box .hotplay_box .title{height:0;width:100%;display:flex;align-items:center;justify-content:center;;}
.container.type7 .login-box .hotplay_box .title::before,.container.type7 .login-box .hotplay_box .title::after{content:'';margin:0 2%;border-top:1px solid #FFF;}
.container.type7 .login-box .hotplay_box .hotplay_content{width:100%;height:90%;display:flex;align-items:center;justify-content:space-around;}
.container.type7 .login-box .hotplay_box .hotplay_item{display:flex;flex-direction:column;align-items:center;justify-content:space-around;}
.container.type7 .login-box .hotplay_box .hotplay_icon{background-repeat:no-repeat;background-size:100% 1000%;width:50%;padding-bottom:40%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game01{background-position:0% 0%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game02{background-position:0% 11.1%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game03{background-position:0% 22.1%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game04{background-position:0% 33.3%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game05{background-position:0% 44.4%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game06{background-position:0% 55.8%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game07{background-position:0% 66.9%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game08{background-position:0% 78%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game09{background-position:0% 89.3%;}
.container.type7 .login-box .hotplay_box .hotplay_icon.game10{background-position:0% 99.9%;}
.container.type7 .login-box .hotplay_box .hotplay_item span{text-align:center;font-weight:bold;color:#e6e6e6;text-shadow:2px 2px 4px rgb(0 0 0 / 100%);}
.portrait .container.type7 .login-box .hotplay_box{height:20%;top:22%;}
.portrait .container.type7 .login-box .hotplay_box .title{font-size:3.6rem;}
.portrait .container.type7 .login-box .hotplay_box .title::before,.portrait .container.type7 .login-box .hotplay_box .title::after{width:25%;}
.portrait .container.type7 .login-box .hotplay_box .hotplay_content{flex-wrap:wrap;}
.portrait .container.type7 .login-box .hotplay_box .hotplay_item{width:21%;height:50%;;}
.portrait .container.type7 .login-box .hotplay_box .hotplay_item span{font-size:3rem;}
.landscape .container.type7 .login-box .hotplay_box{height:21%;top:22%;}
.landscape .container.type7 .login-box .hotplay_box .title{font-size:1.8rem;}
.landscape .container.type7 .login-box .hotplay_box .title::before,.landscape .container.type7 .login-box .hotplay_box .title::after{width:12%;}
.landscape .container.type7 .login-box .hotplay_box .hotplay_content{flex-wrap:nowrap;}
.landscape .container.type7 .login-box .hotplay_box .hotplay_item{width:10%;height:70%;}
.landscape .container.type7 .login-box .hotplay_box .hotplay_item span{font-size:1.5rem;}
.container.type7 .login-box .btn-changelanguage{display:flex;align-items:center;justify-content:space-around;position:absolute;padding:1% 1%;border-radius:8rem;background:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.4));box-shadow:inset 0 2px 5px rgba(255,255,255,0.4), inset 0 -2px 5px rgba(0,0,0,0.3), 0 4px 8px rgba(0,0,0,0.2); font-weight:bold;text-shadow:0 0 4px #000000a0;transition:all 0.2s ease-in-out;}
.container.type7 .login-box .btn-changelanguage:active{transform:translateY(2px) scale(0.98);box-shadow:inset 0 4px 8px rgba(0,0,0,0.5), inset 0 -3px 6px rgba(255,255,255,0.2); background:linear-gradient(to bottom,rgba(0,0,0,0.4),rgba(255,255,255,0.05));}
.container.type7 .login-box .lang_icon{background-size:100% 1200%;background-repeat:no-repeat;}
.container.type7 .login-box .btn-changelanguage.cn .lang_icon{background-position:0% 0%;}
.container.type7 .login-box .btn-changelanguage.tw .lang_icon{background-position:0% 9%;}
.container.type7 .login-box .btn-changelanguage.en .lang_icon{background-position:0% 18%;}
.container.type7 .login-box .btn-changelanguage.th .lang_icon{background-position:0% 27%;}
.container.type7 .login-box .btn-changelanguage.vi .lang_icon{background-position:0% 36%;}
.container.type7 .login-box .btn-changelanguage.ja .lang_icon{background-position:0% 45.5%;}
.container.type7 .login-box .btn-changelanguage.ko .lang_icon{background-position:0% 54.5%;}
.container.type7 .login-box .btn-changelanguage.hi .lang_icon{background-position:0% 63.5%;}
.container.type7 .login-box .btn-changelanguage.ms .lang_icon{background-position:0% 72.5%;}
.container.type7 .login-box .btn-changelanguage.in .lang_icon{background-position:0% 81.9%;}
.container.type7 .login-box .btn-changelanguage.es .lang_icon{background-position:0% 91%;}
.container.type7 .login-box .btn-changelanguage.cn .language-type::after{content:var(--lang-cn)}
.container.type7 .login-box .btn-changelanguage.tw .language-type::after{content:var(--lang-tw)}
.container.type7 .login-box .btn-changelanguage.en .language-type::after{content:var(--lang-en)}
.container.type7 .login-box .btn-changelanguage.th .language-type::after{content:var(--lang-th)}
.container.type7 .login-box .btn-changelanguage.vi .language-type::after{content:var(--lang-vi)}
.container.type7 .login-box .btn-changelanguage.ja .language-type::after{content:var(--lang-ja)}
.container.type7 .login-box .btn-changelanguage.ko .language-type::after{content:var(--lang-ko)}
.container.type7 .login-box .btn-changelanguage.hi .language-type::after{content:var(--lang-hi)}
.container.type7 .login-box .btn-changelanguage.ms .language-type::after{content:var(--lang-ms)}
.container.type7 .login-box .btn-changelanguage.in .language-type::after{content:var(--lang-in)}
.container.type7 .login-box .btn-changelanguage.es .language-type::after{content:var(--lang-es)}
.container.type7 .login-box .btn-changelanguage.ru .language-type::after{content:var(--lang-ru)}
.portrait .container.type7 .login-box .btn-changelanguage{border:.3rem solid rgba(255,255,255,.5);top:3%;right:2%;width:18%;height:3%;}
.portrait .container.type7 .login-box .lang_icon{width:25%;padding-bottom:25%;margin-top:0.3rem;}
.landscape .container.type7 .login-box .btn-changelanguage{border:.2rem solid rgba(255,255,255,.5);top:1.9%;right:2%;width:10.6%;height:3.5%;;}
.landscape .container.type7 .login-box .lang_icon{width:22%;padding-bottom:22%;margin-top:0.3rem;}
.container.type7 .login-box .language-list{position:absolute;display:none;left:0;top:0;width:100%;height:100%;background-color:#080808eb;}
.container.type7 .login-box .language-list.on{display:flex;}
.container.type7 .login-box .language-list .language_box{display:flex;pointer-events:visible;position:absolute;left:5%;top:20%;align-items:center;flex-direction:column; overflow:hidden;background:#212229;}
.container.type7 .login-box .language-list .title{display:flex;align-items:center;justify-content:center;height:10%;width:100%;position:relative;background:linear-gradient(to bottom,#4a4b52,#2e2f35);box-shadow:inset 0 1px 0 rgb(255 255 255 / 10%);}
.container.type7 .login-box .language-list .language_content{display:flex;flex-wrap:wrap;width:100%;}
.container.type7 .login-box .language_list{display:flex;align-items:center;flex-direction:column;position:relative;justify-content:space-around;cursor:pointer;white-space:nowrap;color:#FFF;background-color:rgb(96 96 96 / 50%);}
.container.type7 .login-box .language_list .lang_icon{width:45%;padding-bottom:45%;}
.container.type7 .login-box .language_list.on{color:#705223;background:linear-gradient(#f1e1c4,#e7cca1);}
.container.type7 .login-box .language_list.cn .lang_icon{background-position:0% 0%;}
.container.type7 .login-box .language_list.tw .lang_icon{background-position:0% 9%;}
.container.type7 .login-box .language_list.en .lang_icon{background-position:0% 18%;}
.container.type7 .login-box .language_list.th .lang_icon{background-position:0% 27%;}
.container.type7 .login-box .language_list.vi .lang_icon{background-position:0% 36%;}
.container.type7 .login-box .language_list.ja .lang_icon{background-position:0% 45.5%;}
.container.type7 .login-box .language_list.ko .lang_icon{background-position:0% 54.5%;}
.container.type7 .login-box .language_list.hi .lang_icon{background-position:0% 63.5%;}
.container.type7 .login-box .language_list.ms .lang_icon{background-position:0% 72.5%;}
.container.type7 .login-box .language_list.in .lang_icon{background-position:0% 81.9%;}
.container.type7 .login-box .language_list.es .lang_icon{background-position:0% 91%;}
.container.type7 .login-box .language_list.cn .language-item::after{content:var(--lang-cn)}
.container.type7 .login-box .language_list.tw .language-item::after{content:var(--lang-tw)}
.container.type7 .login-box .language_list.en .language-item::after{content:var(--lang-en)}
.container.type7 .login-box .language_list.th .language-item::after{content:var(--lang-th)}
.container.type7 .login-box .language_list.vi .language-item::after{content:var(--lang-vi)}
.container.type7 .login-box .language_list.ja .language-item::after{content:var(--lang-ja)}
.container.type7 .login-box .language_list.ko .language-item::after{content:var(--lang-ko)}
.container.type7 .login-box .language_list.hi .language-item::after{content:var(--lang-hi)}
.container.type7 .login-box .language_list.ms .language-item::after{content:var(--lang-ms)}
.container.type7 .login-box .language_list.in .language-item::after{content:var(--lang-in)}
.container.type7 .login-box .language_list.es .language-item::after{content:var(--lang-es)}
.container.type7 .login-box .language_list.ru .language-item::after{content:var(--lang-ru)}
.container.type7 .login-box .language-list .language_close_btn{top:2.5%;position:absolute;background:url(assets/source-close.png) no-repeat center center / contain;right:3%;}
.container.type7 .login-box .language-list .confirm_btn{white-space:nowrap;cursor:pointer;background:radial-gradient(circle,#5a8fff,#2a5fcc);border-radius:5rem;display:flex;align-items:center;justify-content:center; box-shadow:inset 0 -3px 6px rgba(0,0,0,0.25),0 2px 0 rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.18);transition:all 0.3s ease;}
.container.type7 .login-box .language-list .confirm_btn:active{transform:translateY(2px);box-shadow:inset 0 3px 6px rgba(0,0,0,0.3),inset 0 -1px 2px rgba(255,215,140,0.2),0 2px 4px rgba(109,78,35,0.4);}
html:is([co=dv],[co=kx],[co=jd],[co=hm],[co=ks],[co="5g"]) .container.type7 .login-box .language-list .confirm_btn{background:radial-gradient(circle,#af8444,#8a672c);}
.portrait .container.type7 .login-box .language-list .language_box{border-radius:2rem;width:90%;height:60%;}
.landscape .container.type7 .login-box .language-list .language_box{border-radius:1rem;width:60%;height:80%;left:20%;top:10%;}
.portrait .container.type7 .login-box .language-list .title{font-size:4rem;}
.portrait .container.type7 .login-box .language-list .language_close_btn{padding-bottom:5.5%;width:5.5%;}
.portrait .container.type7 .login-box .language-list .language_content{height:78%;padding:3% 0;}
.portrait .container.type7 .login-box .language_list{height:25%;width:20%;margin:2% 2.5% 2%;}
.portrait .container.type7 .login-box .language_list .language-item{font-size:3rem;border-radius:1rem;}
.portrait .container.type7 .login-box .language-list .confirm_btn{padding:1.5% 9%;font-size:3rem;}
.landscape .container.type7 .login-box .language-list .title{font-size:2rem;}
.landscape .container.type7 .login-box .language-list .language_close_btn{padding-bottom:4%;width:4%;}
.landscape .container.type7 .login-box .language-list .language_content{height:77%;padding:2% 0;align-items:center;}
.landscape .container.type7 .login-box .language_list{height:37%;width:14.6%;margin:1%;}
.landscape .container.type7 .login-box .language_list .language-item{font-size:1.5rem;border-radius:.5rem;}
.landscape .container.type7 .login-box .language-list .confirm_btn{padding:1% 5%;font-size:2rem;}
.portrait .container.type7 .login-box .version-box{bottom:1%;color:#fff;font-size:3rem;left:1%;position:absolute;}
.landscape .container.type7 .login-box .version-box{bottom:1%;color:#fff;font-size:1.5rem;left:1%;position:absolute;}
.container.type7 .login-box .contain_box{position:absolute;transform:translate(-50%,0);left:50%;display:flex;}
.container.type7 .login-box .contain_left_box{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;background-color:#ffffff1a;border-radius:3rem 0 0 3rem;}
.landscape .container.type7 .login-box .contain_left_box{border-radius:2rem 0 0 2rem;}
.portrait .container.type7 .login-box .contain_box{width:90%;height:53%;top:43%;border-radius:2rem;}
.portrait .container.type7 .login-box .contain_left_box{width:83%;}
.portrait .container.type7 .login-box .contain_box .title{font-size:6rem;display:none;}
.landscape .container.type7 .login-box .contain_box{width:57%;height:56%;top:42%;border-radius:1.5rem;flex-direction:column;flex-wrap:wrap;justify-content:space-between;}
.landscape .container.type7 .login-box .contain_left_box{width:80%;}
.landscape .container.type7 .login-box .contain_box .title{display:none;}
.container.type7 .login-box .id_box,.container.type7 .login-box .password_box{background:rgba(0,0,0,.55);border-radius:6rem;display:flex;align-items:center;}
.container.type7 .login-box .id_box .icon,.container.type7 .login-box .password_box .icon{margin:0 6%;background-repeat:no-repeat;background-position:0 0;background-size:900% 100%;width:8%;padding-bottom:8%;}
.container.type7 .login-box .password_box .icon{background-position:14.4% 0%;}
.container.type7 .login-box .id_box .form_control,.container.type7 .login-box .password_box .form_control{height:100%;width:63%;color:#FFF;display:none;}
.container.type7.lang-cn .login-box .form_control.lang-cn{display:inline-block;}
.container.type7.lang-tw .login-box .form_control.lang-tw{display:inline-block;}
.container.type7.lang-en .login-box .form_control.lang-en{display:inline-block;}
.container.type7.lang-th .login-box .form_control.lang-th{display:inline-block;}
.container.type7.lang-vi .login-box .form_control.lang-vi{display:inline-block;}
.container.type7.lang-ja .login-box .form_control.lang-ja{display:inline-block;}
.container.type7.lang-ko .login-box .form_control.lang-ko{display:inline-block;}
.container.type7.lang-in .login-box .form_control.lang-in{display:inline-block;}
.container.type7.lang-hi .login-box .form_control.lang-hi{display:inline-block;}
.container.type7.lang-ms .login-box .form_control.lang-ms{display:inline-block;}
.container.type7.lang-es .login-box .form_control.lang-es{display:inline-block;}
.container.type7.lang-ru .login-box .form_control.lang-ru{display:inline-block;}
.container.type7 .login-box .contain_item{display:flex;align-items:center;justify-content:space-between;width:85%;height:10%;}
.container.type7 .login-box .password_box .eye{margin:0 3%;background-repeat:no-repeat;background-position:52% 0;background-size:900% 200%;width:8%;padding-bottom:5%;}
.container.type7 .login-box .password_box .eye.on{background-position:67.5% 0;}
.portrait .container.type7 .login-box .id_box,.portrait .container.type7 .login-box .password_box{width:85%;height:12%;}
.portrait .container.type7 .login-box .contain_item{width:85%;height:10%;}
.landscape .container.type7 .login-box .id_box,.landscape .container.type7 .login-box .password_box{width:80%;height:18%;}
.landscape .container.type7 .login-box .contain_item{width:80%;height:15%;}
.container.type7 .login-box .remember_password{display:flex;align-items:center;width:56%;height:100%;font-size:3.5rem;white-space:nowrap;}
.container.type7 .login-box .remember_password input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);}
.container.type7 .login-box .remember_password input[type="checkbox"]+label{position:relative;height:100%;display:flex;align-items:center;flex:1;}
.container.type7 .login-box .remember_password input[type="checkbox"]+label span{order:-1;}
.portrait .container.type7 .login-box .remember_password{font-size:3.5rem;}
.landscape .container.type7 .login-box .remember_password{font-size:1.8rem;}
.container.type7 .login-box .remember_password input[type="checkbox"]+label::before{content:"";margin-left:5%;transition:all 0.25s ease-in-out 0s;position:relative;background-color:#00000080;border-radius:6rem;}
.portrait .container.type7 .login-box .remember_password input[type="checkbox"]+label::before{width:33%;height:64%;}
.landscape .container.type7 .login-box .remember_password input[type="checkbox"]+label::before{width:32%;height:70%;}
.container.type7 .login-box .remember_password input[type="checkbox"]+label::after{content:"";height:54%;transition:all 0.25s ease-in-out 0s;position:absolute;background:linear-gradient(to right,#b7b7b7,#a0a0a0 23%,#b5b5b5 50%,white);border-radius:50%;}
.container.type7 .login-box .remember_password input[type="checkbox"]:checked+label::before{box-shadow:0 0 100px #598fff inset;}
html:is([co=dv],[co=kx],[co=jd],[co=hm],[co=ks],[co=jb2],[co="5g"]) .container.type7 .login-box .remember_password input[type="checkbox"]:checked+label::before{box-shadow:0 0 100px #927c58 inset;}
.portrait .container.type7 .login-box .remember_password input[type="checkbox"]+label::after{width:14%;right:15%;}
.portrait .container.type7 .login-box .remember_password input[type="checkbox"]:checked+label::after{right:2%;}
.landscape .container.type7 .login-box .remember_password input[type="checkbox"]+label::after{width:12%;right:16%;}
.landscape .container.type7 .login-box .remember_password input[type="checkbox"]:checked+label::after{right:2%;}
.container.type7 .login-box .btn-guest{white-space:nowrap;display:flex;align-items:center;justify-content:center;border:0.2rem solid #ffffff73;border-radius:3.5rem;padding:1.5% 5%;color:#fff;font-size:4rem;cursor:pointer;background:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.4));box-shadow:inset 0 2px 5px rgba(255,255,255,0.4),inset 0 -2px 5px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;font-weight:bold;}
.container.type7 .login-box .btn-guest:active{box-shadow:inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.4),inset -0.2rem -0.2rem 0.5rem rgba(255,255,255,0.05);transform:translateY(1px);}
.portrait .container.type7 .login-box .btn-guest{padding:2% 5%;font-size:3.5rem;}
.landscape .container.type7 .login-box .btn-guest{padding:1.5% 4%;font-size:1.8rem;}
.container.type7 .login-box .btn-login{display:none;align-items:center;justify-content:center;background:radial-gradient(circle,#5a8fff,#2a5fcc);border-radius:8rem;box-shadow:inset 0 -3px 6px rgba(0,0,0,0.25),inset 0 2px 4px rgba(255,255,255,0.3),0 2px 0 rgba(0,0,0,0.15),0 8px 16px rgba(0,0,0,0.18);transition:all 0.3s ease;}
.container.type7 .login-box .btn-login:active{transform:translateY(2px);box-shadow:inset 0 3px 6px rgba(0,0,0,0.3),inset 0 -1px 2px rgba(255,215,140,0.2),0 2px 4px rgba(109,78,35,0.4);}
html:is([co=dv],[co=kx],[co=jd],[co=hm],[co=ks],[co=jb2],[co="5g"]) .container.type7 .login-box .btn-login{background:radial-gradient(circle,#af8444,#8a672c);}
.portrait .container.type7 .login-box .btn-login{width:85%;height:10rem;font-size:4rem;}
.landscape .container.type7 .login-box .btn-login{width:80%;height:13%;font-size:1.8rem;}
.container.type7 .login-box .btn-register{width:85%;height:12%;border:0.2rem solid #ffffff73;border-radius:8rem;color:#fff;font-size:4rem;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:inset 0 2px 5px rgba(255,255,255,0.4),inset 0 -2px 5px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);text-shadow:0 0 0.5rem #000000b0,0 0 0.3rem #000000a3,0 0 1rem #ffffff33;transition:all 0.2s ease-in-out;font-weight:bold;display:none;}
.container.type7 .login-box .btn-register:active{transform:translateY(1px) scale(0.95);background:linear-gradient(to bottom,#065f46,#34d399);box-shadow:inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.4),inset -0.2rem -0.2rem 0.5rem rgba(255,255,255,0.05);}
.portrait .container.type7 .login-box .btn-register{width:85%;height:12%;font-size:4rem;}
.landscape .container.type7 .login-box .btn-register{width:80%;height:13%;font-size:1.8rem;}
.container.type7 .login-box .btn-register.on{display:flex;}
.container.type7 .login-box .downloadapp{border:0.2rem solid #ffffff73;border-radius:5rem;padding:2% 5%;color:#fff;font-size:3.5rem;display:none;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(0,0,0,0.4));box-shadow:inset 0 2px 5px rgba(255,255,255,0.4),inset 0 -2px 5px rgba(0,0,0,0.3),0 4px 8px rgba(0,0,0,0.2);text-shadow:0 0 0.5rem #000000b0,0 0 0.3rem #000000a3,0 0 1rem #ffffff33;transition:all 0.2s ease-in-out;font-weight:bold;}
.container.type7 .login-box .downloadapp:active{box-shadow:inset 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.4),inset -0.2rem -0.2rem 0.5rem rgba(255,255,255,0.05);transform:translateY(1px);}
.landscape .container.type7 .login-box .downloadapp{font-size:1.8rem;padding:1.5% 4%;}
.container.type7 .login-box .downloadapp.on{display:flex;}
.container.type7 .login-box .contain_right_box{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000066;border-radius:0 3rem 3rem 0;}
.landscape .container.type7 .login-box .contain_right_box{border-radius:0 2rem 2rem 0;}
.container.type7 .login-box .contain_right_box i{background-position:30% 0;background-repeat:no-repeat;background-size:500% 100%;}
.container.type7 .login-box .contain_right_box span{text-align:center;color:#FFF;;}
.portrait .container.type7 .login-box .contain_right_box{font-size:5rem;height:100%;width:17%;font-size:5rem;}
.portrait .container.type7 .login-box .contain_right_box span{-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr;letter-spacing:2rem;}
.portrait .container.type7 .login-box .contain_right_box i{width:61%;padding-bottom:35%;margin-bottom:20%;}
.portrait .container.type7 .login-box .contain_right_box.download_app{display:none;}
.landscape .container.type7 .login-box .contain_right_box{width:20%;height:100%;font-size:1.5rem;}
.landscape .container.type7 .login-box .contain_right_box.download_app{display:none;}
.landscape .container.type7 .login-box .contain_right_box span{-webkit-writing-mode:initial;writing-mode:initial;}
.landscape .container.type7 .login-box .contain_right_box i{width:52%;padding-bottom:30%;margin-bottom:17%;}
.landscape .container.type7 .login-box .contain_right_box.download_app i{width:35%;padding-bottom:54%;background:url('assets/source-download.png') no-repeat center / contain;}
.portrait .container.type7 .lang_icon{width:21%;padding-bottom:21%;}
html[co=kx] .container.type7 .login-box .hotplay_box{}
.container.type7 .language-type{color:#FFF;}
.portrait .container.type7 .language-type{font-size:3rem;margin-bottom:0.3rem;}
.landscape .container.type7 .language-type{font-size:1.8rem;margin-bottom:0.3rem;}