/** {*/
/*    margin: 0;*/
/*    padding: 0*/
/*}*/

/*body, html {*/
/*    background: #fff;*/
/*    font-family: Roboto;*/
/*    height: 100%;*/
/*    width: 100%*/
/*}*/

/*li {*/
/*    display: flex;*/
/*    list-style-type: none*/
/*}*/

/*a {*/
/*    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);*/
/*    !*-moz-user-focus: none;*!*/
/*    color: #002b50;*/
/*    justify-content: center;*/
/*    text-decoration: none;*/
/*    -webkit-user-select: none;*/
/*    -moz-user-select: none*/
/*}*/

/*.header, a {
    align-items: center;
    display: flex
}*/

/*.header {*/
/*    background: linear-gradient(180deg, #f9b902 18.75%, #fac902);*/
/*    height: 50px;*/
/*    justify-content: space-around;*/
/*    margin: 0 auto;*/
/*    max-width: 1336px;*/
/*    width: 100%*/
/*}*/

/*.header > div {*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*    display: flex;*/
/*    justify-content: center*/
/*}*/

/*.header .menu-list {*/
/*    bottom: 0;*/
/*    display: none;*/
/*    height: 100vh;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    z-index: 999*/
/*}*/

/*.header .menu-list .list {*/
/*    align-items: center;*/
/*    background: #fff;*/
/*    border-radius: 24px;*/
/*    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    height: 380px;*/
/*    justify-content: center;*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    top: 45px;*/
/*    width: 272px*/
/*}*/

/*.header .menu-a {*/
/*    align-items: center;*/
/*    border: 2px solid #494337;*/
/*    border-radius: 16px;*/
/*    box-sizing: border-box;*/
/*    color: #494337;*/
/*    display: flex;*/
/*    font-size: 16px;*/
/*    font-weight: 700;*/
/*    height: 48px;*/
/*    justify-content: flex-start;*/
/*    line-height: 44px;*/
/*    margin: 5px;*/
/*    width: 250px*/
/*}*/

/*.header .menu-a > img {*/
/*    margin-left: 20px*/
/*}*/

/*.header .menu-a > span {*/
/*    height: 100%;*/
/*    margin-left: 12px*/
/*}*/

/*.header .menu-a:active {*/
/*    background: #ffd300;*/
/*    border: 2px solid #ffd300*/
/*}*/

/*.main {*/
/*    height: calc(100% - 50px);*/
/*    overflow: auto;*/
/*    width: 100%*/
/*}*/

/*.main .icon-list {*/
/*    align-items: center;*/
/*    display: grid;*/
/*    gap: 21px;*/
/*    grid-auto-flow: row;*/
/*    grid-template-columns:repeat(auto-fill, 150px);*/
/*    justify-content: center;*/
/*    justify-items: center;*/
/*    margin: 20px auto 0;*/
/*    max-width: 1336px;*/
/*    width: 100%*/
/*}*/

/*.main .icon-list > div:first-child {*/
/*    grid-column: 1/span 2;*/
/*    grid-row-start: 2*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .main .icon-list > div:first-child {*/
/*        grid-row: 2/span 2*/
/*    }*/
/*}*/

/*.main .icon-list > div:nth-child(2) {*/
/*    grid-column: 1/span 2;*/
/*    grid-row-start: 6*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .main .icon-list > div:nth-child(2) {*/
/*        grid-row: 6/span 2*/
/*    }*/
/*}*/

/*.adContainer {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    width: 100%*/
/*}*/

/*.adContainer > div:first-child {*/
/*    color: #2a8983;*/
/*    font-size: 10px;*/
/*    font-weight: 500;*/
/*    height: 28px;*/
/*    line-height: 12px;*/
/*    text-align: center*/
/*}*/

/*.adContainer > div:first-child, .iconItem {*/
/*    align-items: center;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    width: 100%*/
/*}*/

/*.iconItem {*/
/*    height: 100%;*/
/*    min-height: 150px*/
/*}*/

/*.icon {*/
/*    background: #fff;*/
/*    position: relative*/
/*}*/

/*.icon, .icon > img {*/
/*    height: 100%;*/
/*    width: 100%*/
/*}*/

/*.icon > img {*/
/*    border-radius: 16px;*/
/*    box-shadow: 0 4px 19px 2px rgba(0, 0, 0, .25)*/
/*}*/

