*{margin:0;padding:0;box-sizing:border-box;font-size:14px;font-family:Fmedium}@font-face{font-family:fsemibold;src:url("")}@font-face{font-family:fmedium;src:url("")}@font-face{font-family:fbold;src:url("")}@font-face{font-family:fregular;src:url("")}@font-face{font-family:flight;src:url("")}html,body{width:100%;height:100%;background:#02018a;-webkit-text-size-adjust:100%}body{background:linear-gradient(180deg,#5700AE 0%,#02018A 100%);position:relative}ul,ol{list-style:none}a{text-decoration:none;background-color:transparent;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-weight:500;text-transform:capitalize;font-family:FSemiBold}button{border:none;outline:none;-webkit-tap-highlight-color:transparent}.container{max-width:1366px;width:calc(100% - 20px);margin-left:auto;margin-right:auto}input,textarea{font-size:16px}input[type=submit]{-webkit-appearance:none}div,i{-webkit-tap-highlight-color:transparent}body.act{overflow:hidden}header{width:100%;padding-top:10px;margin-bottom:10px}header .container{background:#eaff3d;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:25px;display:flex;justify-content:space-between;align-items:center;padding:6px}header .container .icon{display:flex;align-items:center;justify-content:center;width:48px;height:38px;background:#cddf33;border-radius:19px}header .container .icon .iconfont{font-size:20px;color:#417623}header .container .logo{height:30px;width:190px}header .container .logo>img{width:100%}.layui-rate li i.layui-icon{color:#ff7f4a!important}.layui-rate li i.layui-icon::before{content:""!important;font-family:iconfont!important}.layui-icon-rate:before{font-family:iconfont!important;content:""!important;color:#cccdd4}.ad{display:flex;flex-direction:column;align-items:center;justify-content:center}.ad::before{content: "Advertisement";font-size: 12px;color: #fff;line-height: 20px;}.ad>p{font-size:12px;color:rgba(255,255,255,.8);text-align:center;font-family:Flight}.adx{width:100%;position:fixed;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff}.adx>p{font-size:10px;color:#5f7a99;line-height:15px;text-align:center;font-family:Flight}.container .gameBoxs,.container .gameBox{margin-top:10px;display:flex;flex-wrap:wrap}.container .gameBoxs>li,.container .gameBox>li{margin-right:8px;margin-bottom:8px}.container .gameBoxs>li>a,.container .gameBox>li>a{display:flex;width:100%;padding-bottom:100%;height:0;position:relative;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:24px;overflow:hidden}.container .gameBoxs>li>a>img,.container .gameBox>li>a>img{width:100%;height:100%;position:absolute;top:0;left:0;object-position:center;object-fit:cover}.container .gameBox>li{width:calc((100% - 16px)/3)}.container .gameBox>li:nth-child(3n){margin-right:0}@media(orientation:landscape){.container .gameBox>li{width:calc((100% - 40px)/6)}.container .gameBox>li:nth-child(3n){margin-right:8px}.container .gameBox>li:nth-child(6n){margin-right:0}}@media screen and (min-width:767px){.container .gameBox>li{width:calc((100% - 40px)/6)}.container .gameBox>li:nth-child(3n){margin-right:8px}.container .gameBox>li:nth-child(6n){margin-right:0}}.container .gameBoxs>li{width:calc((100% - 24px)/4)}.container .gameBoxs>li:nth-child(4n){margin-right:0}@media(orientation:landscape){.container .gameBoxs>li{width:calc((100% - 56px)/8)}.container .gameBoxs>li:nth-child(4n){margin-right:8px}.container .gameBoxs>li:nth-child(8n){margin-right:0}}@media screen and (min-width:767px){.container .gameBoxs>li{width:calc((100% - 56px)/8)}.container .gameBoxs>li:nth-child(4n){margin-right:8px}.container .gameBoxs>li:nth-child(8n){margin-right:0}}.container>h2{text-align:center;font-size:20px;margin-top:20px;color:#fff}.container .category{display:flex;flex-wrap:wrap}.container .category>li{width:calc((100% - 8px)/2);margin-right:8px;margin-top:8px}.container .category>li>a{padding:6px;display:flex;align-items:center;background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3)}.container .category>li>a .thumb{width:48px;height:48px;border-radius:12px;margin-right:6px;overflow:hidden}.container .category>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .category>li>a>p{font-family:Fregular;color:#fff;width:calc(100% - 54px)}.container .category>li:nth-child(2n){margin-right:0}.container .conBox{background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3);padding:10px;display:flex;align-items:center;margin-bottom:10px}.container .conBox .thumb{width:80px;height:80px;border-radius:10px;overflow:hidden;margin-right:10px}.container .conBox .thumb>img{width:100%;height:100%;object-position:center;object-fit:cover}.container .conBox>dl{width:calc(100% - 90px)}.container .conBox>dl>dt{font-size:20px;color:#fff;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .conBox>dl>dd{display:flex;flex-wrap:wrap;height:35px;overflow:hidden}.container .conBox>dl>dd>a{margin-right:6px;background:transparent;border-radius:12px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-family:Fregular;font-size:12px;padding:3px 8px;margin-top:10px}.container .play{width:200px;margin:20px auto;padding:8px 0;display:flex;align-items:center;justify-content:center;background:#417623;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:30px;border:2px solid #eaff3d}.container .play .iconfont{font-size:20px;color:#fff;margin-right:6px}.container .play>span{color:#fff;font-size:16px}.container .content{margin-top:20px;background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3);padding:14px}.container .content>h3{font-size:16px;color:#fff}.container .content .module{margin:10px 0 20px;font-family:Fregular!important;color:rgba(255,255,255,.6)}.container .content .module>p{font-family:Fregular!important;color:rgba(255,255,255,.6)}.container .content .tags{margin-bottom:20px;display:flex;flex-wrap:wrap}.container .content .tags>a{display:inline-block;color:rgba(255,255,255,.6);line-height:16px;font-family:Fregular;padding:4px 10px;margin:8px 8px 0 0;background:rgba(0,0,0,.2);border-radius:12px}.container .libraryCont .noCollect{display:none;margin-top:40px;flex-direction:column;align-items:center}.container .libraryCont .noCollect>img{width:150px;height:150px}.container .libraryCont .noCollect>p{color:#fff;font-size:16px;margin-top:20px}.container .libraryCont .noCollect>a{display:flex;align-items:center;justify-content:center;width:200px;height:40px;background:#417623;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:30px;margin-top:30px;border:2px solid #eaff3d}.container .libraryCont .noCollect>a .iconfont{color:#fff;font-size:19px;margin-right:6px}.container .libraryCont .noCollect>a>span{color:#fff;font-size:16px}.container .libraryCont .noCollect.act{display:flex}.container .libraryCont .libraryCol>li{width:100%;padding:10px;background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3);margin-top:10px}.container .libraryCont .libraryCol>li>a{display:flex;align-items:center}.container .libraryCont .libraryCol>li>a .thumb{width:80px;height:80px;border-radius:10px;overflow:hidden;margin-right:10px}.container .libraryCont .libraryCol>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.container .libraryCont .libraryCol>li>a>dl{width:calc(100% - 170px)}.container .libraryCont .libraryCol>li>a>dl>dt{color:#fff;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container .libraryCont .libraryCol>li>a>dl>dd{display:flex;flex-wrap:wrap;height:38px;overflow:hidden}.container .libraryCont .libraryCol>li>a>dl>dd>p{margin-top:10px;display:inline-block;padding:3px 10px;margin-right:6px;background:transparent;border-radius:12px;border:1px solid rgba(255,255,255,.2);font-family:Fregular;color:rgba(255,255,255,.6)}.container .libraryCont .libraryCol>li>a>p{width:60px;height:40px;margin-left:20px;background:#417623;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:30px;border:2px solid #eaff3d;display:flex;justify-content:center;align-items:center}.container .libraryCont .libraryCol>li>a>p .iconfont{font-size:18px;color:#fff}.main{min-height:calc(100% - 170px)}.detail_play{width:100%;height:calc(100% - 65px)}.detail_play .play_iframe{width:100%;height:100%}.detail_play .play_iframe>iframe{display:block;width:1px;min-width:100%;height:1px;min-height:100%;border:0;overflow:hidden;z-index:999}.tui{position:fixed;width:52px;height:52px;top:110px;left:0;transform:translateX(0);background:#04018a;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:0 100px 100px 0;padding:6px;z-index:9999}.tui>p{width:40px;height:40px;background:rgba(0,0,0,.2);border-radius:22px;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.tui>p .iconfont{font-size:18px;color:#eaff3d}.tui.act{animation:sharedrop1 .2s linear forwards}@keyframes sharedrop1{0%{transform:translateX(0)}100%{transform:translateX(200px)}}@keyframes sharedrop3{0%{transform:translateX(-200px)}100%{transform:translateX(0px)}}.playBox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}.playBox .playCont{width:200px;height:100%;padding:10px;background:#04018a;position:relative;overflow-y:scroll;overflow-x:hidden;transform:translateX(-200px);animation:sharedrop3 .2s linear forwards}.playBox .playCont .home{width:100%;display:flex;align-items:center;justify-content:center;background:#eaff3d;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:17px;padding:8px 0}.playBox .playCont .home .iconfont{color:#417623;font-size:19px;margin-right:6px}.playBox .playCont .home>span{color:#417623}.playBox .playCont .game{display:flex;flex-wrap:wrap;justify-content:space-between}.playBox .playCont .game>li{width:calc(50% - 4px);margin-top:8px}.playBox .playCont .game>li>a{display:flex;width:100%;padding-bottom:100%;height:0;position:relative;box-shadow:0 4px 4px 0 rgba(0,0,0,.4);border-radius:24px;overflow:hidden}.playBox .playCont .game>li>a>img{width:100%;height:100%;position:absolute;top:0;left:0;object-position:center;object-fit:cover}.playBox .playCont .list{display:flex;flex-wrap:wrap}.playBox .playCont .list>li{width:100%;margin-top:8px}.playBox .playCont .list>li>a{padding:6px;display:flex;align-items:center;background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3)}.playBox .playCont .list>li>a .thumb{width:48px;height:48px;border-radius:12px;margin-right:6px;overflow:hidden}.playBox .playCont .list>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.playBox .playCont .list>li>a>p{font-family:Fregular;color:#fff;width:calc(100% - 54px)}.playBox.act{display:block}footer{width:100%;display:flex;flex-direction:column;align-items:center;background:#02006d;padding:20px 0;margin-top:20px}footer>nav{margin:10px 0;color:rgba(255,255,255,.6)}footer>nav>a{font-size:12px;color:rgba(255,255,255,.6);margin:0 10px;font-family:Fmedium}footer>p{font-size:12px;color:rgba(255,255,255,.4);font-family:Fmedium}footer>img{width:190px}.company{margin-top:16px;min-height:calc(100% - 170px);background:rgba(0,0,0,.2);box-shadow:0 2px 4px 0 rgba(0,0,0,.4);border-radius:16px;border:2px solid rgba(255,255,255,.3);padding:16px}.company .mainBox h3{font-size:1.1em;margin-bottom:8px;color:#fff}.company .mainBox p{font-size:.9em;margin-bottom:8px;line-height:1.6em;color:rgba(255,255,255,.6);font-weight:500}.company .mainBox p>a{color:#fff}.company .mainBox form{background-color:#fff}.company .mainBox form .formItem{display:flex;align-items:flex-start;margin-bottom:8px;position:relative}.company .mainBox form .formItem input{width:100%;height:40px;border-radius:10px;text-indent:1em;color:#ccc;outline:none;background-color:#fff;border:1px solid #eee}.company .mainBox form .formItem #comcom{width:100%;resize:none;outline:none;border-radius:10px;text-indent:1em;padding-top:15px;color:#ccc;background-color:#fff;border:1px solid #eee}.company .mainBox form input[type=submit]{width:100%;height:40px;border:none;outline:none;border-radius:20px;color:#fff;background-color:#eaff3d;cursor:pointer}.company .mainBox .error{color:red}
header .container {
    justify-content: flex-start;
}

header .container .logo {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    height: 42px;
}

.sub-title {
    padding: 8px;
    margin: 16px 16px 12px 16px;
    font-size: 18px;
    font-weight: 600;
    background: #eaff3d;
    text-align: center;
    border-radius: 24px;
}

.container .content .tags>span {
    display: inline-block;
    color: rgba(255, 255, 255, .6);
    line-height: 16px;
    font-family: Fregular;
    padding: 4px 10px;
    margin: 8px 8px 0 0;
    background: rgba(0, 0, 0, .2);
    border-radius: 12px;
}

header .container .logo>img {
    height: 44px;
    width: auto;
    margin-left: -48px;
}

.container .category>li>a>p {
    font-size: 16px;
    font-weight: 600;
    padding-left: 4px;
}

.container>h2 {
    margin-bottom: 10px;
}

.logo-a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.site-name {
    font-size: 24px;
    font-weight: bold;
    color: #3600a0;
    margin-left: 14px;
    text-transform: uppercase;
}