.game-verify[data-v-4c1e6fa6]{
    width:360px;
    min-height:303px;
    background:#fff;
    border-radius:8px;
    padding:16px 24px;
    position:relative;
    background-image:url(data:image/png;
    base64,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);
    background-size:72px 72px;
    background-position:0 0;
    background-repeat:no-repeat
}
.game-verify .close[data-v-4c1e6fa6]{
    position:absolute;
    top:16px;
    right:24px;
    width:16px;
    height:16px;
    background-image:url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAChUlEQVRYR82XsWsTURzHv9+7oEPUpVakOElxUHERQScbF8VBcHHxL7BDBgdptbnrJbUpFhwC1r/AxUUQBCcTJwviJApKcZIirV2MGdTc/eRdcjG53CXv0pQzQyCXd7/v5/1+v/d97xGaH9t+uk+MLznx5JoAJwlMATLVep2bAmwS+EiDz+kdrzrOjd86oTlskG0/OOqiaRG4KYJDw8b7OMQPAZ6YyBQd5863Qe/EAlQqlf3fdxr3PMFtQLI6wv1j2DCIh4cnsvfz+fyvqBiRAK1Zu88gcn404dBb5LoJ83pUNvoAbHv1jIfmCxE5NhbxdhCSX2Hyasmae98dtwdAzdyD+3bc4oGggjBgnuvORAdA1Xxrp1EbW9rj0keuH5nIzgQ90QGw7HLREymMM+1xsQyyVHTmLX/FqC+/6cTdiO52CojXEJwF5KAeIOsg3kFwEZCIRmfDpDmtSuH/uWAvr0FwKzI4WVty5nOF4sopaXpVAJNDILaZMXIla+7Dgl2uQmQmOi4eLzl3Z6kczsPGdrzJsM4ML6iAGhAd8dZYeROXNWVWBqYnaTkrlz3XeznQrcgtmLw0BCIkPjxbhmlcYcEuPxKRWY3aDhJILN6ybK5xYJ36qaKEENRco0S9EcmaysAnETmhkYFgSA+EeqjZH30SJD+zYC/XRXAgAYAa2oFQPxLPvGPP+DkSALuacjcAAOuJS9Atvri4eto1XNlVCZI0YVi86f155Xdz23gSl6LdhFrLMEY8cMXRl2FSI1Jpb888bMmJIXwjSmLFA8Qjl6iWFae+Gf0X27GCSPVAogBSP5IFpUjtUBq0carH8n8QKV5MAohUr2bdW3Nql9Pw+WCvrud/AR+EFIk93dcjAAAAAElFTkSuQmCC);
    background-size:cover;
    cursor:pointer
}
.game-verify h3[data-v-4c1e6fa6]{
    font-size:24px;
    font-weight:600;
    color:#121213;
    line-height:33px;
    text-align:center
}
.game-verify .p1[data-v-4c1e6fa6]{
    margin-top:16px;
    font-size:16px;
    font-weight:400;
    color:#7c7e86;
    line-height:22px
}
.game-verify .p2[data-v-4c1e6fa6]{
    margin-top:16px;
    font-size:14px;
    font-weight:400;
    color:#121213;
    line-height:20px
}
.game-verify .p2 span[data-v-4c1e6fa6]{
    color:var(--main-color)
}
.game-verify .p3[data-v-4c1e6fa6]{
    margin-top:16px;
    font-size:14px;
    font-weight:400;
    color:#7c7e86;
    line-height:20px
}
.game-verify .btn[data-v-4c1e6fa6]{
    width:312px;
    height:40px;
    background:var(--main-color);
    border-radius:20px;
    text-align:center;
    line-height:40px;
    cursor:pointer;
    margin:32px auto 0;
    font-size:18px;
    font-weight:400;
    color:#fff
}
.user_mian[data-v-5af4ca8e]{
    height:42px;
    background:#000;
    display:flex;
    justify-content:center
}
.user_mian .user_content[data-v-5af4ca8e]{
    width:1100px;
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.user_mian .user_content .login[data-v-5af4ca8e]{
    display:flex;
    align-items:center;
    flex:1
}
.user_mian .user_content .login_input[data-v-5af4ca8e]{
    background:#000;
    border:1px solid #626262;
    font-size:12px;
    color:#aaa;
    margin-right:12px;
    padding:4px 5px
}
.user_mian .user_content .login_forget[data-v-5af4ca8e]{
    margin-right:8px;
    background:transparent;
    font-size:12px;
    border:0;
    color:#aaa
}
.user_mian .user_content .login_btn[data-v-5af4ca8e]{
    margin-right:8px;
    width:83px;
    height:26px;
    line-height:22px;
    cursor:pointer;
    border:0;
    color:#54300d;
    background:url(../images/login-bj.png) top
}
.user_mian .user_content .login_btnreg[data-v-5af4ca8e]{
    cursor:pointer;
    border:0;
    margin-right:8px;
    width:83px;
    height:26px;
    line-height:26px;
    text-align:center;
    background:url(../images/zcbjj.png);
    color:#d4c46f;
    overflow:hidden
}
.user_mian .user_content .code_img[data-v-5af4ca8e]{
    width:70px;
    margin-right:8px
}
.user_mian .user_content .user_info[data-v-5af4ca8e]{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    font-size:14px;
    font-weight:700;
    color:#fff
}
.user_mian .user_content .user_info p[data-v-5af4ca8e]{
    display:flex;
    align-items:center;
    float:left;
    margin-right:10px
}
.user_mian .user_content .user_info p span[data-v-5af4ca8e]{
    margin-left:8px;
    color:var(--main-color)
}
.user_mian .user_content .user_info p .icon[data-v-5af4ca8e]{
    width:16px;
    height:16px;
    cursor:pointer
}
.user_mian .user_content .user_info p .icon.refresh[data-v-5af4ca8e]{
    animation:rotate .3s ease-in-out
}
.user_mian .user_content .user_info div[data-v-5af4ca8e]{
    color:#a9a9a9
}
.user_mian .user_content .user_info div span[data-v-5af4ca8e]{
    line-height:1.8;
    color:#a9a9a9;
    cursor:pointer
}
.user_mian .user_content .user_info div span[data-v-5af4ca8e]:first-child{
    padding-left:0
}
.user_mian .user_content .user_info div span[data-v-5af4ca8e]:last-child{
    padding-left:0;
    border-right:none
}
.user_mian .user_content .user_info div span[data-v-5af4ca8e]:hover{
    color:red
}
.home-header{
    width:100%;
    height:126px;
    position:fixed;
    top:0;
    left:0;
    z-index:998;
    background:url(../images/topbeij.png) no-repeat 50%/100% 100%
}
.subnav {
    position: absolute;
    line-height: 36px;
    left: -26px;
    top: 76px;
    z-index: 99;
    display: none;
    padding-top: 5px;
}
.subnav .con {
    background: rgba(0, 0, 0, .85);
    width: 190px;
    border: 2px solid #ffd053;
    height: auto;
    padding-top: 3px;
}
.subnav .con a:hover{
    color: #ff9;
}
.subnav .con a img {
    position: absolute;
    z-index: 99;
    right: 5px;
    top: 10px;
    transform: translateY(-35%);
}
.subnav .con a {
    color: #c7c7c7;
    font-size: 13px;
    display: block;
    width: 180px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-bottom: 1px dotted hsla(0, 0%, 100%, .15);
    margin: 0 auto;
    padding: 5px 15px 0;
    position: relative;
}
.hotgames:hover .subnav{
    display: block;
}
.header-sub{
    position:relative;
    z-index:6
}
.header-sub,.header-sub .sub-content{
    margin:0 auto;
    width:1100px;
    height:36px
}
.header-sub .sub-content{
    display:flex;
    justify-content:space-between
}
.header-sub .sub-content a{
    color:#fff;
    font-weight:700
}
.header-sub .sub-content .content-left{
    display:flex;
    align-items:center;
    font-size:16px
}
.header-sub .sub-content .content-left .word{
    width:24px;
    height:24px;
    margin-right:8px
}
.header-sub .sub-content .content-left .notice{
    width:500px;
    color:#f0f0f0;
    font-size:14px;
    opacity:.6;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center
}
.header-sub .sub-content .content-left .notice .title{
    line-height:40px
}
.header-sub .sub-content .customer>a span{
    color:#ff0;
    font-weight:700
}
.header-sub .sub-content .customer .customer-hover{
    position:absolute;
    height:auto;
    top:20px;
    overflow:hidden;
    display:none;
    z-index:66
}
.header-sub .sub-content .customer .customer-hover .customer-content{
    width:200px;
    margin-top:15px;
    background:#2d3052;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    border-radius:0 0 4px 4px
}
.header-sub .sub-content .customer .customer-hover .customer-content .a{
    display:block;
    height:56px;
    padding:0 8px
}
.header-sub .sub-content .customer .customer-hover .customer-content .a:hover{
    background-color:hsla(0,0%,100%,.1)
}
.header-sub .sub-content .customer .customer-hover .customer-content .a .content-a{
    display:flex;
    align-items:center;
    font-size:12px;
    color:#fff;
    height:56px
}
.header-sub .sub-content .customer .customer-hover .customer-content .a img{
    width:40px;
    height:40px;
    margin-right:8px;
    border-radius:24px
}
.header-sub .sub-content .customer .customer-hover .customer-content .a span{
    flex:1;
    display:flex;
    flex-direction:column
}
.header-sub .sub-content .customer .customer-hover .customer-content .a span .content{
    color:hsla(0,0%,100%,.6);
    display:flex;
    align-items:center
}
.header-sub .sub-content .customer .customer-hover .customer-content .a span .content i{
    width:16px;
    height:16px;
    margin-right:2px
}
.header-sub .sub-content .customer .customer-hover .customer-content .a span .content .words{
    width:116px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.header-sub .sub-content .content-right{
    display:flex;
    align-items:center
}
.header-sub .sub-content .content-right .top-swf{
    width:240px
}
.header-sub .sub-content .content-right .customer>span{
    word-break:break-all;
    flex:1
}
.header-sub .sub-content .content-right .customer,.header-sub .sub-content .content-right .lang,.header-sub .sub-content .content-right .login{
    display:flex;
    align-items:center;
    margin-left:32px;
    cursor:pointer
}
.header-sub .sub-content .content-right .customer .icon,.header-sub .sub-content .content-right .lang .icon,.header-sub .sub-content .content-right .login .icon{
    width:24px;
    height:24px;
    margin-right:8px
}
.header-sub .sub-content .content-right .customer .icon img,.header-sub .sub-content .content-right .lang .icon img,.header-sub .sub-content .content-right .login .icon img{
    width:100%;
    height:100%
}
.header-sub .sub-content .content-right .customer>span,.header-sub .sub-content .content-right .lang>span,.header-sub .sub-content .content-right .login>span{
    opacity:.6;
    font-size:14px;
    color:#f0f0f0
}
.header-sub .sub-content .content-right .customer>span:hover,.header-sub .sub-content .content-right .lang>span:hover,.header-sub .sub-content .content-right .login>span:hover{
    opacity:.8
}
.header-sub .sub-content .content-right .customer .user-info,.header-sub .sub-content .content-right .lang .user-info,.header-sub .sub-content .content-right .login .user-info{
    display:flex;
    flex-direction:column;
    position:relative;
    z-index:999
}
.header-sub .sub-content .content-right .customer .user-info .name,.header-sub .sub-content .content-right .lang .user-info .name,.header-sub .sub-content .content-right .login .user-info .name{
    font-size:12px;
    color:#f0f0f0;
    opacity:.6
}
.header-sub .sub-content .content-right .customer .user-info .money,.header-sub .sub-content .content-right .lang .user-info .money,.header-sub .sub-content .content-right .login .user-info .money{
    word-break:keep-all;
    font-size:14px;
    color:#149eff
}
.header-sub .sub-content .content-right .customer .imageUrl,.header-sub .sub-content .content-right .lang .imageUrl,.header-sub .sub-content .content-right .login .imageUrl{
    width:24px;
    height:24px;
    margin-left:8px
}
.header-sub .sub-content .content-right .customer .imageUrl img,.header-sub .sub-content .content-right .lang .imageUrl img,.header-sub .sub-content .content-right .login .imageUrl img{
    width:100%;
    height:100%;
    display:block
}
.header-sub .sub-content .content-right .lang{
    position:relative;
    width:122px;
    height:40px;
    margin-left:16px;
    font-size:12px;
    background:url(../images/yuyan.png) no-repeat 100%
}
.header-sub .sub-content .content-right .lang .icon-arrow{
    margin-right:0;
    margin-left:4px
}
.header-sub .sub-content .content-right .lang .icon{
    opacity:1
}
.header-sub .sub-content .content-right .lang .icon img{
    width:100%;
    height:100%;
    opacity:1
}
.header-sub .sub-content .content-right .lang .lang-hover{
    position:absolute;
    height:auto;
    top:20px;
    right:0;
    overflow:hidden;
    display:none
}
.header-sub .sub-content .content-right .lang .lang-hover .hover-content{
    width:120px;
    margin-top:15px;
    background:#2d3052;
    box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
    border-radius:0 0 4px 4px
}
.header-sub .sub-content .content-right .lang .lang-hover .hover-content span{
    display:block;
    height:32px;
    font-size:12px;
    color:#fff;
    display:flex;
    align-items:center;
    padding:0 8px
}
.header-sub .sub-content .content-right .lang .lang-hover .hover-content span:hover{
    background-color:hsla(0,0%,100%,.1)
}
.header-sub .sub-content .content-right .lang .lang-hover .hover-content span img{
    width:24px;
    height:24px;
    margin-right:8px
}
.header-sub .sub-content .content-right .lang .lang-hover .hover-content span b{
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.header-main{
    box-shadow:0 4px 8px 0 hsla(0,0%,76.5%,.16);
    position:relative;
    z-index:5
}
.header-main .main-content{
    width:1200px;
    height:90px;
    margin:0 auto;
    display:flex;
    justify-content:space-between
}
.header-main .main-content .header-logo img{
    height:100%
}
.header-main .main-content .content-left{
    display:flex;
    justify-content:center;
    align-items:center
}
.header-main .main-content .content-left .logo{
    width:244px;
    height:87px
}
.header-main .main-content .content-left .meun{
    width: 86px;
    color:#fff;
    font-family:auto;
    height:80px;
    cursor:pointer;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center
}
.header-main .main-content .content-left .meun.active,.header-main .main-content .content-left .meun:hover{
    border-bottom:2px solid #ff9
}
.header-main .main-content .content-left .meun>span:first-child{
    height:30px;
    line-height:22px;
    font-size:19px
}
.header-main .main-content .content-left .meun>span:nth-child(2){
    height:22px;
    line-height:22px;
    color:#8e8989;
    font-size:14px
}
.header-main .main-content .content-left .meun .hot{
    position:absolute;
    width:28px;
    height:12px;
    right:0;
    top:5px;
    background:url(../images/hot.gif) no-repeat
}
.header-main .main-content .content-left .meun .hotre{
    position:absolute;
    width:28px;
    height:20px;
    right:-14px;
    top:5px;
    background:url(../images/re.gif) no-repeat
}
.header-main .main-content .content-left .meun .new{
    position:absolute;
    width:28px;
    height:12px;
    right:0;
    top:5px;
    background:url(data:image/gif;
    base64,R0lGODlhGgAPALMNAP/GAO8AAP/VQf/usv/he//if//JDP/JDf/us//IC//55v/jgP/usf///wAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTI0MUNDRTEzQzU3MTFFQkJBQzJCMDg1NDMyNEU2NkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTI0MUNDRTIzQzU3MTFFQkJBQzJCMDg1NDMyNEU2NkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMjQxQ0NERjNDNTcxMUVCQkFDMkIwODU0MzI0RTY2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMjQxQ0NFMDNDNTcxMUVCQkFDMkIwODU0MzI0RTY2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAkKAA0ALAAAAAAaAA8AAARhsMlJq71DGMC7/4AhIBMBnihANAgXdG8gy8DrwkDm2vHH1zfBYXezeXo9wLAInNGaUM6SlzxCbaJbrYpDcgQDbdOJEw8appSas5IwBIn1JwG+NBacgn1faen5gA0Kf4EUEQAh+QQFCgANACwAAAAAGgAPAAAEYLC1IQy4OGtgBJINsY0kQDTIFWBr4LrAqrIApcqthsezcNwzWSaXA/yCvBcsybwcccUhU9aZxaI04kUwsCaVNO8gVCpjThKGIGHWJLigeGNxKcjv+HjKnu/LFXx+goN9EQA7) no-repeat
}
.header-main .main-content .content-left .meun .hover-box{
    position:fixed;
    width:100%;
    height:200px;
    left:0;
    right:0;
    top:90px;
    background:#000;
    transition:all .3s;
    display:none
}
.header-main .main-content .content-left .meun .hover-box .game-list{
    width:1100px;
    margin:0 auto;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    align-items:center
}
.header-main .main-content .content-left .meun .hover-box .game-list .list{
    width:200px;
    margin:10px;
    cursor:pointer;
    text-align:center
}
.header-main .main-content .content-left .red,.header-main .main-content .content-left .red>span:nth-child(2){
    color:red!important
}
.header-main .main-content .content-right{
    display:flex;
    justify-content:center;
    align-items:center
}
.header-main .main-content .content-right .meun{
    cursor:pointer;
    color:#7c7e86
}
.header-main .main-content .content-right .meun.active,.header-main .main-content .content-right .meun:hover{
    color:#149eff
}
.header-main .main-content .content-right .user-info{
    display:flex;
    align-items:center;
    cursor:pointer
}
.header-main .main-content .content-right .user-info .info-name{
    display:flex;
    flex-direction:column;
    justify-content:center
}
.header-main .main-content .content-right .user-info .info-name b{
    color:#fff
}
.header-main .main-content .content-right .user-info .info-name .userName{
    text-align:right;
    font-size:16px
}
.header-main .main-content .content-right .user-info .info-name .money{
    font-size:14px;
    text-align:right
}
.header-main .main-content .content-right .user-info .user-center-meun{
    position:relative;
    display:flex;
    justify-content:center;
    margin-left:20px
}
.header-main .main-content .content-right .user-info .user-center-meun:hover .center-list{
    display:block
}
.header-main .main-content .content-right .user-info .user-center-meun .user-src{
    width:40px;
    height:40px
}
.header-main .main-content .content-right .user-info .user-center-meun .user-src img{
    width:100%;
    height:100%
}
.header-main .main-content .content-right .user-info .user-center-meun .center-list{
    position:absolute;
    left:-50px;
    top:50px;
    width:100px;
    background:#fff;
    border-radius:8px;
    padding:10px;
    display:none
}
.header-main .main-content .content-right .user-info .user-center-meun .center-list:after{
    content:"";
    position:absolute;
    left:60px;
    top:-20px;
    width:0;
    height:0;
    border:10px solid transparent;
    border-bottom-color:#fff
}
.header-main .main-content .content-right .user-info .user-center-meun .center-list li{
    height:30px;
    color:#63697a;
    line-height:30px;
    text-align:center
}
.header-main .main-content .content-right .push-btn{
    display:flex;
    align-items:center;
    text-align:center;
    cursor:pointer
}
.header-main .main-content .content-right .push-btn .btn{
    width:110px;
    height:44px;
    line-height:44px;
    border-radius:44px
}
.header-main .main-content .content-right .push-btn .login{
    box-shadow:0 10px 30px 0 rgba(0,0,0,.05);
    margin-right:10px;
    color:#cae0ff;
    border:1px solid #cae0ff;
    position:relative
}
.header-main .main-content .content-right .push-btn .login:hover,.header-main .main-content .content-right .push-btn .register{
    color:#fff;
    background-image:linear-gradient(90deg,#88baff,#3e92ff)
}
.header-hover-sub{
    opacity:0;
    z-index:0
}
.header-hover,.header-hover-sub{
    width:100%;
    height:420px;
    position:absolute;
    top:-420px;
    left:0
}
.header-hover{
    background-image:linear-gradient(135deg,#faf5ff,#eff9ff);
    box-shadow:0 4px 12px 0 rgba(0,0,0,.2);
    transition:all .3s;
    z-index:-1
}
.header-hover:hover{
    top:0!important
}
.header-hover .hover-content{
    width:1100px;
    height:300px;
    margin:120px auto 0;
    position:relative
}
.header-hover .hover-content .hover-carousel{
    width:1100px
}
.header-hover .hover-content .carousel-prev{
    left:-56px
}
.header-hover .hover-content .carousel-next,.header-hover .hover-content .carousel-prev{
    width:56px;
    height:56px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer
}
.header-hover .hover-content .carousel-next{
    right:-56px
}
.header-hover .item-row{
    display:flex;
    height:300px
}
.header-hover .item-row .item-col{
    width:600px;
    display:flex
}
.header-hover .item-row .col-bkd{
    width:272px;
    position:relative
}
.header-hover .item-row .col-bkd img{
    width:248px;
    height:248px;
    position:absolute;
    bottom:0;
    left:24px
}
.header-hover .item-row .col-words{
    width:300px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.header-hover .item-row .col-words .words{
    width:300px;
    font-size:32px;
    color:#121213;
    letter-spacing:0;
    margin-bottom:24px;
    text-align:center
}
.header-hover .item-row .col-words .btn{
    width:128px;
    height:40px;
    background-image:linear-gradient(135deg,#72c5ff,#149eff);
    border:1px solid #049fff;
    border-radius:23px;
    font-size:16px;
    color:#fff;
    text-align:center;
    line-height:40px;
    cursor:pointer
}
.header-hover .item-row.spc-1 .item-col{
    width:600px;
    margin:0 auto
}
.header-hover .item-row.row-3 .item-col{
    width:400px;
    display:flex;
    position:relative
}
.header-hover .item-row.row-3 .col-words{
    width:100px;
    position:absolute;
    top:50%;
    right:24px;
    transform:translateY(-50%)
}
.header-hover .item-row.row-4 .item-col{
    width:300px;
    display:flex;
    position:relative
}
.header-hover .item-row.row-4 .col-words{
    width:300px;
    height:150px;
    position:absolute;
    bottom:0;
    left:0
}
.header-hover .item-row.row-4 .col-words .words{
    font-size:24px;
    margin-bottom:12px;
    margin-top:12px
}
.header-hover .item-row.row-4 .col-bkd{
    position:relative
}
.header-hover .item-row.row-4 .col-bkd img{
    width:152px;
    height:152px;
    position:absolute;
    top:16px;
    left:50%;
    transform:translateX(-50%)
}