/*.icon > span {*/
/*    align-items: center;*/
/*    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));*/
/*    border-radius: 4px;*/
/*    bottom: 5px;*/
/*    color: #fff;*/
/*    display: flex;*/
/*    font-size: 14px;*/
/*    font-weight: 500;*/
/*    height: 45%;*/
/*    justify-content: center;*/
/*    line-height: 16px;*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    width: calc(100% - 10px)*/
/*}*/

/*.arrow {*/
/*    bottom: 60px;*/
/*    position: fixed;*/
/*    right: 10px;*/
/*    z-index: 9999*/
/*}*/

/*footer {*/
/*    margin: 40px auto 0;*/
/*    max-width: 1336px;*/
/*    position: relative;*/
/*    width: 100%*/
/*}*/

/*footer .footer-bg {*/
/*    background-color: #f4f4f4;*/
/*    !*background: url("../assets/svg/bg.svg#svgView(preserveAspectRatio(none))") no-repeat;*!*/
/*    background-size: 100% 100%;*/
/*    height: 80px;*/
/*    width: 100%*/
/*}*/

/*footer .footer-content {*/
/*    align-items: center;*/
/*    bottom: 0;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    margin-bottom: 10px;*/
/*    position: absolute;*/
/*    width: 100%*/
/*}*/

/*footer .footer-content > div {*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*    width: 100%*/
/*}*/

/*footer .footer-content > div > a {*/
/*    color: #fff;*/
/*    font-size: 14px;*/
/*    line-height: 22px;*/
/*    margin: 5px;*/
/*    text-decoration: underline*/
/*}*/

/*footer .footer-content > span {*/
/*    align-items: center;*/
/*    color: hsla(0, 0%, 100%, .5);*/
/*    display: flex;*/
/*    font-size: 14px;*/
/*    line-height: 22px;*/
/*    text-align: center*/
/*}*/

/*.content {*/
/*    margin: 12px*/
/*}*/

.panel {
    background: #ffd300;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 10px 10px;
	align-items:center;
    /* margin: 0 2% */
}

.panel .panel-title {
    font-size: 20px;
    text-align: center
}

.panel .panel-text, .panel .panel-title {
    color: #494337;
    font-weight: 500;
    line-height: 24px;
}

.panel .panel-text {
    font-size: 14px;
    margin-top: 10px
}

/*.contact {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between*/
/*}*/

.play-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #f4f4f4;
    /*background: url("../assets/images/playBg.png#svgView(preserveAspectRatio(none))") 50% no-repeat;*/
    background-size: 100% 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 200px;
    justify-content: center;
    /* margin-bottom: 16px; */
    width: 100%
}

.play-area, .play-area > div:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.play-area > div:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    height: 80px;
    justify-content: flex-start;
    max-width: 311px
}

.play-area > div:first-child > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    margin-left: 20px
}

.play-area > div:first-child .game-name {
    color: #494337;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.play-area > div:first-child .game-tags {
    word-wrap: break-word;
    color: #494337;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    word-break: break-all
}

.play-area > a {
    background: #118ed3;
    border-radius: 16px;
    height: 48px;
    margin-top: 20px;
    width: 311px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.play-area > a > div {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    margin-left: 14px
}

.play-area .game-icon {
    border: 2px solid #fff;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 80px;
    width: 80px
}

/*.recommend {*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    margin: 36px 0 16px*/
/*}*/

/*.recommend > img {*/
/*    max-width: 375px;*/
/*    width: 100%*/
/*}*/

/*.item-list {*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    -webkit-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    grid-gap: 21px;*/
/*    align-items: center;*/
/*    display: grid;*/
/*    gap: 21px;*/
/*    grid-auto-flow: row;*/
/*    grid-template-columns:repeat(2, 150px);*/
/*    justify-content: center;*/
/*    justify-items: center;*/
/*    margin-top: 24px*/
/*}*/

/*@media screen and (min-width: 768px) {*/
/*    .item-list {*/
/*        grid-template-columns:repeat(auto-fill, 150px)*/
/*    }*/
/*}*/


.desc {
    /* margin-top: 10px; */
	width: 96%
}

.adContainer_gameInfo{
	width: 100%
}