* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: default;
    width: 100%;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.musk {
    width: 100%;
    background-size: cover;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.musk > .title {
    width: 7.61rem;
    height: 2.11rem;
    margin-top: .78rem;
    margin-bottom: .22rem;
}

.musk > .mid {
    width: 10rem;
    height: 8.89rem;
}

.musk > .down {
    width: 7.17rem;
    height: 1.33rem;
    background: linear-gradient(90deg, rgba(255, 90, 64, 1) 0%, rgba(255, 149, 0, 1) 100%);
    box-shadow: 0rem 0.08rem 0.33rem 0rem rgba(255, 149, 0, 0.16);
    color: #fff;
    border: 0;
    border-radius: .67rem;
    margin-top: .56rem;
    position: relative;
    z-index: 200;
}

.musk > .down > span,
.musk > .down > img,
.musk > .bottom-box > p > span,
.musk > .bottom-box > p > img {
    vertical-align: middle;
}

.musk > .down > span {
    font-size: .5rem;
    line-height: .69rem;
}

.musk > .down > img {
    width: .56rem;
    height: .56rem;
}

.musk > .bottom-box {
    position: absolute;
    bottom: .67rem;
    width: 100%;
    text-align: center;
}

.musk > .bottom-box > p > span {
    font-size: .33rem;
    line-height: .33rem;
    color: #999;
}

.musk > .bottom-box > p > img {
    width: .33rem;
    height: .33rem;
}

#container {
    width: 100%;
    margin: 0 auto;
}

.c-header {
    padding: .38rem .44rem;
    border-bottom: 1px solid rgba(203, 206, 210, 0.5);
}

.c-header > a:first-child {
    padding: .06rem;
    display: inline-block;
    vertical-align: middle;
    height: .9rem;
    line-height: .9rem;
}

.c-header > div:nth-child(2) {
    float: right;
    margin-top: .2rem;
}

.c-header > a > img {
    width: 2.9305rem;
}

.c-header > div > a {
    padding: .12rem .3055rem;
    font-size: .38rem;
    border-radius: 100px;
    border: 1px solid #ff9500;
    background: #ff9500;
    color: #fff;
}

.c-header > div > a:link,
.c-header > div > a:visited,
.c-header > div > a:hover,
.c-header > div > a:active {
    text-decoration: none;
}

