* {
    font-family: 'Heebo';
    margin: 0;
    padding: 0;
}
#account-box {
    background: #1F1F1F url(../images/card.png) no-repeat top left;
    background-size: 77px;
    border-radius: 16px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    padding: 30px 50px;
    width: 400px;
    position: relative;
}
@media (min-width: 1280px) {
    #account-box {
        background: #1F1F1F url('../images/card.png') no-repeat top left;
        background-size: 77px;
        border-radius: 16px;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        padding: 30px 80px 50px;
        width: 500px;
        position: relative;
    }
    #account-box .help {
        margin: 40px 0 15px;
    }
}
#account-box .sec-logo {
    margin: 0 auto 30px; 
    width: 200px;
}
#account-box form {
    text-align: center;
}
#account-box form label,
#account-box > form .forgot-ps {
    color: #fff;
    display: block;
    text-align: left;
}
#account-box > form .forgot-ps {
    font-size: 13px;
    letter-spacing: .02em;
    text-align: right;
    margin-top: 10px;
}
#account-box > form .input-group {
    margin-bottom: 30px;
    width: 100%;
}
#account-box > form input {
    background-color: transparent !important;
    width: 100%;
}
#account-box > form button.login-btn,
#account-box > form .reg-btn,
#account-box > form button.reg-btn {
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    color: #000;
}
#account-box .reminder {
    background: #2f2f2f;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    text-align: center;
    padding: 15px 18px;
    margin-bottom: 30px;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    border-image: linear-gradient(to right, rgba(251, 232, 125, 0), #FBE87D, rgba(251, 232, 125, 0));
    border-image-slice: 1;
}
#account-box .reminder p {
    color: #ffffffc9;
}
#account-box .close {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 0px;
    padding: 10px 20px;
    cursor: pointer;
}
#account-box p {
    color: #fff;
    font-size: 11px;
    text-align: center;
}
#account-box .help {
    margin: 20px 0 15px;
}
#account-box .reminder .subtitle,
#account-box .help a {
    color: #fcd434;
}
#account-box > form button + button {
    margin-left: 0
}
#account-box > form button.register-btn {
    width: 211px;
    height: 38px;
    font-size: 14px;
    background-image: url('../images/btn02.png');
    background-size: 100% 100%;
}
#account-box > form button.freeplay-btn {
    margin-left: 10px;
    background-image: url('../images/btn03.png')
}
.home .linechat-btn {
    display: none
}
.home .forget-btn {
    top: 9px
}
.home #captcha {
    border-radius: 4px;
    /*background-color: #fff;*/
    right: 0;
}
.home #agree {
    top: 78%;
    right: 20px
}
#account-box.login {
    padding: 80px 17px 0;
    text-align: left;
    background-image: url('../images/login_info.png')
}
.home ul#account-info > li {
    display: block;
    font-size: 14px;
    line-height: 35px
}
.home #account-info li a.mrefresh{
    display: inline-block;
    background: url(/web/images/bg-ico.png) no-repeat center center;
    background-position: -80px -102px;
    width: 18px;
    height: 16px;
    margin-left: 10px;
    margin-bottom: 3px;
    vertical-align: middle;
}
.home #account-info > li + li {
    margin: 0
}
.home #account-nav > li + li:before {
    padding: 0 12px
}
.home #account-nav > li.no-border:before {
    display: none
}
.home #account-nav > li.push-right {
    margin-right: 35px
}
.home #account-nav {
    margin: 0
}
.home #account-nav > li:before {
    color: #fff
}
.home #account-nav > li > a {
    color: #fff;
    font-size: 14px;
    line-height: 30px
}
.home #account-nav > li > a.uscenter{
    margin-top: 15px;
    width: 101px;
    height: 36px;
    color: #071684;
    line-height: 36px;
    margin-right: 5px;
    background: url(../images/btn04.png) no-repeat center center;
    white-space: nowrap;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 11.5px;
}
.home #account-nav > li > a:hover {
    color: #fd0
}
.home #action-box > a {
    margin-top: 2px;
    width: 101px;
    height: 33px;
    line-height: 33px;
    background-image: url('../images/btn02.png')
}
.home #action-box > a.linechat-btn {
    display: none
}
#banner {
    position: relative;
    height: 550px;
    /*background: url('../images/banner.jpg') no-repeat center top*/
}
#slide-banner {
    position: relative;
    height: 405px;
    top: 120px;
    /* left: 50%;
    margin-left: -960px; */
    overflow: hidden;
    text-align: center
}
#slide-banner .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#slide-banner .slide a {
    display: inline-block;
    /*width: 1920px;*/
    /* height: 681px; */
}
#news .wrapper {
    background: none
}
#news .wrapper:before {
    content: '';
    position: absolute;
    top: 2px;
    margin-left: 5px;
    width: 32px;
    height: 32px;
    background: url('../images/news_icon.svg') no-repeat left center
}
#news #hot-news {
    height: 32px;
    line-height: 34px;
    background: linear-gradient(90deg, rgba(12, 12, 12, 0) 0%, #0C0C0C 50%, rgba(12, 12, 12, 0) 100%);
    border-radius: 8px;
    padding: 0 5px;
}
#content {
    padding: 0;
    background-color: transparent;
    margin-top: 30px;
}
@font-face {
    font-family: 'FZZZHONGJW';
    src: url('/fonts/FZZZHONGJW.eot');
    src: url('/fonts/FZZZHONGJW.eot?#iefix') format("embedded-opentype"), url('/fonts/FZZZHONGJW.woff') format("woff"), url('/fonts/FZZZHONGJW.ttf') format("truetype"), url('/fonts/FZZZHONGJW.svg#FZZZHONGJW') format("svg")
}
section.homepage {
    font-size: 0
}
section.homepage .game-list {
    position: relative;
    height: 513px
}

section.homepage .game-list > ul > li {
    position: absolute
}
section.homepage .game-list > ul > li > div.lititl {
    padding-left: 23px;
    padding-right: 84px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}
section.homepage .game-list > ul > li > div.lititl > span {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Simsun,sans-self"
}
section.homepage .game-list > ul > li > div.lititl > span.lispa {
    padding-left: 22px;
    color: #fff;
    font-size: 12px;
}
section.homepage .game-list > ul > li > div.lititl > span.liems {
    color: #87686d;
    font-size: 14px;
    font-weight: bold
}
section.homepage .game-list li a {
    display: block;
    padding: 32px;
    padding-left: 38px;
    padding-bottom: 0
}
section.homepage .game-list a:hover:after {
    opacity: 1;
    filter: alpha(opacity=100)
}
section.homepage .game-list li.litx3 a:after,
section.homepage .game-list li.litx4 a:after,
section.homepage .game-list li.litx5 a:after {
    background: url('../images/enter1.png') no-repeat 25px 9px
}
section.homepage .game-list li a img {
    display: block
}