*{padding: 0;margin: 0;}
a{text-decoration: none;}
li{list-style: none;}

.footerbg{height: 480px;display: none;}
.footerbg .footerkh{padding-left: 86px;padding-top: 118px;}
.footerbg .footerkh h1{color: #FFFFFF;font-size: 36px;line-height: 36px;padding-bottom: 26px;}
.footerbg .footerkh .footerphone{width: 280px;height: 48px;position: relative;margin-bottom: 14px;}
.footerbg .footerkh .footerphone .sidenum{position: absolute;color: #333333;font-size: 14px;line-height: 14px;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;padding-left: 20px;}
.footerbg .footerkh .footerphone input{width: 100%;height: 100%;box-sizing: border-box;padding-left: 56px;border: 0;border-radius: 4px;box-shadow: 0 0 3px #FFFFFF;outline: none;}
.footerbg .footerkh .footerphonecode{width: 280px;height: 48px;position: relative;margin-bottom: 24px;}
.footerbg .footerkh .footerphonecode .getcode{height: 100%;width: 70px;color: #999999;font-size: 14px;line-height: 14px;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;padding-right: 20px;cursor: pointer;}
.footerbg .footerkh .footerphonecode input{width: 100%;height: 100%;box-sizing: border-box;padding-left: 20px;border: 0;border-radius: 4px;box-shadow: 0 0 3px #FFFFFF;outline: none;}
.footerbg .footerkh .phonebtn{background-color: #DAB660;width: 140px;height: 48px;display: flex;justify-content: center;align-items: center;border-radius: 4px;}
.footerbg .footerkh .phonebtn a{color: #000000;font-size: 16px;line-height: 16px;font-weight: bold;}

/* 浮动标志 */
.fd{position: fixed;background: rgba(255, 255, 255, 0.9) ;padding: 0 5px 20px 5px;box-shadow: 0 0 8px #C6C6C6;position: fixed;top: 30%;right: 20px;border-radius: 10px;z-index: 9;transition: all 0.1s;}

.fd a{width: 100%; color: #333333;font-size: 14px;line-height: 14px;}
.fd a p{font-family: var(--PFR); font-weight: 400; padding-top: 6px;text-align: center;font-size: 12px;}
.fd .fdbottom{font-family: var(--PFR); font-weight: 400; color: #333333;font-size: 14px;line-height: 14px;margin-top: 30px;display: block;cursor: pointer;text-align: center;}
.fd a .fdimg img{margin-top: 20px !important;width: 24px;height: 24px;display: block;margin: 0 auto;}
.fdbox{position: relative;}
.fdbox .read{position: absolute;width: 16px;height: 16px;right: 5px;top: -10px;border-radius: 50%;background-color: #EB4B4B;color: #FFFFFF;border: 1px solid #FFFFFF; font-size: 10px;display: flex;justify-content: center;align-items: center;opacity: 0;}
.fdbottom:hover{color: #DAB660;}
.fdbox:hover{color: #DAB660;}


.footerPage{background-color: #252525;}
.footerPage .wrapper{width:100%; max-width: 1200px;margin: 0 auto;}
.footerPage .topTab{display: flex;justify-content: space-between;align-items: center;padding: 29px 0 25px 0;border-bottom: 1px solid #333333;}
.footerPage .topTab li{width: 240px;display: flex;justify-content: center;align-items: center;}
.footerPage .topTab li .right{padding-left: 10px;}
.footerPage .topTab li .t-title{
	font:500 16px var(--PFM);
	padding-bottom: 8px;
    color: #C6C6C6;}
.footerPage .topTab li p{font:400 12px var(--PFR); color: #999999;}

.main{display: flex;border-bottom: 1px solid #333333;justify-content: space-between;align-items: flex-start;padding-top: 23px;position: relative;}
.main .left{width: 420px;display: flex;justify-content: space-between;align-items: start;padding-left: 20px;}
.main .left .item{font-family: var(--PFR); font-weight: 500; color: #FFFFFF;font-size: 15px;line-height: 15px;}
.main .left .item ul{padding-top: 10px;}
.main .left .item ul li{line-height: 28px;}
.main .left .item ul li a{font-family: var(--PFR); font-weight: 400; color: #999999 !important;font-size: 12px;}

.yqlj{position: absolute;bottom: 20px;left: 20px;display: flex;justify-content: space-between;align-items: center;color: #999999;font-size: 12px;}
.yqlj a{color: #999999;font-size: 12px;line-height: 12px;padding-right: 14px;}
.yqlj a:hover{color: #FEEFCC;}

.contact{width: 348px;color: #FFFFFF;font-size: 15px;line-height: 15px;display: flex;justify-content: center;}
.contact .item{font-family: var(--PFR); font-weight: 500; display: flex;justify-content: center;flex-direction: column;}
.contact ul li{display: flex;justify-content: flex-start;align-items: center;padding-top: 14px;}
.contact ul li p{color: #999999;font-size: 12px;line-height: 12px;padding-left: 4px;
	font-family: var(--PFR);
    text-align: justify;
    font-weight: 400;
}

.companyCode{width: 172px;padding-right: 20px;}
.codeBgWrapper{background-color: #323232;width: 172px;margin: 0 auto;}
.codeBg{width: 152px;height: 152px;background: url(../images/footer/codeBg.svg) no-repeat;background-size: 100% 100%;margin: 0 auto;display: flex;justify-content: center;align-items: center;}
.codeBg .code{width: 130px !important;height: 130px !important; display: block;}
.codeBgWrapper p{padding: 11px 0;color: #FFFFFF;font-size: 15px;line-height: 15px;text-align: center;}
.companyCode .serText{font-family: var(--PFR); font-weight: 400; color: #666666;font-size: 11px;line-height: 11px;padding: 10px 0 20px 0;text-align: center;}

.bottomContent{display: flex;justify-content: space-between;align-items: center;padding: 20px 20px 65px 20px;}
.bottomContent p{font-family: var(--PFR); font-weight: 400;}
.bottomContent p:nth-of-type(1){width: 470px;color: #575757;font-size: 14px;line-height: 24px;}
.bottomContent p:nth-of-type(1) span{color: #8E7436;}
.bottomContent p:nth-of-type(1) a{color: #8E7436;}
.bottomContent p:nth-of-type(2) img{width: 138px;height: 40px;display: block;opacity: 0.6;}
.bottomContent p:nth-of-type(2) span{color: #FFFFFF;font-size: 14px;line-height: 14px;padding-top: 10px;opacity: 0.6;}
.bottomContent p:nth-of-type(3){width: 472px;color: #575757;font-size: 14px;line-height: 24px;}
.bottomContent p:nth-of-type(3) span a{color: #575757;}
/* 气泡 */
.qipao{font-family: var(--PFR); font-weight: 400; width: 204px;height: 56px;padding:0 10px;line-height: 16px; background: url(../images/footer/qipao.svg) no-repeat;background-size: 100% 100%;position: absolute;right: 60px;top: 0;color: #FFFFFF;font-size: 12px;display: flex;justify-content: center;align-items: center;opacity: 0; box-sizing: border-box;}
.navbounce{animation: navbounce 0.4s ease-out;}

.sx{animation: sx 0.4s ease-out;}

/*底部后加文字*/
.bottom-text{padding: 20px 20px 65px 20px; }
.bottom-text p{font:400 12px/1.5 var(--PFR); color: #575757;}

/* 隐私权限、应用权限弹框 */
.ui-dialog-container{z-index:1000 !important;}
.ui-dialog{max-width:540px;}
.ui-dialog-container + .ui-dialog-container{background-color: rgba(25, 28, 34, 0.88) !important;}
.protocol_con{margin-bottom: 1rem;}

/* .headerTabActived:after{display: none !important;} */

@-webkit-keyframes navbounce {
    0%{
        opacity: 0;
        transform: scale(0);
    }
    80% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}

@-webkit-keyframes sx {
    0%{
        opacity: 1;
        transform: scale(1);
    }
    20% {
        transform: scale(0.2);
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }

}