/* 禁用响应 */
@media (min-width: 990px) {
	.container {width: 1040px;}
}
@media (min-width: 1200px) {
	.container {width: 1040px;}
}
.container {width: 1200px !important;margin: 0 auto;padding: 0;}

a, a:hover {text-decoration: none;}
/*====================    外部字体    =====================*/
@font-face{font-family: 'DINPro';src : url('../fonts/DINPro.ttf');}
/*==================== common 公共 ====================*/
body {font-family: PingFang SC,DinPro,dinpro,PingFangSC-Regular,SF Pro SC,SF Pro Text,Microsoft Yahei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size: 14px;background: #fff; }
ul, ol {list-style: none;}

/*header*/
.index header{background: transparent;}
header {position: fixed;height: 90px;z-index: 998;background: linear-gradient(180deg,rgba(206,218,237,1),rgba(220,229,244,1),rgba(241,245,255,1) 90%);background-size: 100% 100%;width: 100%;overflow: visible;}
header.whiteHeader{background: #fff;}
header .logo img {max-width: 108px;}
header .logo {display: flex;height: 90px;align-items: center;margin-right: 24px;}
header .navbar {display: flex;overflow: visible;height: 90px;align-items: center;margin-right: 24px;}
header .container {position:relative;display: flex;flex-direction: row;align-items: center;width: 100%;min-width: 1200px;justify-content: flex-start;}
header .navbar-collapse {overflow: visible;}
header .nav9.navbar-sub {left: 0;top: 90px;}
header .navbar .nav-item a:hover {color: #3181ff;}
header .navbar .nav-item.active a {color: #3181ff;}
header .navbar .nav-item{display:flex;justify-content:center;}
header .navbar .nav-item:before {content: '';position: absolute;display: inline-block;width: 0;height: 2px;background: #4176fa;top: 60px;transition: .3s ease;}
header .navbar .nav-item.active:before {width: 100%;}
header .navbar .nav-item a {color: #6c7ba8;margin: 0 auto;padding: 0;font-size: 18px;height: 90px;line-height: 90px;}
header .header-top .navbar ul {display: flex;width: 640px;justify-content: space-between;}
header .header-top .navbar ul li {display: flex;}
header .navbar .nav-item.nav-icon:before {display: none;}
header .navbar .nav-item.nav-icon a {line-height: 30px;padding: 16px 0;font-size: 16px;}
header .navbar .nav-item.nav-icon:hover,
header .navbar .nav-item.nav-icon a:hover{opacity: .9;color: #6c7ba8;}
header .header-top .navbar ul li.nav-icon a:before{content:'';display:block;width:28px;height:28px;}
header .header-top .navbar ul li.nav-icon:nth-child(5n+0) a:before{background-position-x: 0;}
header .header-top .navbar ul li.nav-icon:nth-child(5n+1) a:before{background-position-x: -28px;}
header .header-top .navbar ul li.nav-icon:nth-child(5n+2) a:before{background-position-x: -56px;}
header .header-top .navbar ul li.nav-icon:nth-child(5n+3) a:before{background-position-x: -84px;}
header .header-top .navbar ul li.nav-icon:nth-child(5n+4) a:before{background-position-x: -112px;}
header .login .form-group {position: relative;}
header .login .form-group .form-btn {display: inline-block;width: 54px;height: 28px;line-height: 28px;border-radius: 25px;text-align: center;transition: all .3s;}
header .login .form-group .form-btn:hover {color: #fff;opacity: .8;}
header .login .form-group .form-btn.login-btn{background: linear-gradient(0deg, #5fb0ff,#5095fd, #427cfb);border-bottom: 2px solid #5fb0ff;color: #fff;background: no-repeat center/cover;}
header .login .form-group .form-btn.register-btn{background: linear-gradient(0deg, #eff4ff,#f3f7ff, #eff4ff);border-top: 2px solid #fff;color: #6c7ba8;box-shadow: 0 4px 8px 0 rgba(194,211,222,.67), inset 0 1px 7px 0 #fff, inset 0 -3px 4px 0 rgba(175,194,230,.16);}
header .login .form-group .forget-btn {position: absolute;right: 12px;font-size: 12px;line-height: 28px;color: #fff;}
header .form-inline .form-control {width: 104px;height: 28px;border-radius: 14px;background: #a4b0ce;padding: 0 12px;margin: 0 3px;border:unset;box-shadow: 0 0 0 30px transparent inset;font-size: 12px;transition: all .7s ease;}
header .form-inline .form-control:hover{background: #8391b7;}
header .form-inline .form-control::placeholder {font-size: 12px;color: #fff;}
header .form-inline .form-control:focus {border-color: #8391b7;}
header .form-inline .form-control:focus + .forget-btn {color: #8391b7; }
header .login .form-group ._vr_captcha_box{position: relative;}
header .form-inline .form-control.captcha-input {width: 104px;}
header .form-inline ._vr_captcha_code {width:60px;height: 28px;display:block;line-height: 28px;border-radius: 0 14px 14px 0;position: absolute;right: -6px;top:0;}
.header-panel ul, .header-panel ul li a {color: #818c9f !important; }
header .header-panel .panel_name a{color:#FF9800 !important;}


header input:-webkit-autofill,
header input:-webkit-autofill:hover,
header input:-webkit-autofill:focus,
header input:-webkit-autofill:active{transition: all .7s ease;-webkit-box-shadow: 0 0 0 30px #a4b0ce inset !important;}
main.index{background: center;background-size: cover;background-color: #f0f6ff;}

.page-banner{display: block;height: 470px;background: no-repeat center center/contain;}

/*輪播圖*/
.slide {height: 700px;background: transparent;}
.slide .slide-inner li {height: 700px;}
.slide .slide-inner li a {height: 700px;}
.slide .slide-indicators ul li {height: 16px;width: 16px;border-radius: 50%;background: #8297b7}
.slide .slide-indicators ul li.active {background-size: 170%;background-position: 50%}

/*notice*/
.notice {width: 100%;height: 40px;line-height: 40px;margin: 32px 0;display: flex; }
.notice .container {position: relative;overflow: visible;display: flex;justify-content: center;}
.notice .notice-news {position:relative;width: 100%;height: 40px;line-height: 40px;align-items:center;display: flex;padding: 0 10px 0 75px;background-image:linear-gradient(180deg,#fff 14%,#ecefff 74%,#fefeff 98%);box-shadow: 0 6px 12px 0 rgba(216,226,255,.9);border-radius: 20px; }
.notice img {width: 53px;height: 63px;position: absolute;left: 18px;top: -5px;}
.notice .notice-list {width: 1030px;height: 40px;overflow: hidden;display: inline-block;}
.notice .notice-list li a {color: #98a3b1; }
.notice .notice-more{position:absolute;right: 8px;width: 75px;height: 26px;line-height: 26px;font-size: 14px;text-align: center; border: 1px solid #4176fa;color: #4176fa;border-radius: 13px;transition: all .2s;}
.notice .notice-more:hover{background-color: #4176fa;color: #fff;}

/*index-screen-01*/
.index-screen-01 {width: 100%;display: flex;flex-direction: column;}
.index-screen-01 .container{overflow: visible;}
.index-screen-01 .sponsor-list{display: flex;justify-content: space-between;margin: 40px 0 45px;}
.index-screen-01 .sponsor {position:relative;width: 384px;height: 136px;margin-top: 18px;overflow: visible;text-align: center;-webkit-transition: all .3s;transition: all .3s;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;cursor: pointer;background-size: 100% 100%;background-repeat: no-repeat;box-shadow: 0 20px 30px -10px #cdd2dd;border-radius: 12px;}
.index-screen-01 .sponsor:hover{transform: scale(1.05) translateZ(0);-webkit-transition: all .1s;transition: all .1s;}
.index-screen-01 .left-wrap {width: auto;height: 46px;font-size: 16px;text-align: left;position: absolute;left: 36px;top: 24px;}
.index-screen-01 .sponsor .sponsor-icon{position:relative;width: 50px;height: 50px;top: -8px;}
.index-screen-01 .sponsor-title {height: 22px;line-height: 22px;color: #414655;margin-bottom: 0;font-weight: 500;font-size: 1em;}
.index-screen-01 .sponsor-content{height: 22px;font-size: 14px;line-height: 22px;color: #6c7ba8;margin-top: 4px;}
.index-screen-01 .sponsor-people{position: absolute;bottom: 0;right: 0;width: 240px;height: 156px;}

.index-screen-01 .app-download{position: relative;}
.index-screen-01 .app-download img{width: 100%; height: 100%;}
.index-screen-01 .app-download .change-tabs{width: 456px;min-width: 456px;height: 580px;position: absolute;z-index: 1;background-size: cover;top: 130px;right: 0;border-radius: 24px;box-shadow: 0 20px 30px -10px #cdd2dd;}
.index-screen-01 .app-download .change-tabs .row{width:100%;display: flex;justify-content: space-around;padding: 0;margin: 36px 0 0;}
.index-screen-01 .app-download .change-tabs .item{color: #6c7ba8;width: 96px;height: 40px;line-height: 40px;text-align: center;background-size: cover;border-radius: 30.6px;box-shadow: 0 4px 8px 0 rgba(194,211,222,.5);cursor: pointer;}
.index-screen-01 .app-download .change-tabs .item:hover{opacity: .7;}
.index-screen-01 .app-download .change-tabs .item.active{box-shadow: 0 2px 4px 0 rgba(93,167,235,.8);border-radius: 30.6px;-webkit-animation: homeTabs_diamondBtnAnimation .35s ease-out forwards;animation: homeTabs_diamondBtnAnimation .35s ease-out forwards;}
.index-screen-01 .app-download .change-tabs .item span{font-size: 16px;font-weight: 500;font-family: PingFang SC;}
.index-screen-01 .app-download .change-wrap{position: relative;}
.index-screen-01 .app-download .change-wrap .left-wrap{position: relative;width: 880px;height: 620px;z-index: 0;left: -85px;}
.index-screen-01 .app-download .change-wrap .right-wrap{width: 456px;min-width: 456px;height: 504px;position: absolute;z-index: 2;top: 76px;right: 0;overflow: hidden;}
.index-screen-01 .app-download .change-wrap li{position:absolute;-webkit-animation: app-download_animationOutfo .48s ease-out forwards;animation: app-download_animationOutfo .48s ease-out forwards;}
.index-screen-01 .app-download .change-wrap li.active{display:block;-webkit-animation: app-download_animationInfo .48s ease-out forwards;animation: app-download_animationInfo .48s ease-out forwards;}
.index-screen-01 .app-download .change-wrap li h3{height: 40px;line-height: 40px;margin-top: 44px;margin-bottom: 0;font-size: 40px;color: #6c7ba8!important;font-weight: 700;font-family: Microsoft Yahei,PingFang SC,DinPro!important;}
.index-screen-01 .app-download .change-wrap li p{line-height: 1.56;margin-top: 12px;font-size: 18px;color: #6c7ba8;text-align: left;width: 384px;min-height: 112px;}
.index-screen-01 .app-download .change-wrap li .app-download_bottom_warp{position: relative;display: flex;justify-content: space-between;margin-top: 40px;padding-right: 40px;}
.index-screen-01 .app-download .change-wrap li .app-download_qrcode_box{text-align: center;display: flex;align-items: center;justify-content: center;width: 168px;height: 168px;border-radius: 12px;border: 2px solid #fff;background-image: linear-gradient(180deg,#f7fafc 1%,#ebf0f5);background: no-repeat center center/130px 130px;}
.index-screen-01 .app-download .change-wrap li .app-download_qrcode_box img{width: 110px;height: 110px;}
.index-screen-01 .app-download .change-wrap li .app-download_qrcode_warp{margin-right: 47px;}
.index-screen-01 .app-download .change-wrap li .appLinker_frameClassName{display: flex;align-items: center;justify-content: center;width: 168px;height: 168px;border-radius: 12px;background: linear-gradient(225.09deg,#dbe7ff,#ebf0f5 31.82%,#eef4ff 63.9%,#ebf0f5 97.47%);border: 2px solid #b4d3fd;padding: 12px 23px;}
.index-screen-01 .app-download .change-wrap li .app-download_fir_text,
.index-screen-01 .app-download .change-wrap li .appLinker_fir_text{margin-top: 10px;font-size: 18px;font-weight: 700;line-height: 25px;color: #6c7ba8;text-align: center;}
.index-screen-01 .app-download .change-wrap li .app-download_sen_text,
.index-screen-01 .app-download .change-wrap li .appLinker_sen_text{margin-top: 1px;font-size: 14px;line-height: 22px;color: #6c7ba8;text-align: center;white-space: nowrap;}

/*index-screen-02*/
.index-screen-02 {width: 100%;display: flex;flex-direction: column; }
.index-screen-02 .container {display: flex;flex-direction: column;position: relative;overflow: visible}
.index-screen-02 .title {width: 100%;height: 110px;}
.index-screen-02 .title img{width: 100%; height: 100%;}
.index-screen-02 .api-slide{display: flex;flex-direction: column;}
.index-screen-02 .api-slide .left_item{display: flex;justify-content: center;padding-top: 48px;}
.index-screen-02 .api-slide .left_item li{color: #6c7ba8;background-size: 100% 100%;position: relative;float: left;display: flex;justify-content: center;align-items: center;width: 96px;height: 40px;line-height: 40px;text-align: center;background-size: cover;border-radius: 30.6px;box-shadow: 0 4px 8px 0 rgba(194,211,222,.5);cursor: pointer;margin-right: 12px;}
.index-screen-02 .api-slide .left_item li.active{box-shadow: 0 2px 4px 0 rgba(93,167,235,.8);-webkit-animation: homeTabs_diamondBtnAnimation .35s ease-out forwards;animation: homeTabs_diamondBtnAnimation .35s ease-out forwards;}
.index-screen-02 .api-slide .left_item li span{font-size: 16px;font-weight: 500;font-family: PingFang SC;}
.index-screen-02 .content .right_item {display: flex;height: 590px;}
.index-screen-02 .content .right_item .container {display: flex;flex-direction: row;justify-content: space-around;overflow: visible;}
.index-screen-02 .content .right_item .big_img {position:relative;display: flex;z-index: 3;width: 750px;height: 590px;background: no-repeat center/100%;margin-left: -70px;}
.index-screen-02 .content .right_item > ul {width: 182px !important;}
.index-screen-02 .content .right_item .name_box {display: flex;flex-direction: column;width: 700px;height: 460px;position: relative;margin-top: 35px;margin-left: -220px;font-family: Microsoft YaHei UI,PingFang SC;background-size: cover;z-index: 2;border-radius: 24px;box-shadow: 0 20px 30px -10px #cdd2dd;padding:50px 0 0 200px}
.index-screen-02 .content .right_item .name_box .apiType_name{width: 460px;height: 116px;}
.index-screen-02 .content .right_item .name_box .apiType_name img{width: 100%;height: 100%;}
.index-screen-02 .content .right_item .name_box .apiType_desc{width: 400px;min-height: 72px;line-height: 1.5;margin-top: 11px;font-size: 16px;color: #6c7ba8;text-align: justify;font-family: Microsoft YaHei UI,PingFang SC;}
.index-screen-02 .content .right_item .name_box ul {display: flex;flex-direction:row;justify-content:flex-start;padding: 0;margin: 21px 0 0;width: 100%;}
.index-screen-02 .content .right_item .name_box ul li{display: flex !important;max-width:58px;position: relative !important;margin: 0 4px;}
.index-screen-02 .content .right_item .name_box ul li span:first-child{width:58px;height:58px;background: no-repeat center/cover;border-radius: 12.7px;overflow: hidden;text-align: center;}
.index-screen-02 .content .right_item .name_box ul li span:first-child:before{font-size: 24px;line-height: 58px;}
.index-screen-02 .content .right_item .name_box ul li span.icon-game{margin-top: 8px;height: 14px;font-size: 14px;font-weight: 500;color: #6c7ba8;text-align: center;}
.index-screen-02 .content .right_item .name_box ul li:hover span:first-child{webkit-animation: hotTemplate_iconAnimationIn .5s ease forwards;animation: hotTemplate_iconAnimationIn .5s ease forwards;box-shadow: 0 4px 8px 0 #b6bfdb;}
.index-screen-02 .content .right_item.slide-inner>ul{position: relative;}
.index-screen-02 .content .right_item.slide-inner>ul>li{position:absolute;z-index:-2;-webkit-animation: app-download_animationOutfo .48s cubic-bezier(.17,.17,.67,1);animation: app-download_animationOutfo .48s cubic-bezier(.17,.17,.67,1)}
.index-screen-02 .content .right_item.slide-inner>ul>li.active{display:block;z-index:4;-webkit-animation: app-download_animationInfo .48s cubic-bezier(.17,.17,.67,1);animation: app-download_animationInfo .48s cubic-bezier(.17,.17,.67,1)}

@-webkit-keyframes hotTemplate_iconAnimationIn {
    0% {-webkit-transform: scale(1.1);transform: scale(1.1)}
    to {-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes hotTemplate_iconAnimationIn {
    0% {-webkit-transform: scale(1.1);transform: scale(1.1)}
    to {-webkit-transform: scale(1);transform: scale(1)}
}

@-webkit-keyframes homeTabs_diamondBtnAnimation {
    0% {
        opacity: .25
    }
    to {
        opacity: 1
    }
}

@keyframes homeTabs_diamondBtnAnimation {
    0% {
        opacity: .25
    }
    to {
        opacity: 1
    }
}
@keyframes app-download_animationOutfo {
    0% {
        opacity: 1;
        z-index: 999;
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
    to {
        opacity: 0;
        z-index: -1;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px)
    }
}
@keyframes app-download_animationInfo {
    0% {
        opacity: 0;
        z-index: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        z-index: 999;
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/*index-screen-03*/
.index-screen-03 {width: 100%;display: flex;flex-direction: column; }
.index-screen-03 .title {width: 100%;height: 110px;}
.index-screen-03 .title img{width: 100%; height: 100%;}
.index-screen-03 .list-rate{display: flex;flex-direction: row;justify-content: space-between;padding-top: 48px;}
.index-screen-03 .list-rate .item{width: 300px;height: 230px;text-align: center;}
.index-screen-03 .list-rate .item .rate .num{font-family: DINPro;font-size: 64px;font-weight: 700;color: #468aff;margin-top: -6px;margin-bottom: -2px;line-height: 1;position: absolute;left: 50%;transform: translateX(-50%);top: 60px;}
.index-screen-03 .list-rate .item .rate .info_countTitle{opacity: .5;font-family: DINPro;font-size: 12px;color: #6c7ba8;-webkit-transform: scale(.666);transform: scale(.666);line-height: 1;padding-top: 54px;}
.index-screen-03 .list-rate .item .rate .canvas{position: absolute;top: 2px;left: 0;}
.index-screen-03 .list-rate .item .rate{position: relative;width: 160px;height: 137px;margin: 7px auto 0;background-size: cover;}
.index-screen-03 .list-rate .item .title{margin-top: 28px;margin-bottom: 2px;font-size: 18px;font-weight: 500;color: #444c64;line-height: 25px;height: 25px;}
.index-screen-03 .list-rate .item .en-title{height: 15px;line-height: 15px;font-size: 12px;color: #6c7ba8;}
.index-screen-03 .list-service{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 56px;margin-top: 48px;}
.index-screen-03 .list-service .item{display: flex;justify-content: space-between;width: 580px;height: 140px;border-radius: 12px;box-shadow: 0 20px 30px -10px #cdd2dd;background-size: cover;margin-bottom: 24px;padding: 14px 24px 0;}
.index-screen-03 .list-service .item .icon{width: 88px;height: 88px;display: block;margin-top: 2px;}
.index-screen-03 .list-service .item .content{display: flex;flex-direction: column;width: 424px;}
.index-screen-03 .list-service .item .content .title{font-weight: 500;font-size: 18px;color: #414655;height: 25px;line-height: 25px;}
.index-screen-03 .list-service .item .content .context{font-weight: 400;line-height: 1.6;margin-top: 10px;font-size: 16px;color: #6c7ba8;}
/*sponsor贊助頁*/
/*sponsor-screen-01*/
.sponsor-screen-01 {width: 100%;background: no-repeat center;height: calc(100vh - 96px);background-size: cover;}
.sponsor-screen-02 {width: 100%;background: no-repeat center;height: calc(100vh - 96px);background-size: cover;display: flex;align-items: center;}
.sponsor-screen-02 .container {display: flex;justify-content: center;}
.sponsor-screen-02 .container .box {display: flex;width: 1200px;height: 700px;background: no-repeat;background-size: 100% 100%;flex-direction: column;align-items: center;}
.sponsor-screen-02 .container .box h3 {display: flex;color: #ffffff;letter-spacing: 0;font-size: 36px;text-shadow: 0 2px 4px rgb(0 0 0 / 40%);margin-top: 35px;}
.sponsor-screen-02 .container .box .decoration {display: flex;width: 1026px;height: 50px;background: no-repeat;background-size: 100% 100%;}
.sponsor-screen-02 .container .box .img-slide {display: flex;height: 505px;margin-top: 10px;}
.sponsor-screen-02 .container .box .img-slide .slide-inner {display: flex;width: 720px;height: 505px;}
.sponsor-screen-02 .container .box .img-slide .slide-inner ul {display: flex}
.sponsor-screen-02 .container .box .img-slide .slide-inner ul li {display: flex;width: 720px;height: 100%;background: no-repeat center top;background-size: 100%;}
.sponsor-screen-02 .container .box .img-slide .slide-indicators {display: flex;}
.sponsor-screen-02 .container .box .img-slide .slide-indicators ul {display: inline-block;flex-direction: column;overflow-y: auto;height: 505px;padding-left: 20px;}
.sponsor-screen-02 .container .box .img-slide .slide-indicators ul::-webkit-scrollbar {width: 12px !important;box-sizing: border-box;padding-left: 1.5px;border: 1px solid #6c7ba8;border-radius: 6px;}
.sponsor-screen-02 .container .box .img-slide .slide-indicators ul::-webkit-scrollbar-thumb {background-repeat: no-repeat;background-position: center 3px;background-size: 12px calc(100% - 6px);}
.sponsor-screen-02 .container .box .img-slide .slide-indicators ul li {display: block;height: 172px;width: 263px;background: no-repeat;background-size: 100%;}
/*sponsor-screen-03*/
.sponsor-screen-03 {width: 100%;background: no-repeat center;height: calc(100vh - 96px);background-size: cover;display: flex;align-items: center;}
.sponsor-screen-03 .container {display: flex;justify-content: center;}
.sponsor-screen-03 .container .box {display: flex;width: 1200px;height: 700px;background: no-repeat;background-size: 100% 100%;flex-direction: column;align-items: center;}
.sponsor-screen-03 .container .box h3 {display: flex;color: #ffffff;letter-spacing: 0;font-size: 36px;text-shadow: 0 2px 4px rgb(0 0 0 / 40%);margin-top: 35px;}
.sponsor-screen-03 .container .box .decoration {display: flex;width: 1026px;height: 50px;background: no-repeat;background-size: 100% 100%;}
.sponsor-screen-03 .container .box .content {display: flex;width: 1026px;justify-content: space-between;margin-top: 5px;}
.sponsor-screen-03 .container .box .content .player {display: flex;width: 189px;height: 515px;border-radius: 10px;background: no-repeat;background-size: 100%;}

/*footer*/
footer {background: #414655; height: 324px;}
footer .footer-top {height: 81px;}
footer .footer-top .container{overflow: visible;}
footer .footer-top .footer-partner {position:relative;padding: 17.5px 0;border-bottom: 1px solid #2f3842; }
footer .footer-top .footer-partner:before{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 1px;background: rgba(113,128,153,.2);}
footer .footer-middle {height: 188px;display: flex}
footer .footer-middle .container {display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
footer .footer-middle .pag {display: flex;justify-content: space-around;width:100%;margin-top: 20px;padding: 0 130px;}
footer .footer-middle .pag .pag-item .pag-icon {background-size: 958px 41px !important;margin: auto;}
footer .footer-middle .pag .pag-item:nth-child(1) .pag-icon{width:165px;height:34px;background-position: 0 0;}
footer .footer-middle .pag .pag-item:nth-child(1):hover .pag-icon{background-position: -167px 0;}
footer .footer-middle .pag .pag-item:nth-child(2) .pag-icon{width:171px;height:40px;background-position: -334px 0;}
footer .footer-middle .pag .pag-item:nth-child(2):hover .pag-icon{background-position: -507px 0;}
footer .footer-middle .pag .pag-item:nth-child(3) .pag-icon{width:138px;height:40px;background-position: -680px 0;}
footer .footer-middle .pag .pag-item:nth-child(3):hover .pag-icon{background-position: -820px 0;}
footer .footer-middle .pag .pag-item span{font-size: 14px;color: #878ea6;transition: all .4s ease;}
footer .footer-middle .pag .pag-item:hover span{color: #fff;}
footer .footer-middle .content {display: flex;width: 60%;text-align: center; line-height: 1.4;margin-top: 18px;font-size: 14px;color: #878ea6;}
footer .footer-middle .content p {margin: 0;}
footer .footer-middle .footer-about {display: flex;justify-content: center;margin-top: 25px;}
footer .footer-middle .footer-about ul{margin: 0;}
footer .footer-middle .footer-about li:after {content: '|';color: #c0c4d0;margin-left: 7px;}
footer .footer-middle .footer-about li:last-child:after {content: ''}
footer .footer-middle .footer-about a {color: #c0c4d0;font-size: 14px;}
footer .footer-copyright {text-align: center; margin-top: 27px;}
footer .footer-copyright p {color: #7c8797;font-size: 12px;}
/*.footer-partner ul li a.partner:after{ top: 36px; }*/
/*.footer-partner ul li a.partner > span{ opacity: 1;  filter: alpha(opacity=100);}*/

/*live*/
.live_style {min-height: 1050px;background: #f3f8fe no-repeat center top;overflow: hidden;width: 100%;background-size: cover;}
.live_style .plate_one .plate_one_subset .api_images {height: 754px;animation: live_an_b 1000ms forwards;position: relative;}
.live_style .plate_one .plate_one_subset .api_images > *.Match {animation: live_an_c 3000ms forwards;}
.live_style .plate_one .plate_one_subset .api_images .img_02 {left: 0;top: 70px;position: absolute;}
.live_style .plate_one .plate_one_subset .api_images .img_03 {left: 550px;top: 290px;position: absolute;}
.live_style .plate_one .plate_one_subset .api_text {width: 612px;height: auto;animation: live_an_a 1000ms forwards;}
.live_style .plate_one .plate_one_subset .api_text .live_title {font-family: fontnameRegular;line-height: 1em;display: flex; font-size: 45px;color: #3fb6e7;justify-content: center;margin-top: 100px;}
.live_style .plate_one .plate_one_subset .api_text .img_01 {width: 90%;}
.live_style .plate_one .plate_one_subset .api_text .live_text {font-style: normal;line-height: 30px;font-size: 20px;color: #333333;margin-top: 28px;display: block;}
.live_style .plate_one .plate_one_subset .api_text .icon_list {margin-top: 36px;width: 100%;text-align: center;display: flex;justify-content: space-evenly;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check {margin-bottom: 50px;display: block;position: relative;display: inline-block;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check span {width: 50px;height: 50px;display: block;margin: 0 auto;background: no-repeat center;line-height: 50px;color: rgba(23, 39, 67, 0.6);border: 1px solid rgba(23, 39, 67, 0.6);border-radius: 50%;font-size: 30px;}
.live_style .plate_one .plate_one_subset .api_text .icon_list ._vr_mt_check .icon_text {display: block;width: 100%;margin-top: 10px;line-height: 1em;font-size: 14px;color: #333333;font-style: normal;text-align: center;position: absolute;width: 80px;left: 50%;transform: translateX(-50%);}
.live_style .game_marker:after {content: '';position: absolute;top: -25px;right: -32px;}

.public_style {width: 100%;position: relative;}
.public_style .container>.title {width: 100%;height: 122px;margin: 82px auto 71px;background: center bottom no-repeat;display: flex;background-size: 100% auto;flex-direction: column;padding: 10px 0 0 70px;}
.public_style .container>.title .cn_title {font-size: 46px;color: rgb(63, 80, 117);}
.public_style .container>.title .eng_title {font-size: 20px;color: rgb(63, 80, 117);}
.public_style .plate_one {width: 100%;height: 100%;position: absolute;display: flex;}
.public_style .plate_one .plate_one_subset {width: 100%;height: 100%;background: no-repeat center;display: none;}
.public_style .plate_one .plate_one_subset.active {display: flex;}
.public_style .plate_one .plate_one_subset .container {display: flex;justify-content: space-around;overflow: visible;}
.public_style .plate_one .plate_one_subset .api_images {display: flex;width: 636px;margin-right: 20px;}
.public_style .plate_one .plate_one_subset .api_images:hover .img_02,
.public_style .plate_one .plate_one_subset .api_images:hover .img_03 {filter: none}
.public_style .plate_one .plate_one_subset .api_images img {width: 100%;height: auto;position: relative;}
.public_style .plate_one .plate_one_subset .api_images .img_02 {width: 80px;filter: grayscale(1);animation: casino_pic2 3s infinite linear}
.public_style .plate_one .plate_one_subset .api_images .img_03 {width: 112px;filter: grayscale(1);animation: casino_pic3 3s infinite linear}
.public_style .plate_one .plate_one_subset .api_text {display: flex;flex-direction: column;align-items: center;}
.public_style .plate_one .plate_one_subset .api_text .descs {font-size: 16px;color: #3f5075;display: flex;margin-top: 40px;text-align: center;}
.public_style .plate_one .plate_one_subset .api_text .btn_start {display: flex;justify-content: center;width: 180px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: #3f5075;background: linear-gradient(180deg,#fff 15%,#d5e0eb 67%,#f2f8fc 95%);transition: all .3s;margin-top: 30px;border: 1px solid #ccd7e6;border-radius: 25vh;box-shadow: 0 2px 6px -1px #d5e5f4, inset -2px 0 4px 0 #fff, inset 2px -3px 4px 0 #fff;}
.public_style .plate_one .plate_one_subset .api_text .btn_start:hover {background: linear-gradient(180deg,#fff6f3 8%,#437dfb 64%,#5cabfe 95%);color:#fff;box-shadow:0 2px 6px -1px #e4c3b8, inset 0 -2px 5px 0 hsl(0deg 0% 100% / 58%), inset -2px 0 5px 0 hsl(0deg 0% 100% / 88%), inset 2px 0 5px 0 hsl(0deg 0% 100% / 88%);border: 1px solid #5cabfe;}
.public_style .plate_nav { z-index: 10;display: flex;position: absolute;top: 150px;left: 36%;width: 820px; }
.public_style .plate_nav .nav_icon {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;}
.public_style .plate_nav .nav_icon a {display: flex;color: #3f5075;font-size: 15px;background: linear-gradient(180deg,#fff 15%,#d5e0eb 67%,#f2f8fc 95%);transition: all 0.3s ease 0s;width: 128px;height: 40px;align-content: center;text-align: center;line-height: 40px;justify-content: center;border: 1px solid #ccd7e6;border-radius: 6px;margin-right: 15px;box-shadow: 0 2px 6px -1px #d5e5f4, inset -2px 0 4px 0 #fff, inset 2px -3px 4px 0 #fff;margin-bottom: 10px;}
.public_style .plate_nav .nav_icon a.active,
.public_style .plate_nav .nav_icon a:hover {background: linear-gradient(180deg,#fff6f3 8%,#437dfb 64%,#5cabfe 95%);color: #fff;box-shadow:0 2px 6px -1px #5cabfe, inset 0 -2px 5px 0 hsl(0deg 0% 100% / 58%), inset -2px 0 5px 0 hsl(0deg 0% 100% / 88%), inset 2px 0 5px 0 hsl(0deg 0% 100% / 88%);}
.public_style .plate_nav .nav_icon a .gui {line-height: 40px; font-size: 20px;}
.public_style .plate_nav .nav_icon a .nav-logo {width: 44px;position: relative;}
.public_style .plate_nav .nav_icon a .nav-logo img {width: 44px;-webkit-filter: grayscale(1);position: absolute;top:50%;left:0;transform: translateY(-50%);}
.public_style .plate_nav .nav_icon a:hover .nav-logo img {-webkit-filter: grayscale(0);}
.public_style .plate_nav .nav_icon a.active .nav-logo img {-webkit-filter: grayscale(0);}
.my-live .live_style .plate_one .plate_one_subset .api_text .icon_list {height: 140px;background: no-repeat center;background-size: auto 100%;}
@keyframes live_an_a {
    from {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes live_an_b {
    from {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
}
@keyframes live_an_c {
    0% {-webkit-transform: scale(2.8);transform: scale(2.8);opacity: 0;}
    40% {-webkit-transform: scale(1.8);transform: scale(1.8);opacity: .4;}
    80% {-webkit-transform: scale(1);transform: scale(1);opacity: .8;}
    85% {-webkit-transform: scale(1.07);transform: scale(1.07);opacity: .85;}
    90% {-webkit-transform: scale(1);transform: scale(1);opacity: .9;}
    95% {-webkit-transform: scale(1.02);transform: scale(1.02);opacity: .95;}
    100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}

/*casino*/
.main-casino {padding-top: 96px;background: #f3f7fa;padding-bottom: 83px;}
#casino_style .casino_pic_box {position: relative;width: 100%;height: 517px;margin: 0 auto;z-index: 10;}
#casino_style .casino_pic_box .container{position: relative;height: 100%;}
#casino_style .casino_pic_box .casino_title{position: absolute;top: 82px;left: 0;width: 511px;height: 263px;}
#casino_style .casino_pic_box .casino_title img{background-image: none;}
#casino_style .casino_pic_box .casino_title img,
#casino_style .casino_pic_box .casino_pic1 img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;box-sizing: border-box;padding: 0;border: none;margin: auto;display: block;width: 0;height: 0;min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%;object-fit: cover;filter: none;}
#casino_style .casino_pic_box .casino_pic1 img{background: no-repeat center right/contain;}
#casino_style .casino_pic_box .casino_pic1{position: absolute;top: 33px;right: -90px;width: 768px;height: 485px;}
#casino_style .casino_pic_box .jackpot_casino {position: absolute;display: flex;top: 360px;left: 0;padding: 0;}
#casino_style .jackpot_casino li {position: relative;background-size: 915px 110px;background-position: -312px 0;width: 75px;height: 110px;display: flex;align-items: center;justify-content: center;}
#casino_style .jackpot_casino li div {overflow: hidden;position: absolute;background-size: 60px 918px;background-repeat: repeat;background-position: 0 0;transition: background 1s;top: 3px;left: 12px;width: 60px;height: 90px;}
#casino_style .jackpot_casino li.digital_00 div {background-position-y: -828px;}
#casino_style .jackpot_casino li.digital_01 div {background-position-y: -736px;}
#casino_style .jackpot_casino li.digital_02 div {background-position-y: -644px;}
#casino_style .jackpot_casino li.digital_03 div {background-position-y: -552px;}
#casino_style .jackpot_casino li.digital_04 div {background-position-y: -460px;}
#casino_style .jackpot_casino li.digital_05 div {background-position-y: -368px;}
#casino_style .jackpot_casino li.digital_06 div {background-position-y: -276px;}
#casino_style .jackpot_casino li.digital_07 div {background-position-y: -184px;}
#casino_style .jackpot_casino li.digital_08 div {background-position-y: -92px;}
#casino_style .jackpot_casino li.digital_09 div {background-position-y: 0;}
#casino_style .jackpot_casino .cky_0a, #casino_style .jackpot_casino .cky_0b {display: inline-block;height: 85px;width: 20px;background-size: 915px 110px;margin-top: 7px;background-position: -419px 0;}
#casino_style .jackpot_casino .cky_0b{background-position: -397px 0;}
#casino_style .main-casino .casino .container {position: relative;width: 1200px;padding: 34px 47px 6px;margin: 0 auto 83px;border-radius: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);background-color: #ffffff;z-index: 19;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide a {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 60px;width: 180px;border-radius: 6px;cursor: pointer;background: linear-gradient(180deg,#fff 15%,#d5e0eb 67%,#f2f8fc 95%);border: 1px solid #ccd7e6;}
.main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide a em {color: rgb(126, 146, 189) !important; }
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container {background: none;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.active {border-top: none;background: none;}
#casino_style .main-casino .casino.theme-white > .container .api-nav.api-nav-all .swiper-container .swiper-slide {height: 60px;display: inline-block;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide {border-top: none;padding-top: 5px;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.odd {background: none;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide a {position: relative;overflow: hidden;justify-content: center;height: 54px;border-radius: 30px;cursor: pointer;background-size: cover;background-position: 50%;background-repeat: no-repeat;color: #414655;border: .5px solid #cddeff;box-shadow: 0 4px 8px 0 rgba(194,211,222,.67), inset 0 1px 7px 0 #fff, inset 0 -3px 4px 0 rgba(175,194,230,.16);margin-right: 18px;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.active a,
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide:hover a {border: none;box-shadow: 0 2px 4px 0 #5da7eb;background-size: cover;background-position: 50%;background-repeat: no-repeat;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.active a em,
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide:hover a em {color:#fff !important;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide a .gui {display: inline-block;height: 54px;background: center 0 no-repeat;background-position-y: -54px !important;}
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide.active a .gui,
#casino_style .main-casino .casino.theme-white > .container .api-nav .swiper-container .swiper-slide:hover a .gui {background: center 0 no-repeat;background-position-y: -54px !important;}
.main-casino .casino > .container .api-nav {margin-bottom: 26px;}
.main-casino .casino > .container .api-nav .swiper-container {height: 80px !important;}
.main-casino .casino.theme-white > .container .api-nav.api-nav-all .swiper-container {height: auto !important;}
.main-casino .casino .api-nav.api-nav-all .swiper-container .swiper-wrapper.chess_width_auto .swiper-slide{width: 20% !important;}
@keyframes casino_pic3 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes casino_pic2 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*==================== sports 体育游戏 ====================*/
.main-sports {padding-top: 136px;background: #f4f6f9; }
.main-sports .api-tabs {background: #d5e1f6 !important;border: 1px solid #979fad !important; }
.main-sports .api-tabs > li.active {background: linear-gradient(180deg,#5fb0ff 8%,#5095fd 64%,#427cfb 95%) !important;border: 1px solid #5fb0ff !important;}
.main-sports .api-tabs > li.active a, .api-tabs > li > a:hover {color: #fff !important;}
.main-sports .api-tabs > li > a:link, .api-tabs > li > a:visited, .api-tabs > .disabled:hover > a {color: rgb(126, 146, 189) !important;}
.sports .live_style .plate_one .plate_one_subset .api_text .img_01 {width: 100%;}
.sports .public_style .plate_one .plate_one_subset .api_images .img_01 {height: 621px;}
.sports .my-live .live_style .plate_one .plate_one_subset .api_text .icon_list {background: no-repeat center;height: 60px;background-size:auto 100%;}

/*==================== lottery 彩票游戏 ====================*/
.main-lotterey .public_style .plate_one .plate_one_subset .api_images .img_01 {height: 581px;}
.lottery .my-live .live_style .plate_one .plate_one_subset .api_text .icon_list {background: no-repeat center;height: 60px;background-size:auto 100%;}

/*==================== chess 棋牌游戏 ====================*/
.main-chess .public_style .plate_one .plate_one_subset .api_images {width: 862px !important;height: 700px !important;}
#casino_style .main-casino.main-chess .casino .container {margin: 0 auto;}

/*==================== financial 電競游戏 ====================*/
.main-esports {padding-top: 80px;}

/*==================== fish 捕魚 ====================*/
.main-fish {padding-top: 80px;}

/*======== register 注册================*/
._vr_mt_check_box {position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
._vr_mt_check_box:after {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 99;}
._vr_mt_check_box video {position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 99;}
._vr_mt_check_box .register_list {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 999;}
._vr_mt_check_box .register_box {margin: 50px auto 0;width: 480px;z-index: 999;position: relative;}
._vr_mt_check_box .register_box .register_logo .logo_return {width: 100%;height: 100px;display: block;position: relative;}
._vr_mt_check_box .register_box .register_logo .logo_return img {max-height: 60px;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
._vr_mt_check_box .register_box .sponsor_logo img{width: 480px;height: 106px;}
._vr_mt_check_box .register_box ._var_register {width: 328px;border-radius: 10px;max-height: 470px;overflow-y: auto;margin: auto;padding: 0 0 0 12px;}
._vr_mt_check_box .register_box .register_name {margin: 0;line-height: 70px;font-size: 26px;text-align: center;color: #ffffff;text-shadow: 0 2px 2px rgb(142 79 56 / 60%);font-weight: 500;}
._vr_mt_check_box .register_box .item_bg {padding-top: 22px;width: 100%;background: no-repeat;background-size: 100%;height: 570px;}
._vr_mt_check_box .register_box ._var_register .form-inline,
._vr_mt_check_box .register_box ._var_register .form-inline .form-group,
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .form-control {width: 100%}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group {border-radius: 10px;padding: 1px;position: relative;margin: 22px 0 0;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group:before {content: '';width: 40px;height: 40px;position: absolute;left: 0;top: 0;margin: 1px;background-position: center;background-repeat: no-repeat;background-size: 64%;z-index: 999;}
/*._vr_mt_check_box .register_box ._var_register .form-inline .form-group .phone-area-code #area-code-id:before {content: '';width: 40px;height: 40px;position: absolute;left: 0;bottom: 0;margin: 1px;background-position: center;background-repeat: no-repeat;background-size: 64%;z-index: 999;}*/
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .progress {margin-top: 5px !important;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .help-block {margin-top: 2px !important;padding: 0 40px;color: #fc5a5a;font-size: 12px;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .control-label {display: none;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .col-12-5 {width: 100%;padding: 0;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group ._vr_captcha_code {max-height: 40px;position: absolute;right: 1px;top: 21px;transform: translateY(-50%);border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .form-control {height: 40px;line-height: 40px;width: 100%;display: flex;border-radius: 20px;position: relative;box-shadow: inset 0 1px 15px 0 #fff;background-color: rgba(255,255,255,.5);align-items: center;flex-direction: row;box-sizing: border-box;padding: 10px 40px;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .form-control::placeholder{color: #fff;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .phone-area-code-div {width: 100%;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .phone-area-code .form-control {width: 100% !important;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .phone-area-code .phone-area-code-div .select-item {justify-content: flex-start;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .phone-area-code .phone-area-code-div .select-item span {margin-left: 10px;}
._vr_mt_check_box .register_box ._var_register .form-inline .form-group .form-control:focus {border-color: transparent;box-shadow: 0 2px 20px 0 rgba(76, 0, 88, 0.3);}
._vr_mt_check_box .register_box ._var_register .form-inline .reg_button {width: 100%;height: 49px;border-radius: 10px;}
._vr_mt_check_box .register_box ._var_register .form-inline .reg_button button {width: 100%;height: 40px;border-radius: 20px;text-align: center;font-size: 14px;color: #fff;display: block;background-image: linear-gradient(90deg,#62b3ff,#3d72fa);box-shadow: 0 4px 8px 4px rgba(208,162,124,.2);border: none;transition: .5s;margin-top: 24px;}
._vr_mt_check_box .register_box ._var_register .form-inline .reg_button button:hover{background-image: linear-gradient(270deg,#79aafe,#4176fa);}
._vr_mt_check_box .register_box ._var_register .form-inline .action {height: 50px;color: #fff;margin-top: 24px;text-align: left !important;}
._vr_mt_check_box .register_box ._var_register .form-inline .action a {line-height: 20px;color: #fff;margin-left: 10px;font-size: 14px;}
._vr_mt_check_box .register_box ._var_register .form-inline .service{text-align: center;}
._vr_mt_check_box .register_box ._var_register .form-inline .btn_service{line-height: 40px;color: #fff;margin-top: 50px;}
._vr_mt_check_box .register_box ._var_register .form-inline .btn_service:before{content: '';display: inline-block;width: 28px;height: 28px;vertical-align: middle;margin-right: 6px;}
._vr_mt_check_box .register_footer {width: 432px;height: 50px;position: relative;margin: 40px auto;z-index: 999;text-align: center}
._vr_mt_check_box .register_footer a {height: 17px;line-height: 17px;font-size: 14px;color: #ffffff;position: relative;display: block;float: left;width: 100%;}
._vr_mt_check_box .register_footer a:hover {color: #e30f7e;}
._vr_mt_check_box .register_footer a + a {margin-left: 40px;}
._vr_mt_check_box .register_footer a + a:before {content: '';width: 1px;height: 14px;position: absolute;left: -20px;top: 50%;transform: translateY(-50%);background-color: #ffffff;}
.phone-area-code {flex-wrap: wrap;}
.phone-area-code input.form-control {width: 100%;margin-top: 5px;}
.phone-area-code #area-code-ul-id {width: 45% !important;}
.phone-area-code #area-code-ul-id .form-control{background-color: #fff;}
.phone-area-code #area-code-id {line-height: 45px;}
.phone-area-code ul {margin-left: 0 !important;}
.phone-area-code ul li span {line-height: 40px;margin-top: 0 !important;margin-left: 10px;}

/*promo*/
.promo_main {padding-top: 136px;background: #f3f7fa;}
.main-promo.theme-white .promo-top-bar > ul li:hover,
.main-promo.theme-white .promo-top-bar > ul li.active {background: linear-gradient(270deg,rgba(61,114,250,.2),#62b3ff) !important; }
.main-promo.theme-white .promo-top-bar > ul li.active:after {border-top: none !important;}
.main-promo.theme-white .promo-top-bar > ul li a{display: block;}
.main-promo.theme-white .promo-top-bar > ul li:hover a,
.main-promo.theme-white .promo-top-bar > ul li.active a {color: #fff !important; }
.main-promo.theme-white {background: none !important;}
.main-promo.theme-white .promo-top-bar {background: #ffffff !important;box-shadow: 0 5px 12px -2px #d2dae9;border: none !important;border-radius: 8px;}
.main-promo.theme-white .promo-top-bar > ul li a {color: #3f5075 !important; }

/*about*/
.about-main {padding: 110px 0 40px;background: #f3f7fa;}
.about-main .about-item-left {padding-left: 15px !important;}
.about-main .about-item-left ul {width: 220px;background: #ffffff;box-shadow: 0 10px 10px 0 rgba(137,154,193,.1);border-radius: 4px;display: flex;flex-direction: column; padding: 10px 0 14px; }
.about-main .about-item-left ul li {width: 100%;display: flex;height: 45px;align-items: center;justify-content: center;}
.about-main .about-item-left ul li a {color: #3f5075;}
.about-main .about-item-left ul li.active a,
.about-main .about-item-left ul li:hover a {color: #468aff; font-weight: 900;}
.about-main .about-item-right .page-content {background: #fff;box-shadow: 0 10px 10px 0 rgba(137,154,193,.1);border-radius: 4px;padding: 23px 30px;color: #6c7ba8;}

/*==================== agent 代理 ====================*/
.main-agent {padding-top: 96px;background: #f3f7fa; }
.header-agent .navbar li{display: flex;justify-content: center;}
.header-agent .navbar li:hover a,
.header-agent .navbar li.active a {color: #3181ff;}
.header-agent .navbar li:before {content: '';position: absolute;display: inline-block;width: 0;height: 2px;background: #4176fa;top: 60px;transition: .3s ease;}
.header-agent .navbar li:hover:before,
.header-agent .navbar li.active:before{width: 100%;}
.header-agent .navbar li a {color: #6c7ba8;margin: 0 auto;padding: 0;font-size: 18px;height: 90px;line-height: 90px;}

/*==================== agent 合营 ====================*/
.main-publicity img {width: 100%; height: 100%;}
.publicity nav{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9999;}
.publicity nav>.container{position: relative;top: 50%;transform: translateY(-50%);overflow: visible;}
.publicity nav>.container>ul#menu{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}

.publicity ul#menu li{display: block;width: 27px;height: 27px;border-radius: 50%;border: 1px solid transparent;margin: 0 0 8px;box-shadow: 0 20px 30px -10px #000;}
.publicity ul#menu li a{display: block;width: 19px;height: 19px;border-radius: 50%;margin: 3px;background-color: #e6eaef;}
.publicity ul#menu li.active{border: 1px solid #fff;}
.publicity ul#menu li.active a{background-color: #fff;}
.publicity #fp-nav{display: none;}
.publicity section{background: no-repeat center/cover;}
.publicity section>div>div {position: relative;height: 100%;}
.publicity section div:before{content: '';height: 100vh;display: block;position: absolute;}
.publicity section .section_wrap{width: 1200px;height: 600px;display: flex;align-items: center;justify-content: space-between;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.publicity section .firstSection_wrap .left_wrap{text-align: center;width: 42.5%;margin-right: 64px;}
.publicity section .firstSection_wrap .left_wrap .content{margin-top: 40px;}
.publicity section .firstSection_wrap .left_wrap .service-card{width: 250px;height: 140px;border-radius: 24px;position: relative;overflow: hidden;flex-grow: 1;background-size: 100% 100%;margin: 40px auto 0;padding: 14px 0 16px;}
.publicity section .firstSection_wrap .left_wrap .service-card .service-icon{width: 30px;height: 30px;margin: auto;}
.publicity section .firstSection_wrap .left_wrap .service-card .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;height: 20px;line-height: 20px;color: #6c7ba8;font-size: 12px;}
.publicity section .firstSection_wrap .left_wrap .service-card span.text{margin-top: 8px;}
.publicity section .firstSection_wrap .left_wrap .service-card p.text{font-size: 14px;padding: 0 3px;line-height: 20px;margin: 0;}
.publicity section .firstSection_wrap .left_wrap .service-card a{color: #fff;background-size: cover;box-shadow: 0 2px 4px 0 #5da7eb;font-size: 12px;display: block;width: 80px;margin: 9px auto 0;height: 22px;line-height: 22px;border-radius: 13px;}
.publicity section .firstSection_wrap .left_wrap .join-btn{display:block;width: 160px;height: 50px;outline: none;border: none;background-color: initial;box-shadow: 0 2px 4px 0 #5da7eb;line-height: 50px;text-align: center;margin: 42px auto 0;color: #fff;font-size: 18px;background: no-repeat center/cover;position: relative;z-index: 1;cursor: pointer;transition: all .2s ease;border-radius: 25px;}
.publicity section .firstSection_wrap .right_wrap{width: 49%;height: 560px;}

.publicity section .secondSection_wrap .left_wrap{width: 630px;text-align: center;padding: 13px 0 1px;height: 100%;box-sizing: border-box;display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;}
.publicity section .secondSection_wrap .left_wrap>.title{width: 450px;height: 93px;cursor: inherit;}
.publicity section .secondSection_wrap .left_wrap .chart_list_wrap{margin-top: 15px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.publicity section .secondSection_wrap .left_wrap .chart_list_wrap .chart_item{display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #fff;position: relative;overflow: hidden;width: 300px;height: 230px;border-radius: 18px;margin-bottom: 15px;}
.publicity section .secondSection_wrap .left_wrap .chart_list_wrap .chart_item .title{line-height: 24px;text-align: center;font-size: 16px;font-weight: 700;color: #414655;font-family: Microsoft YaHei UI,PingFang SC;margin: 0;}
.publicity section .secondSection_wrap .left_wrap .chart_list_wrap .chart_item .content{line-height: 24px;text-align: center;font-size: 14px;color: #6c7ba8;margin-bottom: 4px!important;font-family: Microsoft YaHei UI,PingFang SC;letter-spacing: -.47px;}
.publicity section .secondSection_wrap .left_wrap .chart_list_wrap .chart_item .chart{width: 195px;height: 150px;cursor: inherit;background-size: contain;}
.publicity section .secondSection_wrap .right_wrap{width: 430px;height: 600px;cursor: inherit;padding-right: 110px;}

.publicity section .thirdSection_wrap .left_wrap{width: 320px;height: 600px;cursor: inherit;}
.publicity section .thirdSection_wrap .right_wrap{width: 684px;text-align: center;margin-right: 110px;height: 600px;}
.publicity section .thirdSection_wrap .right_wrap .title{margin-bottom: 26px;margin-top: 34px;display: block;}
.publicity section .thirdSection_wrap .right_wrap .product{padding-bottom: 25px;}
.publicity section .thirdSection_wrap .right_wrap .zanzhuming{margin: 30px 0;}
.publicity section .thirdSection_wrap .right_wrap .content_title_wrap{width: 100%;overflow: hidden;margin-bottom: 16px;}
.publicity section .thirdSection_wrap .right_wrap .content_title_wrap .content_list_wrap_title{position: relative;margin: 0 auto;width: 188px;line-height: 20px;font-size: 16px;font-weight: 700;color: #414655;text-align: center;}
.publicity section .thirdSection_wrap .right_wrap .content_title_wrap .content_list_wrap_title:before{content: "";display: block;position: absolute;top: 9px;left: 196px;width: 240px;height: 1px;border-top: 1px solid #c0c4d0;}
.publicity section .thirdSection_wrap .right_wrap .content_title_wrap .content_list_wrap_title:after{content: "";display: block;position: absolute;top: 9px;right: 196px;width: 240px;height: 1px;border-top: 1px solid #c0c4d0;}

.publicity section.section,
.fp-tableCell{height:937px !important;}

/* ==========  index  体育赛事========== */
section.index-screen-sports {padding: 20px 0;}
section.index-screen-sports .title{width: 100%;height: 100%;}
section.index-screen-sports .title img{width: 100%;height: 100%;}
section.index-screen-sports.index-screen-sports--gray {background: #eeeeee;}
section.index-screen-sports h2 {color: #6a6a6a;text-align: center;margin-top: 30px;}
section.index-screen-sports h4 {color: #989898;text-align: center;}
section.index-screen-sports .index-sports { position: relative; width: 100%;overflow: hidden;}
section.index-screen-sports .index-sports .index-sports-btn{position:absolute;top: calc(50% - 34px); width: 20px;height: 68px;opacity: 0.7;transition: .2s;}
section.index-screen-sports .index-sports .index-sports-btn:hover{ opacity: 1;}
section.index-screen-sports .index-sports .index-sports-prev{background: no-repeat center/cover; left: 0;}
section.index-screen-sports .index-sports .index-sports-next{background: no-repeat center/cover; right: 0;}
section.index-screen-sports .index-sports .index-sports-list {width: 1140px; margin: 0 auto;overflow: hidden;}
section.index-screen-sports .index-sports .index-sports-list .sports-list{overflow: hidden;  height: 221px; list-style: none;display: flex;justify-content: center;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li {float: left; width: 380px!important; height: 221px;  background: no-repeat center;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .item-list{margin: 0 4px;padding: 38px 38px 0;display: flex;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon { width:100px; text-align: center;  margin-top: 34px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon a{ display: block;height: 68px;width: 68px; margin: 0 auto 10px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list .icon img { max-width: 100%;vertical-align: top; }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .icon span{font-size: 15px;color: #333;width:30px;height:20px;line-height: 20px;}

section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt { position: relative; width: 135px; text-align: center; margin: 0 auto; font-size: 15px;color: #333333; }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt .time span{ color: #999999;font-size: 12px;font-family:"PingFang SC",sans-serif;  font-weight: 500;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt h5{font-size: 15px;color: #333333;margin: 0;height: 16px;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt .vs-text { transition: .3s; border-radius:6px;margin:24px auto 12px;width:73px;height:66px;display: block;background: no-repeat center/cover;}
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt span.team-h {transition: .2s; position: absolute; z-index: 5; opacity: 0; top: 53px; left: 50%; transform: translateX(-50%); border-radius: 4px; width:68px;height: 36px; background:linear-gradient(90deg,rgba(93,145,255,1) 0%,rgba(19,87,255,1) 100%);box-shadow:0 3px 6px rgba(19,87,255,0.4);   }
section.index-screen-sports .index-sports .index-sports-list .sports-list>li .txt span.team-h a { display: block; line-height: 36px; color: #fff; }