* {padding: 0;margin: 0;border: 0;font-family: Microsoft YaHei; }
:root {--yellow: #ff8a00;--wrap_W: 80rem;}
html,body {width: 100%;background-color: #eff3f5;overflow-x: hidden !important;overflow-y: overlay !important;}
body::-webkit-scrollbar {width: 6px !important;height: 6px !important;}
body::-webkit-scrollbar-thumb {background-color: #0003;border-radius: 10px;transition: all 0.2s ease-in-out;}
body::-webkit-scrollbar-thumb:hover {background-color: rgba(178, 178, 178, 1);}
body::-webkit-scrollbar-track {border-radius: 10px;}
.scroll-bar::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}
.scroll-bar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.scroll-bar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.scroll-bar::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.wrap {width: var(--wrap_W);margin: 0 auto;}
i{font-style: normal;}
div {box-sizing: border-box;}
a {color: #333;text-decoration: none;}
a::-webkit-any-link:focus-visible {outline: 0px;}
input {outline: none;}
img {display: block;width: 100%;}
video {display: block;outline: none;}
ul li {list-style: none;}
.w_100 {width: 100%;}
.h_100 {height: 100%;}
.border_box {box-sizing: border-box;}
.flex {display: flex;}
.flex_1 {flex: 1;}
.flex_wrap {flex-wrap: wrap;}
.flex_column {flex-direction: column;}
.align_center {align-items: center;}
.align_start {align-items: flex-start;}
.align_end {align-items: flex-end}
.flex_center {justify-content: center;}
.flex_between {justify-content: space-between;}
.flex_around {justify-content: space-around;}
.flex_evenly {justify-content: space-evenly;}
.flex_end {justify-content: flex-end;}
.el-loading-mask {z-index: 8;}
.hide_line1 {overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap;line-height: 1.3;}
.txt_hide {display: -webkit-box;overflow: hidden;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;line-height: 1.3;}
.line_2 {-webkit-line-clamp: 2;}
.el-button {border: none;}
.clearfix::after {content: "";clear: both;display: block;overflow: hidden;visibility: hidden;}
.fit-cover {height: 100%;object-fit: cover;}
.fit-contain {height: 100%;object-fit: contain;}
.cp {cursor: pointer;}
.select_none {user-select: none;}
.drag_none {-webkit-user-drag: none;}
#nprogress .bar {background: var(--yellow) !important;}
.header-bar-height {height: 6.88rem;}
.fadeIn {opacity: 1;transition: opacity 0.3s;}
.fadeOut {opacity: 0;transition: opacity 0.3s;}
.fade-in {animation: fadeIn 0.5s ease-in;}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.w_80{width: 80rem;margin: 0 auto;}
.mb_40{margin-bottom: 2.5rem;}

.header {width: 100vw;height: 5rem;z-index: 99;background: var(--background);position: fixed;top: 0;left: 0;}
.wrap {width: 80rem;position: relative;}
.header .wrap .logo {width: 8rem;height: 2.81rem;margin-right: 5rem;}
.header .wrap .nav-link {position: relative;font-size: 1rem;padding: 0 .5rem;margin-left: 2.81rem;font-weight: 400;z-index: 2;}
.header .wrap .nav-link:first-child {margin-left: 0;}
.header .nav-link .link {white-space: nowrap;color: #fff;}
.wrap.content {margin-top: 6.88rem;margin-bottom: 2.5rem;}
.header .wrap .nav-link:hover a{color: #ff8a00;}
.header .wrap .nav-link.active a{color: #ff8a00;}
.header .download-btn {font-size: 1rem;color: #fff;padding: 0 1rem;height: 2.63rem;border: 2px solid #fff;-webkit-border-radius: 1.31rem;border-radius: 1.31rem;margin-left: 3rem;}
.header .download-btn .txt{color: #fff;}
.header .nav-link .line {position: absolute;opacity: 0;left: 50%;bottom: 0;height: .38rem;-webkit-border-radius: .19rem;border-radius: .19rem;background-color: #ff8a00;transition: all .3s;-o-transition: all .3s;transition: all .3s;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.header .nav-link.active .line {opacity: 1;width: 51px;}
.footer {position: relative;padding: .75rem 0;background-color: #222;z-index: 1;}
.footer p{text-align: center;color: #999;}
.footer .tip {margin: 0 auto;text-align: center;font-size: 0.88rem;color: #999999;line-height: 1.7; }
.footer a {font-size: 0.88rem;color: #999;}
.footer  .footer-content >.flex {margin-bottom: 4.38rem;}
.footer .logo{ width: 14.13rem;height: 4.88rem;}
.footer .logo .aisle{position: relative;text-align: center;}
.footer .logo .aisle .item{font-size: 1rem;margin-bottom: 1.5rem;}
.footer .logo .aisle .item span{color: #ffffff;}
.footer .logo .aisle .item:last-child{margin-bottom: 0;}
.footer .line {width: 1px;height: 10.25rem;background: #5d5d5d;}
.footer .title{font-size: 0.88rem;color: #999999;margin-bottom: 1.38rem;}


.footer .download-client {position: relative;text-align: center;}
.footer .download-client .btn {width: 8.25rem; height: 2.63rem; color: white; padding: 0 0.63rem; background-color: #444444; margin: 0 auto 0.94rem;}
.footer .download-btn .btn:last-child{margin-bottom: 0;}
.footer .footer-content .download-client .icon {width: 1.38rem;height: 1.38rem;margin-right: 0.5rem;}
.footer .qrcode-box .qrcode {width: 8.75rem;height: 8.75rem;margin-bottom: 1.44rem;border: 1px solid #fff;background-color: white;}
.footer .qrcode-box  .desc {font-size: 1.13rem;color: #ffffff;text-align: center;}
.footer .footer-content .aisle .item{font-size: 1rem;margin-bottom: 1.5rem;}
.footer .footer-content .aisle .item span{color: #fff;}
.footer_other p a{margin-right: 4rem;margin-left: 4rem;}
.footer_other p{margin-bottom: .2rem;}
.footer_other p a:last-child{margin-right: 0;}
.footer_other p a:first-child{margin-left: 0;}

.login_reg_toast{position: fixed;width: 100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 1000;background: rgba(0,0,0,0.4);}
.login_reg_toast .content{position: relative;width: 25rem;height: 32.5rem;background: #FFFFFF;border-radius: 0.25rem;padding: 3.75rem;box-sizing: border-box;}
.login_reg_toast .content .close{position: absolute;top: 1rem;right: 1rem;background: url(//images.sooyooj.com/20220825/SvT5DCtYXaBbRsic.png) no-repeat;width: 20px;height: 20px;}
.login_reg_toast .content .login_header{margin-bottom: 2.88rem;}
.login_reg_toast .content .login_header .login_header_item{position: relative;color: #222;font-size: 1.13rem;margin-right: 1.25rem;}
.login_reg_toast .content .login_header .login_header_item.active::after{content: '';position: absolute;display: block;width: 3.38rem;height: .38rem;background: #FF8A00;border-radius: 0.19rem;bottom: -.7rem;}
.login_reg_toast .content .login_header .login_header_item.active{font-weight: bold;}
.login_reg_toast .content .text_box{margin-bottom: 1.3rem;}
.login_reg_toast .content .text_box .input{width: 100%;height: 3rem;padding-left:0.88rem;position: relative;margin-bottom: 1.25rem;;border: 1px solid #D2D8DE;}
.login_reg_toast .content .text_box .input span{margin-right:0.56rem;display: block;font-size: 0.88rem;color: #666666;}
.login_reg_toast .content .text_box .input input{display:block;width: 100%;height: 100%;border: none;font-size: 0.88rem;color: #222222;}
.login_reg_toast .content .text_box .input:focus{border-color: #FF8A00;}
.login_reg_toast .content .text_box .input .code{position: absolute;right: 0;top: 0;width: 6.13rem;height: 100%;text-align: center;line-height: 3rem;background:#EBEBEB;color: 0.88rem;color: #222222;}
.userAgreement{}
.userAgreement .radio.act{background: url('//images.sooyooj.com/20240508/4vFzvDwuC1W6RDvW.png') no-repeat;background-size: 100% 100%;}
.userAgreement .radio{width: 1rem;height: 1rem;background: #E9EEF1;border-radius: 0.13rem;margin-right: .5rem;}
.userAgreement .textRadio{font-size: 0.88rem;color: #333333;}
.userAgreement span{font-size: 0.88rem;color: #FF8C02;}
.login_reg_toast .btn{width:100%;height: 3rem;background: linear-gradient(90deg, #FFAE00 0%, #FF8A00 100%);box-shadow: 0rem 1rem 1rem 0rem rgba(255,162,0,0.4);border-radius: 0.31rem;margin-top: 1.25rem;margin-bottom:1.5rem;text-align: center;line-height: 3rem;font-size: 1rem;color: #fff;}
.login_reg_toast .other_method{}
.login_reg_toast .other_method .text{font-size: 0.88rem;color: #FF8A00;}
.login_reg_toast .other_method .text:last-child{position: relative;font-size: 0.88rem;color: #999999;margin-left: 3.06rem;}
.login_reg_toast .other_method .text:last-child::after{content: '|';display: block;position: absolute;left:-1.5rem;top: 0;color: #D2D8DE;font-size: .8rem;}
.login_reg_toast .third_party{margin-top: 2.64rem;}
.login_reg_toast .third_party .wx,.login_reg_toast .third_party .qq{font-size:1rem;border-radius: 1.13rem;width: 7.88rem;height: 2.25rem;}
.login_reg_toast .third_party .wx{background: #E2F5EC;color: #2FB477;margin-right: 1rem;}
.login_reg_toast .third_party .qq{background: #E6EFF7;color: #50A1F4;}
.login_reg_toast .third_party .wx img{width: 20px;height:20px;}
.login_reg_toast .third_party .qq img{width: 20px;height:20px;}
.login_reg_toast .third_party .wx span,.login_reg_toast .third_party .qq span{margin-left: 6px;}
.login_reg_toast .contentReg{position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;width: 50rem;height: 50rem;padding-top:1.8rem;background: url(//images.sooyooj.com/20240927/05RgSsXFACjfxDQ0.png) no-repeat;background-size:100% 100%;}
.login_reg_toast .contentReg .reg{width: 25.56rem;height: 38.69rem;padding: 0 3.69rem;margin: 0 auto;margin-top: 7.6rem;position: relative;} 
.login_reg_toast .reg .title{width: 17.38rem;height: 1.88rem;background: url('//img158.sooyooj.com/20210111/qzJZhpE0uhvvWNvT.png') no-repeat;background-size: 100% 100%;margin: 0 auto;}
.login_reg_toast .reg .close_reg{width: 30px;height: 30px;background: url(//images.sooyooj.com/20220714/oE3OpI6jOt2bPnKQ.png) no-repeat;background-size:100% 100%;position: absolute;top: -50px;right: -40px;}
.login_reg_toast .title_desc{font-weight: 700;font-size: 1.4rem;box-sizing: border-box;margin-top: 3.06rem;color: #672614;margin-bottom: 2.25rem;}
.login_reg_toast .input_visitor{}
.login_reg_toast .input_visitor.active .input p{color: #fff;}
.login_reg_toast .landscapets,.login_reg_toast .landscape_other{display: none;}
.login_reg_toast .input_visitor .input{width: 100%;height: 2.38rem;padding-right:.2rem;background: var(--bg) no-repeat;background-size:100% 100%;margin-bottom: 1.5rem;position: relative;}
.login_reg_toast .input_visitor .input p{font-size: 1rem;color: #fff;width: 5.69rem;padding-left: .75rem;margin-right: 1rem;}
.login_reg_toast .input_visitor .input input{border: none;box-sizing: border-box;width: 11.5rem;font-size: 1rem;}
.login_reg_toast .input_visitor .input .code{position: absolute;right: .88rem;color: #2B85FF;top: 50%;transform: translateY(-50%);font-size: 0.88rem;}
.login_reg_toast .desc_ts{color: #d22;margin-top: 1rem;margin-bottom: 1rem;font-size: 1rem;font-weight: 400;}
.login_reg_toast .btn_fast{width: 13.63rem;height: 5.38rem;margin: 0 auto;background: url(//images.sooyooj.com/20240927/On5W6wHe7zvs3Xcp.png);background-size: 100% 100%;}
.login_reg_toast .other_line{text-align: center;color: #bcbcbb;font-size: 1rem;position: relative;}
.login_reg_toast .other_line::after{position: absolute;content:'';display:block;width: 25%;height: 1px;top: 50%;left: 0px;background: #bcbcbb;}
.login_reg_toast .other_line::before{position: absolute;content: '';display:block;width: 25%;height: 1px;top: 50%;right: 0;background: #bcbcbb;}
.login_reg_toast .reg .title_nav{margin-top: 3.06rem;margin-bottom: 2.25rem;}
.login_reg_toast .reg .title_nav .navs{font-size: 1.13rem;color:#999999;position: relative;margin-right: 1.7rem;}
.login_reg_toast .reg .title_nav .navs:last-child{margin-right: 0;}
.login_reg_toast .reg .title_nav .navs.active{color:#672614;font-weight: bold;}
.login_reg_toast .reg .title_nav .navs.active::after{content: '';display: block;width: 2.13rem;height: 0.25rem;background: #672614;border-radius: 0.13rem;position: absolute;bottom: -.4rem;left: 50%;margin-left: -1.015rem;}

.login_reg_toast .other_list{width: 100%;margin-top: 1rem;}
.login_reg_toast .other_list .other_item{}
.login_reg_toast .other_list .other_item .other_icon{width: 32px;height: 32px;margin: 0 auto;}
.login_reg_toast .other_list .other_item .other_text{font-size: 1rem;}
.login_reg_toast .other_list .other_item:nth-of-type(1){color: #fb7e1a;}
.login_reg_toast .other_list .other_item:nth-of-type(2){color: #5fbaf3;}
.login_reg_toast .other_list .other_item:nth-of-type(3){color: #24c643;}

.visitor_wrap{position: fixed;top: 0;right: 0;left: 0;bottom: 0;background:rgba(0,0,0,0.4);z-index: 999;}
.visitor_wrap .visitor{width: 80rem;position: relative;}
.visitor_wrap .visitor .media{width: 100%;height: auto;position: relative;}
.visitor_wrap .visitor .media .video{height: 100%;width: 100%;display: block;position: relative;z-index: 999;}
.visitor_wrap .visitor .media .video video{display: block;width: 100%;height: 100%;max-height: 40rem;}
.visitor_wrap .visitor .media .visitor_img{display: block;width: 100%;height: 100%;position: absolute;z-index: 998;top: 0;left: 0;max-height:40rem;}
.visitor_wrap .visitor .media .visitor_img img{width: 100%;height: 100%;}
.visitor_wrap .visitor .media .visitor_img.active{position: relative;}
.visitor_wrap .gameinfo_wrap{background: #fff;width: 100%;height: 14.8rem;overflow: hidden;border-radius: 0 0 1.25rem 1.25rem;}
.visitor_wrap .gameinfo_wrap.active{width: 100%;height: 13.8rem;}
.visitor_wrap .gameinfo_wrap .gameinfo{padding-top: 1rem;padding-left: 1.9rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info{margin-bottom: .33rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .icon{width: 4.68rem;height: 4.68rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction{margin-left: .6rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .subject{color: #222;font-size: 1.31rem;font-weight: bold;margin-bottom: .38rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .tags{}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .tags span{display: block;padding: .1rem .5rem;font-size: .81rem;border-radius: 0.19rem;border: 0.06rem solid rgba(149,207,102,0.5);font-weight: bold;color: #5CAB45;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .tags span:first-child{margin-right: .25rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .tags span:last-child{color: #FF8D21;border-color: #FF8D21;}
.visitor_wrap .gameinfo_wrap .gameinfo .info .desction .playnum{color: #666666;font-size: .88rem;margin-top: .44rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .grade{font-weight: bold;font-size: 1.38rem;color: #3C3C3C;margin-right: .25rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .grade img{width: 1.38rem;height: 1.38rem;margin-right: .25rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .server{margin-top: .4rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .server .server_title{font-weight: bold;font-size: 0.88rem;color: #333333;margin-bottom: .3rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .server .server_time{font-size: 0.75rem;color: #999999;}
.visitor_wrap .gameinfo_wrap .gameinfo .server .server_time span:last-child{color: #368FFF;margin-left: .38rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .playtimer .play_user p{font-size: 0.75rem;color: #368FFF;}
.visitor_wrap .gameinfo_wrap .gameinfo .playtimer .play_user p img{width: .88rem;height: .88rem;margin-right: .2rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .playtimer .play_user p:last-child{color: #2CB56F;}
.visitor_wrap .gameinfo_wrap .gameinfo .playtimer .play_user p:last-child img{width: .78rem;height:.88rem;}
.visitor_wrap .gameinfo_wrap .gameinfo .lasttimer{font-size: 0.75rem;color: #666666;margin-top: .56rem;}
.visitor_wrap .register_card{padding-top: .8rem;margin-right: 5.26rem;margin-left: 5.26rem;}
.visitor_wrap .register_card .card_titile{font-size: 1rem;color: #3C3C3C;margin-bottom: .8rem;}
.visitor_wrap .register_card .card_titile span:last-child{font-size: 0.75rem;color: #EE5344;margin-left: .25rem;}
.visitor_wrap .visitor_first .card_item{width:15rem;height:4.5rem;margin-bottom: .88rem;}
.visitor_wrap .visitor_first .card_attr{width: 12.13rem;height: 9.94rem;}
.register_visitor{padding-top: 1rem;}
.register_visitor .reg_other{margin-bottom: .88rem;}
.register_visitor .reg_other .reg_title{font-size: 1rem;color: #3C3C3C;}
.register_visitor .reg_other .reg_dec{font-size: 0.75rem;color: #EE5344;}
.register_visitor .reg_other .others{width: 1.5rem;height: 1.5rem;margin-right: .98rem;}
.register_visitor .reg_other .reg_wx{background: url(data:image/png;base64,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) no-repeat;
background-size: 100% 100%;margin-left: .75rem;}
.register_visitor .reg_other .reg_qq{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAABJxJREFUaEPtmV9oHFUUxr8zm4BJdybVIqaipkIg2dmk+AfrgwolIFihKDaZjY2oVYrS4h9QQdOXUhVBUFGqhYJaNRJyN6IItX2oWCEvRiO0yc4GtCokL0pqycxuDJqdI0NSkbDJnDs7GgPel32Y73zn/O6Znbn3DmGdD1rn9SMxgO1fcN3MTLmLme9k4AYA1wIwlybII+AHBo8R6HjBTZ/GQQqSmLzaAQ6yYWdLe8H8HEAtwqLOMdGhYveGD0DEwpiqspoAsqrUzGAF4LaYRZwK6rh38h7rfMz4+LfQ1o/mrlqoLIxozPpKNZ4zFuiWid3pn+NAxOpAVv2SZjSMAsjESbo8hoCxcjl96097aF7XLxZAJu8fJcZe3WSr6/lV17Ge0vXUBmhX5RsNBF8D8W+/akUSUKEAnRO9ZlEHQhvAVv7HAO7WSSLVEvP7hZz1gFQf6rQA2gbLV6ZSwRQAQyeJhvb31B+V5vG+jRekMVoAmXzpSWJ+TWoeS8f8sJuz3pHGagHYyvsMoB1S85i6Ydcxe6SxmgD+LABLah5TN+U65jXSWDFA++CFLUaq7kepcS06QrCp4DT9KvEQA2SV38XA5xLTWjUUGNsKvRvCR3XkEAPY+VIfmAciHRMQEPiugmN9KrESA2SH/P1MOCwxrVVDTA8Wcun3JD5igH/lEbpUMYH3FBzrWKIAtvKeBegliWmtGibsL/aYb0l8xB2wlf8tgOslpgloRlzHFO0xRABZNbuNYXyVQGFyCwMdbrdZiAoQAWTy3jFi0lpkRSUWXD/sOuZjUbpIgKyavQwwphloiDJL+LpfN1/efPb+5vJqvpEA9pD/OAivJ1yczE6wsIsGUN4oQDfJMiarIuDLgmNuj92BNuW1pUCTyZal5cZGJdUycW9juAepOlbtQFb5LzBwQCtl0mLifrfHWvH9syqArfzvALQmXZOm3xnXMa/T7kBWzbYyjBBgzUddKnX12V2N09UKWbEDmby/jxhvrnn14cZ9lcXdigD2kD8AQt9/AQDAUdcxH9HqgK38cQAdS0Hh7qgEQLzVqxE8vHU3A0gv+tCo66Rv1gLIKn/ur7cvIwei+wDeWWNhonAmDFLAp0D09lLAjOuYl2sB2MpfPPZmetfNpR+yh7x+EL0oqqBWEeMJN2e+YSs/PPkOTygC1zFTugDhQes3HtK3Tzv0W+ew114JSOvYLyZHYFRSW8KXV3iIDDScZqBFuwPZIX/XJY3pE2M7ae5iIbbyTgB0R8zCpGF51zGdi+LWgfNWfX19VzFnfaLVgWridlXqNMDhxqZOWo2mbp4QdBacpu+lcZGLueVGGeU9Q6CXpQl0dAzsKzrmEZ0YbYDQ3M77R8B4VCdRpJb5FTdnPR2pWybQB2Ame7jcBeYPAVyhm3AF/RTAu13HGtH10wII/9hMOBQ2QTeRUH+GERwoOk3HhXr59wE77/eAET6X//FBoB0FJ31SkkjcgY7h0lYOuJ+BNgCbqpxSBwB7i0kpXHqEHynC3zDHpYsxvHHpelOVjyvhyfcMgMmUwc+Pd1uijZQYQDIba6H5H2AtZv3vOdd9B/4EgQdwQGPS1UkAAAAASUVORK5CYII=) no-repeat;
background-size: 100% 100%;}
.register_visitor .reg_other .reg_tel{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAbZJREFUaEPtWUtKxEAQfRUQQRER8QaSWYjoGQaF0ZXg4B107SY5QOIJxCuI6MJN/Cy8wsjsEm8wgogouHBK0swiI0Yrv8kEqldZVFe/V/W6O11FaPighuOHmAB7qyuwrDMwdQCeq4Y4fQAIwF+H5D4NJGvICfj2PYAtidPCNsy35EYdiZ8sBFjisCQbJie0JL6mlQDICUXYREZxJNi3J5mBSgk8khNuStKb1YZ9uwdgI55XZQaUQFpmNAN/aTaxiVVCKqFEBPLcAyohlZBKSH8lft8FehPrTZz1//mHvUpIJaQS0idlugb0QSPYH3qM6jEqkMk/QdLCVmqAEqfQEMBbwWCnTV8AYKrSVZYWK8I+7nYaCLwCuBnBipsVi1mY102gjxm06Th8NqX5uD1F1gOANSmJmglwl5zoMgmWT1oHYD5vBgHmfXKjqzECXqsL4otmECD0wLNtcvovRkL++hLwGUvINC8ko2YJGYgDEK7NF2MPwLIE+MimgiafZ9+BsJ0BRBHTgJxwV+JAXtw1jW46BdMOgHmJ8xw27yAOMOSj0hvdOcBMZIo4AxNBk2MRJZAjaKVO+QbXnWhAS3eNJAAAAABJRU5ErkJggg==) no-repeat;
background-size: 100% 100%;}
.register_visitor .reg_input_wrap{margin-bottom: 1rem;}
.register_visitor .reg_input_wrap .inp{width: 16.88rem;height: 2.63rem;background: #FFFFFF;border: 0.06rem solid #D9D9D9;padding-left: .88rem;color: #777777;overflow: hidden;position: relative;}
.register_visitor .reg_input_wrap .inp p{display: block;}
.register_visitor .reg_input_wrap .inp input{color: #777;flex:1;width: 100%;display: block;}
.register_visitor .reg_input_wrap .inp:last-child{margin-left: 1.25rem;}
.register_visitor .btn_wrap{margin-top: .94rem;}
.register_visitor .btn_wrap .btn{width: 16.88rem;height: 3.5rem;background:url('//images.sooyooj.com/20240511/1eOo5YocWBtDkLRC.png') no-repeat;background-size: 100% 100%;}
.register_visitor .btn_wrap .btn.win{background:url('//images.sooyooj.com/20240511/R8qhReiwPDskmH1V.png') no-repeat;background-size: 100% 100%;margin-left: 1.25rem;}
.visitor_wrap .list_wrap{margin-left: 5.26rem;padding-top: .8rem;}
.visitor_wrap .title_wrap{}
.visitor_wrap .title_wrap .title{font-size: 1rem;color: #3C3C3C;margin-right: .25rem;}
.visitor_wrap .title_wrap .title span:last-child{color: #EE5344;font-size: 0.75rem;}
.visitor_wrap .title_wrap .other{font-size: 0.75rem;color: #EE5344;}
.visitor_wrap .list_wrap .list{margin-top: .36rem;margin-bottom: .3rem;}
.visitor_wrap .list_wrap .list .item{width:12.5rem;height:5.25rem;
    padding: .5rem .5rem;
    background:url('//images.sooyooj.com/20240513/BH6jFRHgsdZmlJSp.png') no-repeat;background-size:100% 100%;}
.visitor_wrap .list_wrap .list .item.attr{
    width: 21.69rem;
    height: 5.25rem;
    background:url('//images.sooyooj.com/20240514/uczMEbu2pQNvnQXN.png') no-repeat;background-size:100% 100%;
    padding: 1.13rem;
    padding-left: 1.38rem;
}
.visitor_wrap .close{width: 2.38rem;height: 2.38rem;background: url('//images.sooyooj.com/20240514/k6TRblhqbeIoCrxv.png') no-repeat;background-size:100% 100%;position: absolute;right: 0;top: 0;z-index: 1001;}
.visitor_wrap .list_wrap .list .card_content{}
.visitor_wrap .list_wrap .list .card_name{font-weight: bold;font-size: 1.13rem;color: #EE5344;margin-right: .4rem;}
.visitor_wrap .list_wrap .list .card_desc{width: 7.88rem;height: 1.38rem;background: #EE5344;font-size: 0.88rem;color: #fff;text-align: center;line-height: 1.38rem;}
.visitor_wrap .list_wrap .list .card_content .realname{font-weight: bold;font-size: 1.13rem;color: #333333;margin-right: 1.13rem;}
.visitor_wrap .list_wrap .list .card_values{margin-top: .5rem;font-size: 0.75rem;color: #777777;}
.visitor_wrap .list_wrap .list .item:first-child{margin-right: 1rem;}
.visitor_wrap .list_wrap .list .item p:first-child{font-weight: bold;font-size: 1rem;color: #EE5344;}
.visitor_wrap .list_wrap .list .item p:nth-of-type(2){font-weight: bold;font-size: 0.81rem;color: #333;margin-top: .56rem;margin-bottom: .25rem;}
.visitor_wrap .list_wrap .list .item p:last-child{font-size: 0.75rem;color: #777777;}
.visitor_wrap .list_wrap .list .item .btn{width: 1.56rem;height:3.88rem;background:url('//images.sooyooj.com/20240513/CrLoTX88s6hq4A3G.png') no-repeat;background-size:100% 100%;}
.visitor_wrap .list_wrap .list .item .btn:hover{background:url('//images.sooyooj.com/20240513/15D3BJSsta3WAuNp.png') no-repeat;background-size:100% 100%;}
.visitor_wrap .bar_list{margin-top: .6rem;width: 26rem;height: 4.25rem;border: 0.06rem solid #D9D9D9;padding-left: .63rem;padding-right: 1.13rem;}
.visitor_wrap .bar_list .info{}
.visitor_wrap .bar_list .info .bar_title{margin-bottom: .25rem;}
.visitor_wrap .bar_list .info .bar_title .subject{font-weight: bold;font-size: 0.88rem;color: #333333;margin-left: .24rem;}
.visitor_wrap .bar_list .info .bar_title img{width: 1rem;height: 1rem;}
.visitor_wrap .bar_list .info .content{font-size: 0.75rem;color: #777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width: 100%; }
.visitor_wrap .bar_list .btn{width: 3rem;height: 1.43rem;background: url('//images.sooyooj.com/20240513/5FlAEZ3HK1xUzQvi.png');background-size:100% 100%;margin-left: 1.25rem;}
.visitor_wrap .bar_list .btn:hover{background: url('//images.sooyooj.com/20240513/bnPhR9I8fyFH9aMo.png');background-size:100% 100%;}
.visitor_wrap .game_welfare{margin-left: 2.1rem;margin-top: 1rem;margin-bottom: 1rem;}
.visitor_wrap .game_welfare_qrcode{padding: 1.25rem 1.56rem;background: #F8F8F8;}
.visitor_wrap .game_welfare_qrcode .game_info_qrcode {width: 8rem !important;height:8rem !important;}
.visitor_wrap .game_welfare_qrcode .game_info_qrcode img{width: 100% !important;height: 100% !important;}
.visitor_wrap .game_welfare_qrcode p{margin-top: 1rem;color: #FF682D;font-size: 1.13rem;font-weight: bold;}
.visitor_wrap .game_info_qrcode{width: 100%;}
.visitor_wrap .bar_hide{margin-top: 1rem;text-align: center;}
/*  */
.visitor_wrap .game_welfare .title{font-size: 1rem;margin-bottom: .38rem;color: #3C3C3C;}
.visitor_wrap .game_welfare .welfate_btn{width: 8.5rem;height: 2.31rem;background: url('//images.sooyooj.com/20240513/XiOG1lB776iEokQy.png') no-repeat;background-size: 100% 100%;margin: 0 auto;margin-top: .7rem;}
.visitor_wrap .game_welfare .content_wrap{width: 13.13rem;height: auto;background: #F8F8F8;padding-bottom: .4rem;}
.visitor_wrap .game_welfare .content{max-height: 8rem;overflow-y: auto;padding: .31rem .63rem .5rem;font-size: 0.75rem;color: #777777;}

.visitor_wrap .game_welfare .content.scroll-bar::-webkit-scrollbar {
    width: 2px !important;
    height: 2px !important;
}
.visitor_wrap .game_info_btn{margin-left: 1.69rem;margin-top: 2rem;}
.visitor_wrap .game_info_btn .btns{width: 14.38rem;height: 5.63rem;background: url('//images.sooyooj.com/20240513/zFwd4lXusNTTrzaQ.png') no-repeat;background-size:100% 100%;margin-bottom: 1.25rem;}
.visitor_wrap .game_info_btn .btns.mobile{width: 14.38rem;height: 5.63rem;background: url('//images.sooyooj.com/20240724/KdkZYXRZ6Dg3jLdU.png') no-repeat;background-size:100% 100%;margin-bottom: 1.25rem;}
.visitor_wrap .game_info_btn .btns.win{height: 3.25rem;background: url('//images.sooyooj.com/20240513/et7TCCT0v42vQGHH.png') no-repeat;background-size:100% 100%;margin-bottom: 0rem;}
.visitor_wrap .game_info_btn p{color: #666666;font-size: .88rem;margin-top: .4rem;text-align: center;}
.visitor_wrap .game_info_btn p span{color:#FF8800;}

.severItem{display: none;}
.severItem a{display: flex;width: 100%;height: 100%;}
.severBox> :nth-child(-n+12){
    display: flex;
}
.visitor_count_down{height: 32px;width: auto;padding: 0 1rem;position: absolute;right: 0;top: 0;background: rgba(0, 0, 0, .5);z-index: 1001;color: #fff;line-height: 32px;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.visitor_count_down img{width: 15px;height: 15px;margin-right: .5rem;}
.visitor_count_down p:first-child{margin-right: 1rem;}

.login_reg_toast .contentReg.game_landscape{width: 53.75rem;height: 39.31rem;background-image: url('//images.sooyooj.com/20250610/Cv4ZJHDO86ISKirz.png');padding-top: 0;}
.login_reg_toast .contentReg.game_landscape .reg{width: 32rem;height: 100%;margin: 0;padding: 0;padding-top: 10rem;padding-left: 6rem;}
.login_reg_toast .contentReg.game_landscape .title{display: none;}
.login_reg_toast .contentReg.game_landscape .desc_ts{display: none;}
.login_reg_toast .contentReg.game_landscape .input_visitor {width: 18rem;}
.login_reg_toast .contentReg.game_landscape .reg .btn_fast {background-image: url('//images.sooyooj.com/20250610/xuXnD55BDYXc9ASb.png');margin-left: 4.8rem;width: 14.5rem;height: 4rem;margin-top: 1.5rem;}
.login_reg_toast .contentReg.game_landscape .close_reg{right: -70%;top: 30px;}
.login_reg_toast .contentReg.game_landscape .title_desc{margin-top: 0;font-weight: bold;font-size: 1.38rem;color: #F2D284;margin-bottom: 1rem;}
.login_reg_toast .contentReg.game_landscape .landscapets{display: block;font-weight: 400;font-size:12px;color: #E02121;line-height: 1.13rem;margin-bottom: 1.94rem;}
.login_reg_toast .contentReg.game_landscape .input_visitor .input{margin-bottom: 1rem;background-image: none !important;position: relative;}
.login_reg_toast .contentReg.game_landscape .input_visitor .input input{height:2.5rem; flex:1;line-height:2.5rem;display: block;background: url('//images.sooyooj.com/20240730/hAyFbYfh8ttGUyhj.png') no-repeat;background-size: 100% 100%;color: #fff;padding-left: .75rem;}
.login_reg_toast .contentReg.game_landscape .input_visitor .input p{width:4.06rem;text-align: right;font-size: 1rem;color: #fff;font-weight: 400;padding-left: 0;}
.login_reg_toast .contentReg.game_landscape .userAgreement .textRadio{color: #999;}
.login_reg_toast .contentReg.game_landscape .userAgreement{padding-left: 4.8rem;}
.login_reg_toast .contentReg.game_landscape .other_line{display: none;}
.login_reg_toast .contentReg.game_landscape .other_list{display: none;}
.login_reg_toast .contentReg.game_landscape .landscape_other{color: #fff;font-size: .88rem;display: flex;margin-top: 1.3rem;}
.login_reg_toast .contentReg.game_landscape .landscape_other .valuse{margin-right: 1.13rem;}
.login_reg_toast .contentReg.game_landscape .landscape_other .other_item{margin-right: 1.38rem;cursor: pointer;}
.login_reg_toast .contentReg.game_landscape .landscape_other .other_item img{width: 2rem;height: 2rem;margin: 0 auto;}
.login_reg_toast .contentReg.game_landscape .landscape_other .other_item .other_text{font-size: 0.75rem;color: #fff;margin-top: .63rem;}
.login_reg_toast .contentReg.game_landscape .reg .title_nav .navs{color: #777;font-size: 1.35rem;}
.login_reg_toast .contentReg.game_landscape  .reg .title_nav .navs.active{color:#f2d284 ;}
.login_reg_toast .contentReg.game_landscape .reg .title_nav{margin-top: 0;margin-bottom: 1rem;justify-content:flex-start !important;}