@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap";body,html{width:1920px;height:1080px;margin:0;padding:0;background:#0d1826;font-family:Inter}.nav{height:180px;width:100%;background:#252f3c;position:-webkit-sticky;position:sticky;top:0}.nav .logo{padding:30px;width:260px;float:left}.nav .logo img{margin:12px 0 0 50px}.nav .banner{float:right}.nav .overlay{position:absolute;left:640px;height:180px;background-image:linear-gradient(90deg,#252f3c,rgba(37,47,60,0));width:346px}.bookWrapper{grid-template-columns:repeat(8,1fr)!important}.songsWrapper{display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr);align-content:center}.songsWrapper .songBox{box-sizing:border-box;justify-content:center;align-items:center;padding:0;width:430px;height:100px;float:left;border:2px solid;border-image-source:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));background:#252f3c;border-radius:10px}.songsWrapper .singerText{font-size:22px;color:#fff;margin-top:35px;margin-left:20px}.songsWrapper .playPause{width:70px;height:70px;float:left;margin:20px}.songsWrapper .playPause img{vertical-align:middle}.songsWrapper .time{float:right;font-size:19px;position:relative;display:block;top:-33px;color:hsla(0,0%,100%,.6)}.categoryWrapper{left:120px;margin:40px auto 0;display:grid;grid-gap:24px;gap:24px;grid-template-columns:repeat(4,1fr);width:1680px}.categoryWrapper .categoryBox{box-sizing:border-box;justify-content:center;align-items:center;padding:0;width:402px;height:260px;float:left;border:2px solid;border-image-source:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02));background:#252f3c;border-radius:10px}.categoryWrapper .categoryBox img{border-radius:10px;border:2px solid;border-image-source:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.02))}.categoryWrapper .categoryBox .tvLogo{margin:35px auto 0;width:250px;height:145px}.categoryWrapper .categoryBox .albumLogo,.categoryWrapper .categoryBox .tvLogo{box-sizing:border-box;justify-content:center;align-items:center;display:flex;padding:0}.categoryWrapper .categoryBox .albumLogo{margin:15px auto 0;width:362px;height:362px}.categoryWrapper .categoryBox .tvText{font-size:24px;color:#fff;text-align:center;margin-top:15px}.categoryWrapper .categoryBox .singerText{font-size:24px;color:#fff;margin-top:20px;margin-left:25px}.categoryWrapper .categoryBox .albumText{font-size:18px;color:hsla(0,0%,100%,.6);margin-top:10px;margin-left:25px}.categoryWrapper .musicBox{height:500px}.categoryWrapper .sportBox{height:600px}.categoryWrapper .bookBox{width:189px;height:260px}.categoryWrapper .filmBox{width:402px;height:260px}.radioPlayerWrapper{width:1210px;height:300px;margin:40px auto 0}.radioPlayerWrapper .equalizer{width:1010px;height:300px;margin:0 auto}.radioPlayerWrapper .equalizer .leftArrow,.radioPlayerWrapper .equalizer .rightArrow{position:relative;display:block;top:200px;left:-100px;float:left}.radioPlayerWrapper .equalizer .leftArrow .stationName,.radioPlayerWrapper .equalizer .rightArrow .stationName{color:#fff;font-size:24px;position:relative;display:block;left:35px;top:20px}.radioPlayerWrapper .equalizer .leftArrow .arrow,.radioPlayerWrapper .equalizer .rightArrow .arrow{padding:20px}.radioPlayerWrapper .equalizer .rightArrow{left:80px;top:-345px;float:right}.radioPlayerWrapper .equalizer .logo{position:relative;display:block;margin:0 auto;top:-225px;background:rgba(0,0,0,.7);padding:30px}.radioPlayerWrapper .playButton{width:116px;height:116px;display:block;width:140px;margin:75px auto 0}.videoPlayer{width:1100px;display:block;margin:0 auto}.categoryTitle{color:#fff;font-size:28px;margin-left:120px;margin-top:30px;width:1680px}.categoryTitle a{color:#f2a922;font-size:20px;text-decoration:underline;font-weight:500;float:right}.breadcrumb{margin:65px 0 0 125px}.breadcrumb .breadcrumbLink{font-size:24px;color:#fff;text-decoration:none}.breadcrumb i{float:left;padding:6px;margin-right:15px}.emptyBox{height:100px;display:block}.footer{position:fixed;left:0;bottom:0;height:100px;width:1920px;background:#252f3c;box-shadow:0 -2px 0 #3d4651;padding:21px 80px}.footerButton{margin:16px 20px;border:1px solid #fff;border-radius:40px;padding-right:10px;height:56px;text-align:center;vertical-align:middle;float:left}.footerButton .icon{float:left;margin:15px 0 0 20px}.footerButton .text{float:left;color:#fff;padding:15px;font-weight:400;font-size:20px;line-height:24px}.floatRight{float:right!important}.time{margin:16px 20px;float:right;text-align:center;color:#fff;font-size:20px;font-weight:200}.time .date{margin-top:5px}.language{text-align:center;color:#fff;font-size:20px;font-weight:400;margin:30px}.arrow{border:solid #fff;border-width:0 2px 2px 0;color:#fff;padding:4px;float:right;margin:7px}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.leftBox{margin:50px 10px 0 120px;width:430px;height:537px;float:left}.tripInfoTable{color:#fff}.tripInfoTable .title{color:#2abf6b;font-size:36px}.tripInfoTable tr.trValue{font-size:24px}.tripInfoTable .showAll a{color:#f2a922;font-size:20px;text-decoration:underline;font-weight:500}.mapBox{float:right;margin-right:155px}