body{letter-spacing: 1px;margin: 0 !important; padding: 0 !important;color: #333; font-size: 14px; background-color: #BDB5DC;
    font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Lantinghei SC,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}
div{box-sizing: border-box}
.animation{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a{text-decoration:none;}
a:hover{ text-decoration: none; }
::-webkit-scrollbar {width: 1px; height: 12px; }
::-webkit-scrollbar-track {background: transparent}
::-webkit-scrollbar-thumb {background: transparent; border-radius: 1px;}
::-webkit-scrollbar-thumb:hover {background: transparent;}
/*#pageBG{background: #F3F4FC; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1;background-size: 100%;}*/
#pageBG{background: linear-gradient(transparent,#f5f5f5 60%) no-repeat; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: -1;background-size: 100%;}
.div-box{width: 1200px; margin: auto; display: flex; justify-content: space-between}
.backFFF{background-color: #FFF}
.full-sector{width: 1200px; border-radius: 12px; padding: 20px; margin: auto;}
.sector-search-input{width: 250px; height: 40px; padding: 5px 10px; line-height: 30px; background: #F4F4F4; border-radius: 5px}
.sector-search-input:focus{outline: none}
.sector-search-input:empty:before{content: '请输入游戏名称'; color: #999}
.sector-search-input:focus:before{content: none}
.sector-deputy-title{width: 100%; line-height: 40px; font-size: 19px; font-weight: bold; display: flex; gap: 12px}

/*title*/
.sector-title{width: 100%; display: flex; justify-content: space-between; gap: 12px}
.sector-name{width: 100px; height: 40px; line-height: 40px; font-size: 22px; font-weight: bold; position: relative}
.sector-name::after{content: ''; width: 36px; height: 13px; background-image: url("../img/titlekey.png"); background-size: 36px 13px;
    position: absolute; left: 50%; bottom: -5px; margin-left: -21px}

/*welcome*/
.welcome{width: 100%; background-color: rgba(255,255,255,.6);}
.welbox{display: flex; justify-content: space-between; width: 1200px; height: 40px; margin: auto; align-items: center}
.welleft{font-size: 13px; color: #5D5D5D;}
.welright{width: 380px; display: flex; justify-content: end}
.welmenu{width: 72px; height: 26px; line-height: 26px; font-size: 12px; color: #5D5D5D; text-align: center; cursor: pointer}
.welbtn{width: 100px; height: 26px; background: linear-gradient( 260deg, #010101 0%, #323232 100%); border-radius: 5px; font-size: 12px;
     color: #fff; cursor: pointer; display: flex;gap: 5px; justify-content: center; align-items: center}
.welbtn-ico{width: 20px; height: 20px; border-radius: 10px}

/*top*/
.top{width: 1200px; height: auto; margin: auto; padding: 30px 0; display: flex; justify-content: space-between}
.top-logo{width: 181px; height: 60px; background-image: url("../img/logo1.png"); background-size: 181px 60px;}
.top-search{width: 675px; height: auto;}
.search-box{width: 675px;height: 40px;background: #FFFFFF;border-radius: 20px;border: solid 1px #8f58fd;
    display: flex; justify-content: space-between; align-items: center; padding: 0 5px 0 10px}
.select-game{ display: flex; align-items: center; gap: 5px; width: 90px; justify-content: space-around; cursor: pointer}
.select-game img{width: 11px; height: 7px; position: relative; margin-top: 2px}
.select-game:hover{color: rgb(233,52,35)}
.search-input{width: 480px; height: 40px; line-height: 40px; font-size: 14px; border: none; background: transparent; overflow-x: hidden;}
.search-input:focus{outline: none}
.search-input:empty:before{content: '请输入关键词查询'; color: #C0C4CC}
.search-input:focus:before{content: none}
.search-btn{width: 68px;height: 30px;background: linear-gradient( 268deg, #010101, #323232);border-radius: 15px;text-align: center;
    cursor: pointer}
.search-btn img{width: 19px; height: 18px; margin-top: 6px;}
.search-btn:hover{background: linear-gradient( 268deg, #E81E1E, #323232);}
.hot-search{width: 675px; height: auto; margin-top: 20px; display: flex}
.hot-search-name{width: 90px;height: 20px;line-height: 20px;text-align: center; color: rgb(233,52,35); font-weight: bold; display: none}
.hot-search-body{flex: 1; height: 20px; display: flex; gap: 20px; padding-left: 5px}
.hot-search-one{font-size: 12px; line-height: 20px; color: #5D5D5D; position: relative; cursor: pointer}
.hot::before{content: ''; width: 15px; height: 15px; background-image: url("../img/hot.png"); background-size: 15px; position: absolute;
    left: -15px; top: 2px}
.hot-search-one:hover{color: #E81E1E}
.hot-search-game-cover{width: 20px; height: 20px; border-radius: 10px; cursor: pointer; position: relative}
.hot-search-game-cover:hover{transform: scale(1.4); box-shadow: 0 0 8px #ffa400}
.top-down{width: 160px;height: 40px;background: linear-gradient( 90deg, #FDDBCB 0%, #FDEDEC 100%);border-radius: 20px;
    border: 1px solid #FFFFFF; display: flex; justify-content: space-between; align-items: center; padding: 0 10px; cursor: pointer}
.top-down-logo{width: 26px; height: 26px;}
.top-down-txt{font-size: 14px; font-weight: bold;}
.top-down-to{ width: 18px; height: 18px}

/*menu*/
.menu-box{width: 1200px;height: 48px; margin: 0 auto 12px auto;background: linear-gradient( 180deg, transparent 0%, rgba(255,255,255,0.84) 100%);
    border-radius: 10px ;border: 2px solid #FFFFFF; display: flex; justify-content: space-between; gap: 10px; position: relative}
.menu-one{flex: 1; line-height: 45px; text-align: center; font-size: 16px; font-weight: bold; cursor: pointer; position: relative}
.menu-one:hover{color: rgb(233,52,35)}
/*.menu-select::after{ content: ''; width: 26px; height: 10px; background-image: url("../img/menukey.png"); background-size: 26px 10px;
    position: absolute; left: 50%;bottom: 2px; margin-left: -13px}*/
.cursor-box{width: 1200px; height: 10px; margin: auto; position: relative}
.menuid{width: 26px; height: 10px; position: absolute; left: 58px; bottom: 2px; display: block}


/*sp-game-list*/
.sp-game-list{width: 250px;height: 366px;background: linear-gradient( 180deg, transparent 0%, rgba(255,255,255,0.84) 100%);
    border-radius: 12px;border: 2px solid #FFFFFF;overflow-y: auto; overflow-x: hidden; padding: 12px}
.sp-game-one{width: 100%; height: 45px; display: flex; justify-content: space-between; cursor: pointer; margin-bottom: 14px; overflow: hidden}
.sp-game-cover{width: 25px; height: 25px}
.sp-name{flex: 1; padding: 0 12px}
.sp-name-txt{font-size: 18px; line-height: 25px;}
.sp-game-tag{font-size: 12px; color: #999; line-height: 20px}
.sp-game-more{width: 7px; height: 11px; margin-top: 5px}
.sp-swiper-box{width: 928px; height: 366px; border-radius: 12px; overflow: hidden; position: relative}
.swiper-change-box{width: 60px; height: 30px; position: absolute; right: 10px; bottom: 10px; z-index: 10; display: flex}
.swiper-change-one{width: 30px; height: 30px; border-radius: 15px; background-color: rgba(255,255,255,1); cursor: pointer}
.swiper-change-one img{width: 20px; height: 20px; margin-left: 5px; margin-top: 5px}
.san-right{transform: rotate(180deg);}
.sp-right{width: 256px; height: 366px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; gap: 12px}
.sp-right-box{flex: 1; width: 100%;background: linear-gradient( 180deg, transparent 0%, rgba(255,255,255,0.84) 100%);
    border-radius: 12px; border: 2px solid #FFFFFF; padding: 12px;}
.sp-member-state{width: 100%; height: 41px; display: flex; justify-content: space-between; gap: 12px; cursor: pointer}
.default-head{width: 41px; height: 41px; border-radius: 5px}
.sp-member-txt{flex: 1; line-height: 41px; font-size: 16px; font-weight: bold}
.sp-member-more{width: 7px; height: 11px; margin-top: 15px;}
.sp-right-row{width: 100%; height: 96px; display: flex; flex-wrap: wrap; margin-top: 12px}
.sp-right-link{width: 50%; height: 48px; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer}
.sp-right-link img{width: 16px; height: 16px;}
.sp-right-link span{font-size: 12px; font-weight: bold}
.sp-right-btns{width: 100%; height: 96px; display: flex; align-items: end; gap: 12px}
.sp-right-buy{background: linear-gradient( 180deg, #FFFFFF 0%, #D3E8FB 100%);}
.sp-right-sell{background: linear-gradient( 180deg, #FFF6E6 0%, #FFEAC4 100%);}
.sp-right-an{flex: 1; height: 80px;border-radius: 10px; border: 1px solid #FFFFFF; display: flex; flex-direction: column;
    align-items: center; gap: 6px; font-size: 16px; cursor: pointer; position: relative}
.sp-ico1{width: 54px; height: 46px; margin-top: -23px; position: relative}
.sp-ico2{width: 23px; height: 14px}
.sp-set-ico{width: 40px;height: 16px; line-height:16px;border-radius: 8px; color: #fff; font-size: 12px; text-align: center;}
.sp-ico3{background: linear-gradient( 90deg, #4297E9 0%, #50A5F5 100%);}
.sp-ico4{background: linear-gradient( 90deg, #FF9C34 0%, #FF7A0C 100%);}
.sp-right-an:hover .sp-ico1{transform: scale(1.2)}
.sp-right-an:hover .sp-set-ico{width: 60px;}
.sp-right-txt-link{width: 100%; height: 41px; background-color: #fff; border-radius: 8px; margin-top: 12px; display: flex}
.sp-txt-link-one{width: 50%; height: 41px; display: flex; justify-content: center; align-items: center; gap: 10px; cursor: pointer}
.sp-txt-link-one img{ width: 7px; height: 11px;}
.sp-txt-link-one span{ font-weight: bold}

/*game-recommend*/
.game-recommend{width: 1200px; padding: 12px; margin: 12px auto;border-radius: 10px;border: 2px solid #FFFFFF;
    background: linear-gradient( 180deg, rgba(255,255,255,0.53) 0%, rgba(255,255,255,0.84) 100%);}
.game-rm-type{flex: 1; display: flex; height: 28px; margin-top: 6px; gap: 12px;}
.game-rm-one-type{width: 72px; height: 28px; line-height: 28px; border-radius: 6px; text-align: center; cursor: pointer;}
.game-rm-select-type{background: linear-gradient( 90deg, #FF743F1A 0%, #FF49451A 100%); color: #E93423}
.game-rm-near{width: 80px; height: 20px; color: #999; cursor: pointer; margin-top: 10px; }
.game-rm-list{width: 100%; display: flex; justify-content: start; gap: 12px; margin-top: 24px; /*overflow-x: scroll; overflow-y: hidden;*/}
.game-rm-list:nth-child(n+3){display: none}
.game-rm-one{width: 86px; height: 94px; flex-shrink:0; display: flex; flex-direction: column; justify-content: space-between;
    align-items: center; cursor: pointer}
.game-rm-one:nth-child(n+13){display: none;}
.game-rm-one-cover{width: 64px; height: 64px; border-radius: 12px; border: 1px solid #707070; position: relative}
.game-rm-one-cover:hover{transform: scale(1.1)}
.game-rm-one-name{ width: 100%; height: 20px; line-height: 20px; text-align: center; overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; font-weight: bold}

/*data-box*/
.data-box{width: 490px;height: 158px;background: linear-gradient(0deg, rgba(255,255,255,0.53) 0%, #FFECEF 100%);
    border-radius: 12px;border: 2px solid #FFFFFF; display: flex;}
.data-box-left{flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 20px}
.data-box-left-row{ display: flex; justify-content: center; align-items: center; gap: 12px}
.data-box-left-row img{width: 46px; height: 42px;}
.data-box-left-row span{}
.data-box-left-row b{font-size: 24px;}
.data-box-right{flex: 1; display: flex; list-style-type: disc; flex-direction: column; justify-content: center; gap: 20px;}
.data-box-right .li{line-height: 20px; padding-left: 15px; position: relative}
.data-box-right .li::before{content: ''; width: 6px; height: 6px;background: #E93423; border-radius: 3px;
    position: absolute; left: 0; top: 7px}
.data-box-right .li b{font-size: 16px}
.broadcast{width: 300px;height: 158px;background: linear-gradient(0deg, rgba(255,255,255,0.53) 0%, #E4EBFF 100%);
    border-radius: 12px;border: 2px solid #FFFFFF; display: flex; flex-direction: column; gap: 16px; padding: 12px;}
.broadcast-title{width: 100%; height: 32px; display: flex; gap: 12px; align-items: center}
.broadcast-title img{width: 32px; height: 32px;}
.broadcast-title span{font-size: 18px;}
.broadcast-box{width: 100%; display: flex; flex-direction: column; gap: 9px}
.broadcast-list{width: 100%; height: 20px; line-height: 20px; padding-left: 15px; position: relative; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; cursor: pointer}
.broadcast-list::before{content: ''; width: 6px; height: 6px;background: #E93423; border-radius: 3px; position: absolute; left: 0;
    top: 7px}
.case-box{width: 386px;height: 158px;background: linear-gradient(0deg, rgba(255,255,255,0.53) 0%, #FFEADC 100%);
    border-radius: 12px;border: 2px solid #FFFFFF; display: flex; padding: 12px}
.case-box-left{width: 50%; display: flex; flex-direction: column; gap: 10px}
.case-title{width: 100%; height: 100px; line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;
    overflow: hidden; text-overflow: ellipsis; text-indent: 30px}
.case-time{font-size: 12px; color: #999}
.case-box-right{width: 50%; position: relative}
.case-cover{width: 179px; height: 124px; object-fit: cover; border-radius: 10px}
.case-bofang{width: 64px; height: 64px; position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}

/*hot-list*/
.hot-list{width: 1200px; height: 358px; margin: 12px auto 0 auto; display: flex; flex-direction: column;
    background-size: 1200px 358px; padding: 12px 12px 0 12px; border-radius: 10px}
.hot-goods-title{width: 100%; height: 30px; display: flex; gap: 12px; justify-content: space-between; align-items: end}
.hot-game-name{ width: 200px; height: 30px; font-size: 20px; font-weight: bold; display: flex; flex-direction: column;
    justify-content: end}
.hot-goods-box{flex: 1; display: flex; gap: 12px; align-items: end}
.hot-goods-tag{padding: 6px 8px;background: #FFFFFF;border-radius: 6px;border: 1px solid #DEDEDE; font-size: 12px;
    color: #5D5D5D; cursor: pointer;}
.hot-goods-select-tag{background: linear-gradient( 90deg, #FF743F 0%, #FF4945 100%); color: #fff}
.hot-goods-more{width: 76px; height: 22px; background-color: #FFFFFF69; border-radius: 6px; font-size: 12px; color: #000;
    line-height: 22px; text-align: center; cursor: pointer}
.hot-goods-list{width: 100%; height: 320px; margin-top: 12px; overflow-x: scroll; overflow-y: visible; display: flex; gap: 12px;}
.hot-goods-one{width: 240px;height: 280px;background: #FFFFFF;border-radius: 10px; padding: 8px; display: flex;
    flex-direction: column; gap: 8px; cursor: pointer; position: relative }
.hot-goods-one:hover{ box-shadow:  2px 2px 10px #FF743F; margin-top: 7px;}
.hot-goods-cover{width: 224px; height: 126px;box-shadow: 3px 4px 8px 1px rgba(231,226,226,0.75); border-radius: 5px}
.hot-goods-name{width: 100%; height: 40px; line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
    overflow: hidden; text-overflow: ellipsis; font-weight: bold}
.hot-goods-zone{width: 100%; line-height: 12px; color: #5D5D5D; font-size: 12px; text-align: right}
.hot-goods-browse{width: 100%; height: 12px; display: flex; justify-content: space-between; font-size: 12px}
.hot-goods-browse-seen{color: #999999}
.hot-goods-browse-like{color: #E93423}
.hot-goods-tags{width: 100%; height: 16px; overflow: hidden; display: flex; gap: 8px}
.hot-goods-tag-one{width: 70px; height: 16px; border-radius: 3px;  display: flex; justify-content: center; gap: 1px;align-items: center}
.hot-goods-tag-one span{font-size: 12px; width: 50px; white-space: nowrap; transform: scale(0.85)}
.top-user{background: linear-gradient( 88deg, #3A4265 0%, #161B33 100%); color: #fff}
.find-compensation{background: linear-gradient( 88deg, #FFE9C2 0%, #FFD7B3 100%); color: #8C4A25}
.hot-goods-tag-ico{width: 18px; height: 16px;}
.hot-goods-price{ width: 100%; height: 20px; line-height: 20px; color: #E93423; font-size: 19px; font-weight: bold}
.hot-goods-price span{font-size: 12px;}

/*anchor*/
.anchor{width: 1200px; height: 260px; padding: 12px; margin: 12px auto;border-radius: 10px;border: 2px solid #FFFFFF;
    background: linear-gradient( 0deg, rgba(255,255,255,0.53) 0%, #E4EBFF 100%);}
.anchor-btn{width: 70px; height: 20px; margin-top: 10px; display: flex; justify-content: space-between; cursor: pointer }
.fx-left{width: 20px; height: 20px;}
.fx-right{width: 20px; height: 20px; transform: rotate(180deg);}
.anchor_box{ width: 100%; height: 170px; overflow: hidden;white-space: nowrap; margin-top: 20px}
.anchor_one{ width: 280px; height: 170px; margin-right: 20px; display: block;border-radius: 10px; overflow: hidden; position: relative}
.anchor_cover{ width: 280px; height: 170px; display: block; position: absolute; left: 0; top: 0; z-index: 50}
.play_btn{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 90; background-color: rgba(0,0,0,0);}
.play_btn img{ width: 60px !important; height: 60px !important; display: none !important; margin: 55px auto;}
.anchor_one:hover .anchor_cover{ transform: scale(1.2);}
.anchor_one:hover .play_btn{background-color: rgba(0,0,0,.7);}
.anchor_one:hover .play_btn img{display: block !important;}

/*ass-sector*/
.ass-sector{width: 1200px;height: 93px;background: #FFFFFF;border-radius: 10px; margin: auto; display: flex}
.as-one{flex: 1; height: 100px; display: flex; justify-content: center; gap: 12px; align-items: center}
.as-ico{width: 62px; height: 62px}
.as-t1{font-size: 16px; font-weight: bold; line-height: 22px}
.as-t2{font-size: 14px; color: #999; line-height: 20px}

/*hot-article*/
.hot-article{width: 1200px; height: 160px; margin: 12px auto; display: flex; gap: 12px}
.hot-one-art{ flex: 1; height: 158px;border-radius: 12px; border: 2px solid #FFFFFF; padding: 12px}
#query{background: linear-gradient( 0deg, rgba(255,255,255,0.53) 0%, #E4F0FF 100%);}
#information{background: linear-gradient( 0deg, rgba(255,255,255,0.53) 0%, #E6E9FF 100%);}
#guarantee{ background: linear-gradient( 0deg, rgba(255,255,255,0.53) 0%, #FFF7E4 100%);}
#help{ background: linear-gradient( 0deg, rgba(255,255,255,0.53) 0%, #FFECEF 100%);}
.hot-act-title{width: 100%; height: 20px; display: flex; gap: 12px; align-items: end}
.hot-act-title img{height: 16px; width: auto;}
.hot-act-tname{flex: 1; font-size: 16px; font-weight: bold}
.hot-act-more{width: 80px; height: 20px; line-height: 20px; font-size: 13px; color: #999; text-align: right; cursor: pointer}
.hot-act-query-box{width: 100%; margin-top: 22px;}
.hot-query-type{width: 100%; height: 30px; display: flex; justify-content: center; gap: 12px}
.hot-query-btn{ color: #999; position: relative; cursor: pointer}
.hot-query-select{color: #333}
.hot-query-select::after{content: '';width: 22px;height: 2px;background: linear-gradient( 180deg, #FF6161 0%, #E81E1E 100%);
    border-radius: 2px; position: absolute; left: 50%; bottom: 3px; margin-left: -11px}
.hot-query-box-input{width: 250px;height: 40px;background: #FFFFFF;border-radius: 10px;border: 1px solid #FFCAC5;
    margin: 12px auto 0 auto; line-height: 40px; display: flex; align-items: center; padding: 5px; gap: 5px}
.hot-query-input{flex: 1; height: 36px; line-height: 36px; overflow: hidden}
.hot-query-click{width: 36px;height: 30px;background: linear-gradient( 96deg, #FF6161 0%, #E81E1E 100%);
    border-radius: 5px; cursor: pointer}
.hot-query-click img{width: 18px; height: 19px; margin-left: 9px; margin-top: 5px;}
.hot-query-input:focus{outline: none}
.hot-query-input:empty:before{content: '请输入关键词查询'; color: #C0C4CC}
.hot-query-input:focus:before{content: none}
.hot-act-list-box{width: 263px; margin-top: 20px; display: flex; flex-direction: column; gap: 9px}

/*footer*/
.footer{width: 100%; padding: 20px 0; background-color: #000000; margin-top: 20px;}
.footer-body{width: 1200px; margin: auto;}
.footer-link{ width: 100%; height: 20px; margin: 20px auto; display: flex; gap: 20px}
.footer-one-link{ color: #fff; font-size: 12px}
.footer-info{width: 100%; height: 40px; display: flex; justify-content: space-between}
.footer-txt-info{width: 60%; color: #fff; font-size: 12px; line-height: 20px;}
.footer-img-info{width: 40%; display: flex; justify-content: end; gap: 20px}
.footer-img-info img{width: 128px; height: 40px; cursor: pointer}
.footer-txt-row{display: flex; gap: 30px}

/*aside*/
.aside{width: 74px;height: 436px;background: linear-gradient( 180deg, rgba(255,255,255,0.53) 0%, rgba(255,255,255,0.84) 100%);
    border-radius: 12px;border: 1px solid #FFFFFF; position: fixed; right: 20px; top: 50%; margin-top: -218px;
    padding: 12px 0; display: flex; flex-direction: column; justify-content: space-between}
.aside-one{width: 100%; height: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;
    gap: 8px; cursor: pointer}
.aside-one span{font-size: 12px}

/*footstep*/
.footstep{width: 1200px; height: 50px; margin: auto;}
.footstep a{line-height: 50px; font-size: 15px; margin-right: 6px}
.footstep .on{ color: #999}
.footstep a:not(:last-child)::after {content: ">"; margin-left: 15px;}

/*letters-box*/
.letters-box{width: 100%; height: 34px; background: #F4F4F4; border-radius: 5px; margin: 12px auto; display: flex;
    justify-content: space-between}
.letter-one{padding: 0 10px; line-height: 34px; cursor: pointer; color: #999; font-weight: bold; border-radius: 5px}
.letter-select{background: linear-gradient( 90deg, #FF743F1A 0%, #FF49451A 100%); color: #E93423 }
.letter-one:hover{ color: #ff5722; }

/*game-list-box*/
.game-list-box{width: 100%; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px}
.game-list-one{width: 93px; height: auto; flex-shrink:0; display: flex; flex-direction: column; justify-content: space-between;
    align-items: center; cursor: pointer; margin-bottom: 12px}
.game-list-one-name{width: 100%; height: 36px; line-height: 18px; text-align: center; margin-top: 5px}
.game-type-box{width: 100%; height: 30px; display: flex; gap: 20px; margin: 20px 0}
.game-type-one{width: 80px; height: 30px; line-height: 30px; border-radius: 5px; text-align: center; cursor: pointer; font-weight: bold}
.game-type-select{background: linear-gradient( 90deg, #FF743F1A 0%, #FF49451A 100%); color: #E93423}