/*
 1.公用样式
 2.刷新动画
 3.弹框加载动画
 4.背景旋转
 5.放大缩小
 6.闪烁--透明度
 7.左右晃动
*/

/* 公用样式 */
*{margin:0;padding:0;font-family:"微软雅黑",Microsoft YaHei,Arial, "宋体";font-size:12px;list-style:none;font-weight:normal;}
body{margin:0 auto;padding:0;width:100%;}
body::-webkit-scrollbar {display:none;}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a:focus {outline-style:none; -moz-outline-style:none;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
img{border:0;vertical-align:middle;}
.hide {display:none;}
.show{display:block;}
.clearfix:after{ height:0; display:block; content:'.'; visibility:hidden; clear:both;}
.cursorNeed{cursor:pointer;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
/* 常见问题 */
/*页面添加---- 常见问题 <div class="FAQs_icon" id = "FAQsIcon"></div><br> */
.FAQs_icon {display: inline-block; width: 0.4rem;height: 0.4rem;background: url("../../common/img/FAQ.png") no-repeat;background-size: 100%;vertical-align: bottom;}
/*页面添加---- 联系客服 */
#statement .customerIcon{color: inherit;display: inline-block;height: 0.63rem;width: 1.42rem;line-height: 0.47rem;font-size: 0.24rem;background: url("../../common/img/customerIcon.png") no-repeat center left;background-size: 100%;vertical-align: middle;}
/* 页面tab */
.navAll{position: relative;z-index: 2;height: 0.8rem;width: 100%;background: linear-gradient(90deg,#FF825B 0%,#FE4C35 100%);overflow: scroll;border-radius: 0.2rem 0.2rem 0 0;}
.navAll ul li{position: relative;float: left;font-size: 0.24rem;line-height: 0.8rem;color: #fff;text-align: center;padding: 0 0;width: 1.4rem;overflow: hidden;height: 0.8rem;letter-spacing: 0.01rem;}
.navAll ul{min-width: 7.5rem;}
.navAll ul li.active::after{content:"";background: #fff;display: block;width:0.22rem;height:0.05rem;position: absolute;right: 0.65rem;top:0.66rem;z-index:3;border-radius: 0.03rem;}
/* 公用充值弹框 */
.common_rechage{position: fixed;left: 50%;top: 50%;width: 4.92rem;box-sizing: border-box;height: 3.38rem;margin-left: 0px;text-align: center;padding: 0.45rem 0.3rem 0;background-color: rgb(253, 253, 253);z-index: 10000;border-radius: 0.3rem;box-shadow: rgb(0 0 0 / 40%) 0px 0px 0.06rem;transform: translate(-50%,-50%);overflow: hidden;}
.common_rechage p{font-size: 0.28rem;color: #7a7070;padding-top: 1.1rem;background: url("../../common/img/activity/recharge.png") no-repeat center top;background-size:1.1rem;}
.common_rechage .rechage_btn_go{width: 1.8rem;height: 0.7rem;font-size: 0.28rem;color: #7a7070;background: #ffdd7d;display: block;border-radius: 0.35rem;position: absolute;bottom: 0.22rem;right: 0.5rem;line-height: 0.7rem;}
.common_rechage .rechage_btn_no{width: 1.8rem;height: 0.65rem;font-size: 0.28rem;color: #7a7070;display: block;border-radius: 0.35rem; position: absolute;bottom: 0.22rem;left: 0.5rem;line-height: 0.65rem;border: 0.03rem solid #ffdd7d;}
/* 公用跳转炼晶房弹窗 */
.common_result_pop{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;}
.common_pop_get_crystal {position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 4.37rem;height: 2.70rem;background: url("../../common/img/activity/pop_get_crystal.png") no-repeat;background-size: 100%;}
.common_pop_close {position: absolute;top: 0.22rem;right: 0.18rem;width: 0.28rem;height: 0.28rem;background: url("../../common/img/activity/pop_get_crystal_close.png")no-repeat center;background-size: 0.28rem;}
.common_pop_toGet_word{padding-top: 0.92rem;font-size: 0.26rem;color: #757575;text-align: center;line-height: 0.4rem;}
.common_pop_toGet_btn{width: 2.34rem;height: 0.58rem;line-height: 0.58rem;margin: 0.12rem auto 0;background:#FFDD7D;border-radius: 0.3rem;font-size: 0.3rem;color: #655E6E;text-align: center;}

/* 公用半屏送礼 */
.commonSendGift .giftNumBox{text-align:center;width:4.38rem;height: 1.2rem;position: relative; background: url("../../common/img/activity/gift_btn2.png") no-repeat center;background-size:4.38rem;margin: 0 auto;}
.commonSendGift .numsBox{width:1.52rem;height:0.9rem;box-sizing:border-box;border:none;margin-left:0.2rem;padding-top: 0.15rem; font-size:0.3rem;color:#ff006b;text-align:left;}
.commonSendGift .giveGiftBtn2{z-index: 1;width:1.52rem;height:0.26rem;background-position:0 0;position:absolute;left: 0.18rem;top: 0.6rem;text-align: center;font-weight: 700;font-size: 0.2rem;font-size: 0.2rem;color: #474cad;}
.commonSendGift .giftNumBox input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
.commonSendGift .giftNumBox input[type="number"]::-webkit-calendar-picker-indicator {display: none;}
.commonSendGift .giftNumBox input.giftsNums {width:100%;height:0.5rem;box-sizing:border-box;text-align:center;border:none;font-size:0.28rem;color:#623eb3;-moz-appearance: textfield;background:transparent;outline: none;}
.commonSendGift .giftNumBox input.giftsNums::placeholder {color:#623eb3;}
.commonSendGift .giftNumBox input.giftsNums::-webkit-input-placeholder {color:#623eb3;}
.commonSendGift .giftNumBox input.choiceNums {outline: none;position: relative;z-index: 2;width:1.52rem;height:0.38rem;line-height: 0.38rem;box-sizing:border-box;text-align:center;border:none;font-size:0.3rem;color:#ff256e;-moz-appearance: textfield;background:transparent;}
.commonSendGift .giftNumBox input::-webkit-input-placeholder {color:#fff;}
.commonSendGift .giftNumBox input:focus::-webkit-input-placeholder {color: transparent;}
.commonSendGift .giftNumBox .selectBox {width:1.29rem;position:absolute;bottom: 1.35rem;left: 0.22rem;text-align:center;background:#ffffff;border-radius: 0.3rem;z-index: 5;}
.commonSendGift .giftNumBox .selectBox .option{width:100%;height:0.4rem;line-height:0.4rem;font-size:0.22rem;color:#623eb3;background: url("../../common/img/activity/line.png") no-repeat center top;background-size:1.23rem;}
.commonSendGift .giftNumBox .selectBox::after{content: '';position: absolute;left: 0.5rem; width: 0px;height: 0px;border: 0.2rem solid #000;border-top-color: #ffffff; border-bottom-color: transparent;border-left-color: transparent;border-right-color: transparent;}
.commonSendGift .giftNumBox .giveGiftBtn{width:2.41rem;height:0.73rem;background-position:0 -0.42rem;position:absolute;right: 0.2rem;top: 0.2rem;z-index: 5;}
/* 设置滚动条的样式 */
.commonScollList::-webkit-scrollbar {width: 0.08rem;}
.commonScollList::-webkit-scrollbar-track {border-radius: 0.04rem;background: rgba(0,0,0,0.1);}/* 滚动槽 */
.commonScollList::-webkit-scrollbar-thumb {border-radius: 0.04rem;background: rgba(0,0,0,0.2)}/* 滚动条滑块 */
/*返回顶部*/
.commonBackTop{width: 0.74rem;height: 0.59rem;position: fixed;right: 0;bottom: 1.2rem;z-index: 10;background: url("../../common/img/back_top.png") no-repeat;background-size: 100%;}

/* 弹框加载 */
.popIn {-webkit-animation: fadeleftIn .4s;animation: fadeleftIn .4s;-webkit-animation-name: popIn;animation-name: popIn;}
@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}
@keyframes popIn {
    0% {
        -webkit-transform: scale3d(0, 0, 0);
        transform: scale3d(0.5, 0.5, 0.5);
        opacity: 0;
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        opacity: 1;
    }
}

/* 背景旋转 */
.bgChangeright {-webkit-animation:changeright 6s linear infinite;}
@-webkit-keyframes changeright{
    0%{-webkit-transform:rotate(0deg);opacity: 0.5;}
    50%{-webkit-transform:rotate(180deg);opacity: 1;}
    100%{-webkit-transform:rotate(360deg);opacity: 0.5;}
}

/* 放大缩小 */
.turnBtn{animation: turn 1.5s infinite linear;}
@keyframes turn{
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    50%{
        transform: scale(1.1); /*放大1.1倍*/
    }
}
/* 魔盒上下动 */
.common_fantasy_box {-webkit-animation: bounce-down 2.2s linear infinite;animation: bounce-down 2.2s linear infinite;}
@-webkit-keyframes bounce-down { 25% {transform: translateY(-.021333rem);transform: translateY(-2.133333vw)} 50%,to {transform: translateY(0)} 75% {transform: translateY(.013333rem);transform: translateY(1.333333vw)} }
@keyframes bounce-down { 25% {transform: translateY(-.021333rem);transform: translateY(-2.133333vw)} 50%,to {transform: translateY(0)} 75% {transform: translateY(.013333rem);transform: translateY(1.333333vw)} }

/* 闪烁 */
.twinkling{-webkit-animation:twinkling 2s infinite ease-in-out;animation:twinkling 2s infinite ease-in-out;}
@-webkit-keyframes twinkling{
    0%{
        opacity:1;
    }
    50%{
        opacity:.4;
    }
    100%{
        opacity:1;
    }
}
@keyframes twinkling{
    0%{
        opacity:1;
    }
    50%{
        opacity:.4;
    }
    100%{
        opacity:1;
    }
}
/* 左右晃动 */
.move{animation:move 3s 0s normal;-webkit-animation:move 3s 0s normal;}
.moveLoop{animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}
@keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    75% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    80% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    85% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    90% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    95% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}
@-webkit-keyframes move
{
    0%, 65%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    70% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    75% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    80% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    85% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    90% {
        -webkit-transform:rotate(6deg);
        transform:rotate(6deg);
    }
    95% {
        -webkit-transform:rotate(-6deg);
        transform:rotate(-6deg);
    }
    100% {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
}
/*公告*/
.common_notice_main_mask {position: fixed;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: 10;background: rgba(0,0,0,.5);}
.common_notice_main {position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;width: 5.81rem;height: 6.16rem;background: url("../../common/img/notice_bg.png") no-repeat;background-size: 100%;box-sizing: border-box;padding: 1.13rem 0.46rem 0;}
.common_notice_word {font-size: 0.3rem;color: #4F4F4F;line-height: 0.5rem;text-indent: 0.6rem;}
.common_notice_word > span {font-size: 0.3rem;color: #FF433F;}
.common_notice_sure_btn_con {position: absolute;margin: auto;left: 0;right: 0;bottom: 0.56rem;width: 2.8rem;height: 0.8rem;}
.common_notice_sure_btn {text-align: center;width: 2.8rem;height: 0.8rem;background: linear-gradient(180deg, #5258D8 0%, #2A30B4 99%);border-radius: 0.4rem;    box-sizing: border-box;padding-top: 0.2rem;}
.common_notice_sure_mask {position: absolute;width: 100%;height: 100%;z-index: 2;top: 0;left: 0;}
.common_notice_sure_btn > span {font-size: 0.3rem;color: #DDE8FF;margin-left: 0.1rem;display: inline-block;vertical-align: middle;line-height: normal;}
.common_notice_sure_btn > span.common_notice_sure_word {display: inline-block;width: 0.92rem;height: 0.39rem;background: url("../../common/img/sure_btn.png") no-repeat;background-size: 100%;margin-left: 0;}
.common_notice_close_btn {position: absolute;margin: auto;top: -0.42rem;right: 0.28rem;width: 0.58rem;height: 0.58rem;background: url("../../common/img/close_btn.png") no-repeat;background-size: 100%;}