.nav-problem {
    float: right;
    margin-top: .25rem;
    margin-right: .3rem;
    font-size: .35rem;
    color: #333;
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

.c-search {
    padding: .2045rem .44rem;
    background: #fff;
}

.c-search > div {
    width: 9.11rem;
    margin: 0 auto;
    background: #f3f4f4;
    border-radius: .13rem;
    padding: .1704rem;
    text-align: center;
}

.c-search > div > img {
    display: inline-block;
    vertical-align: middle;
    width: .55rem;
    margin-right: -.15rem;
}

.c-search > div > span {
    vertical-align: middle;
    color: #999;
    font-size: .38rem;
}

.c-gamefound {
    display: inline-block;
    vertical-align: middle;
    padding: .25rem;
}

.c-gamefound > img {
    width: 1.78rem;
    height: 1.78rem;
    border-radius: .444rem;
}

.c-gamefound > p {
    font-size: .31rem;
    line-height: .5555rem;
    text-align: center;
    color: #333;
}

.c-gamefound:link,
.c-gamefound:visited,
.c-gamefound:hover,
.c-gamefound:active {
    text-decoration: none;
}

.c-dayfound {
    text-align: center;
    padding: .3068rem .44rem .5454rem;
    margin-top: .33rem;
    background: #fff;
}

.c-dayfound > .c-dayfound-top {
    text-align: left;
}

.c-dayfound-top > span {
    display: inline;
    vertical-align: middle;
    font-size: .5rem;
    color: #333;
    line-height: .6667rem;
    font-weight: 600;
}

.c-dayfound-top > div {
    float: right;
}

.c-dayfound-top > div > img {
    width: .44rem;
    height: .44rem;
    display: inline-block;
    vertical-align: middle;
}

.c-dayfound-top > div > span {
    font-size: .34rem;
    color: #ff9500;
    line-height: .5rem;
    vertical-align: middle;
}

.c-dayfound-content > .c-gamefound:first-child {
    padding-left: 0;
}

.c-dayfound-content > .c-gamefound:last-child {
    padding-right: 0;
}
.c-dayrm-content > .c-gamefound:first-child {
    padding-left: 0;
}

.c-dayrm-content > .c-gamefound:last-child {
    padding-right: 0;
}
.c-gamelist > .c-gamelist-game:nth-child(4n+2) {
    padding-left: 0;
}

.c-gamelist > .c-gamelist-game:nth-child(4n+5) {
    padding-right: 0;
}

.c-gamelist {
    background: #fff;
    margin-top: .33rem;
    padding: .48rem .44rem;
}

.c-gamelist > p {
    font-size: .5rem;
    color: #333;
    line-height: .6667rem;
    font-weight: 600;
}

.c-gamelist-more {
    text-align: center;
    padding: .5454rem .4444rem;
}

.c-gamelist-more > button {
    width: 9.11rem;
    display: inline-block;
    padding: .2rem;
    color: #666;
    font-size: .38rem;
    border-radius: .13rem;
    background: #dbddde;
    border: 1px solid #dbddde;
}
.my_btn {
    font-size: .31rem;
    line-height: .5555rem;
    text-align: center;
    border-radius: 3px;
    padding: 5px 10px;
}

.c-gamelist-box {
    display: inline-block;
    vertical-align: middle;
    padding: .2rem;
}

.c-gamelist-box:link,
.c-gamelist-box:visited,
.c-gamelist-box:hover,
.c-gamelist-box:active {
    text-decoration: none;
}

.c-gamelist-box > img {
    width: 1.78rem;
    height: 1.78rem;
    border-radius: .444rem;
}

.c-gamelist-box > p {
    font-size: .31rem;
    line-height: .5555rem;
    text-align: center;
    color: #333;
}

.c-gamelist-content > .c-gamelist-box:nth-child(4n+1) {
    padding-left: 0;
}

.c-gamelist-content > .c-gamelist-box:nth-child(4n+4) {
    padding-right: 0;
}

.c-footer {
    padding: .5454rem .44rem;
    background: #2E3132;
}

.c-footer > .c-footer-title {
    font-size: .38rem;
    line-height: .458rem;
    position: relative;
    padding-left: .25rem;
    color: #fff;
    margin-left: .1rem;
    margin-bottom: .2rem;
}

.c-footer > .c-footer-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: .458rem;
    width: 4px;
    background: #ff9500;
}

.c-footer > .c-footer-link {
    margin-top: .0682rem;
}

.c-footer .c-footer-rules > li {
    float: left;
    width: 2.275rem;
}

.c-footer > .c-footer-link {
    padding: .2045rem 0 .4432rem;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.c-footer > .c-footer-link > li {
    display: inline-block;
    vertical-align: middle;
    width: 32%;
    margin-top: .2045rem;
}

.c-footer-link > li > div > a {
    text-decoration: none;
    color: #97999a;
    font-size: .35rem;
    line-height: .5rem;
}

.c-footer-link > li > div > a:hover {
    color: #fff;
}

.c-footer > div:nth-child(3) {
    margin-top: .4431rem;
    color: #97999a;
}

.c-footer > div:nth-child(4) {
    color: #6f7273;
    font-size: .3333rem;
}

.myPagination {
    list-style: none;
    /* width: 8rem; */
    height: 1rem;
    display: inline-block;
    /* margin: 0 auto; */
}

.myPagination > li {
    float: left;
}

.myPagination > li > a {
    padding: .2222rem .3333rem;
    border: 1px solid #ddd;
    color: #999;
    text-decoration: none;
    border-radius: .1111rem;
    font-size: .2222rem;
    line-height: .4444rem;
}

.myPagination > li > a:hover {
    color: #ff9500;
    background: #fff;
    border: 1px solid #ff9500;
}

.myPagination > li > a.active {
    color: #fff;
    background: #ff9500;
    border: 1px solid #ff9500;
}