*,
/* 给所有为元素也加上 */
*::after,
*::before {
    margin: 0;
    padding: 0;
    /* 所有元素的盒子模型使用继承 */
    box-sizing: inherit;
}
.but{
		font-size: 13px;
	    padding-left: 8px;
	    padding-right: 8px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    border-radius: 2px;
	    background-color: #007bff;
	    color: white;text-decoration: none;
	}
ul,
li {
    list-style: none;
}

html {
    /* 10px/16px= 0.625*/
    font-size: 62.5%;
}

body {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    /* font-size: 16px; */
    font-size: 1.6rem;
    line-height: 1.7;
    box-sizing: border-box;
}

/* 浏览器端 模拟移动端尺寸 显示 */
@media only screen and (min-width: 700px) {
    #content {
        width: 450px !important;
        margin: 0 auto;
    }
    .regdatas {
        width: 450px !important;
        margin: 0 auto;
    }

    /* 底部 */
    .bot_fixed_tit_footer {
        width: 450px !important;
        margin: 0 auto;
    }
    .tabbar{
     	width: 450px !important;
    }
    .boomtjszc{
     	width: 450px !important;
    }
    /* pc端bug兼容 */
	.banner_imgs img{
		width: 100% !important;
	}
	.banner_imgs{
		width: 360px !important;
	}
	.banner_box{
		overflow: visible !important;
	}
	#coverWall_container_1{
		width: 450px !important;
	    left:calc(50% - 225px) !important;
	}
}

@keyframes showAlert {
    from {
        transform: scale(.2) translateY(-50%);
    }

    to {
        transform: scale(1) translateY(0);
    }

}

/* 通知栏的动画 */
@keyframes scroll_y_station {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(calc(-100% + 4rem));
    }

    100% {
        transform: translateY(0);
    }
}

.sendcode{
	display: inline-block;
    width: 30%;
    height: 3.4rem;
    border: none;
    color: #fff;
    background-color: #4caf50;
    margin: 0 auto;
    margin-top: .5rem;
    float: right;
    border-radius:3px;
}


/* 弹窗盒子 */
.pop_box {
    width: 100vw;
    height: 100vh;
    background-color: rgba(61, 61, 61, 0.178);
    transition: all .500ms;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

/* 弹窗中心 */
.pop_center {
    width: 70vw;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    transition: all 500ms;
    word-wrap: break-word;
    word-break: break-all;
}

.showAnimation {
    animation: showAlert 300ms;
}

.pop_tit {
    text-align: center;
    border-bottom: 1px solid #efefef;
    padding: 1rem .5rem;
    height: 4rem;
    color: #333333;
    font-size: 1.8rem;
    font-weight: 550;
    position: relative;
}

.pop_text {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    padding: 2rem 1rem;
    font-size: 1.6rem;
    font-weight: 300;
    text-align: center;
    line-height: 1;
}

.pop_center>.pop_text>.diy {
    max-height: 80vh;
    overflow: scroll;
}
.pop_center>.pop_text>.diy::-webkit-scrollbar{
    display: none;
}

.icons span {
    font-size: 2.5rem;
    margin-right: .2rem;
}

/* 弹窗样式 */
.close_alert {
    position: absolute;
    right: .5rem;
    font-weight: 550 !important;
    font-size: 2rem !important;
}

.choce {
    height: 4rem;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #efefef;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
}

.choce>span {
    flex: 1;
    text-align: center;
    line-height: 3rem;
    padding: .5rem;

}

.choce>span:active {
    background-color: #efefef;
}

.choce>span:first-child {
    border-right: 1px solid #efefef;
}

/* 弹窗图标 */
.alertIcons {
    font-size: 2rem !important;
}

.pop_text_alert {
    font-size: 1.8rem;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
}

/* 通知栏 */
.inform {
    height: 3rem;
    overflow: scroll;
    /* display: flex; */
    align-items: center;
    line-height: 3rem;
    padding: -1rem;
    background-color: #e8e8e8;
    width: 95%;
    margin: 0 auto;
    border-radius: .5rem;
    margin-top: 1rem;
    color: #fff;
}

.inform>.iconfont {
    position: absolute;
    left: 1rem;
    width: 3rem;
    text-align: center;
    margin-right: 2rem;
    display: inline-block;
}



/* 隐藏滚动条 */
.inform::-webkit-scrollbar {
    display: none
}

.inform>ul>li {
    height: 100%;
    line-height: 4rem;
}

.swiper-container{
    height: 3rem;
    margin-left: 3rem !important;
}
.swiper-slide{
    line-height: 3rem;
}

/* tabbar */
.tabbar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
}
.footer::before{
    content: "";
    display: block;
    width: 100%;
    height: 5.5rem;
}
.tabbar>div{
    flex: 1;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    font-size: 1.4rem;
}
.tabbar>div>.iconfont{
    font-size: 2rem;
    margin-bottom: .2rem;
}
/* tab选中样式 */
.tabbar>.active_tab{
    color: #0464FA;
    background: linear-gradient(to top,#efefef,#fff);
}
 /* 20231024新增 */
 /* 移动端新版轮播图 样式 */
 .banner_box {
     overflow: hidden;
 }

 .banner_imgs {
     width: 100vw;
     height: 200px;
     position: relative;
     padding: 1rem 0rem;
     box-sizing: content-box;
     display: flex;
 }

 .banner_imgs img {
     width: 75%;
     height: 16rem;
     border-radius: 10px;
     flex-shrink: 0;
     margin-left: 5%;
     /* 解决图片失真 */
     image-rendering: -moz-crisp-edges;
     image-rendering: -o-crisp-edges;
     image-rendering: -webkit-optimize-contrast;
     image-rendering: crisp-edges;
     -ms-interpolation-mode: nearest-neighbor;
     transition: transform 500ms;
     transition-duration: 0s;
     transform: scale(.95);
 }
 .banner_imgs img:first-child {
     margin-left: 12.5%;
 }

 .img_active_show {
     transition-duration: 500ms;
     /* 保持最后一帧的状态 */
     animation: show_img 500ms linear forwards;
 }

 @keyframes show_img {
     from {
         transform: scale(.9);
     }

     to {
         transform: scale(1.1);
     }
 }
 /*  */
 /* 语言切换按钮 */
.search_checkbox {
            margin: 0;
            padding: 0;
            height: 3rem;
            width: 8rem;
            display: flex;
            box-sizing: border-box;
			position: fixed;
			 right: -15px;
			 top: 5px; 
			 z-index: 99;           
        }

        .search_checkbox input[type=checkbox] {
            height: 0px;
            width: 0px;
            visibility: hidden;
        }

        .search_checkbox label {
            height: 3rem;
            width: 6rem;
            cursor: pointer;
            border-radius: 0.5rem;
            display: inline-block;
            background-color: #C6CAD3;
            position: relative;
        }

        .search_checkbox label::before {
            content: '中';
            color: #969696;
            display: inline-block;
            background-color: #fff;
            height: 2.8rem;
            width: 2.8rem;
            text-align: center;
            line-height: 2.8rem;
            position: absolute;
            transform: translate(0, -50%);
            top: 50%;
            left: 0.02rem;
            border-radius: 50%;
            transition: 0.3s;
        }

        .search_checkbox input:checked+label {
            background: #2BA0FF;
        }

        .search_checkbox input:checked+label:before {
            content: "EN";
            left: calc(100% - 2.8rem);
            /* transform: translate(0, -50%); */
        }

        .search_checkbox label:active:before {
            /* width: 3rem; */
        }
        
#fixed_btn_screen{
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 100;
	bottom: 100px;
	right: 10px;
	box-sizing: border-box;
	padding: 5px;
	box-shadow: 0px 0px 5px 1px #8989895e;
	border: 1px solid #efefef;
	border-radius: 50%;
	background: #fff;
}
#fixed_btn_screen:active{
	background: #dbdfe8;
}


#fangdajin_btn_screen{
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 100;
	bottom: 170px;
	right: 10px;
	box-sizing: border-box;
	padding: 5px;
	box-shadow: 0px 0px 5px 1px #8989895e;
	border: 1px solid #efefef;
	border-radius: 50%;
	background: #fff;
}
#fangdajin_btn_screen:active{
	background: #dbdfe8;
}


@keyframes showF {
    from {
        transform: scale(1.5);
    }

    to {
        transform: scale(1);
    }
}

.contentYQH {
    width: 100%;
    height: 100vh;
    background-size: 100% 100%;
    animation: showF linear 600ms;
    opacity: 1;
    transition: all 400ms;
}

@keyframes list_roll {
    from {
        transform: translateY(-50%) rotateX(95deg);
    }

    to {
        transform: translateY(0%) rotateX(0deg);
    }
}

@keyframes list_scale {
    from {
        transform: scale(.3);
    }

    to {
        transform: scale(1);
    }
}

@keyframes list_opacity {
    from {
        transform: scale(.3);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes list_top {
    from {
        transform: translateY(50%);
        opacity: 0;
    }

    to {
        transform: translateY(0%);
        opacity: 1;
    }
}

@keyframes list_rollX {
    from {
        transform: rotateX(180deg);
        opacity: 0;
    }

    to {
        transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes list_rollY {
    from {
        transform: rotateY(180deg);
        opacity: 0;
    }

    to {
        transform: rotateY(0deg);
        opacity: 1;
    }
}


/* 翻牌 */
.roll_animation {
    animation: list_roll 600ms linear;
}

/* 从大到小 */
.scale_animation {
    animation: list_scale 600ms linear;
}

/* 渐变 */
.opacity_animation {
    animation: list_opacity 600ms linear;
}
/* 渐变上移 */
.top_animation{
    animation:list_top 600ms linear;
}
/* X轴翻滚 */
.rollX_animation{
    animation:list_rollX 600ms linear;
}
/* Y轴翻滚 */
.rollY_animation{
    animation:list_rollY 600ms linear;
}



.time_radius .first{
    border-radius: 5px 0px 0px 5px;
}
.time_radius .first + div{
    border-radius: 0px 5px 5px 0px;
}
.overlay {
	position: fixed;
	width:100%;height:100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #0000007d;
	opacity: 0.5;
	z-index: 95;
}
.childiv ul{
	display: flex;
    flex-wrap: wrap;
    padding-left: 1.2rem;
    margin-top: 1rem;
}
.childiv .iconfont {
    font-size: 50px;
    line-height: 50px;
}
.childiv ul li {
    width: calc(33.33% - 1.2rem);
    height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    margin-bottom: 1.2rem;
    border-radius: 0.2rem;
}


.regdatas{
	width: 100%;
    height: 4.5rem;
    line-height:4.5rem;
    background-color: #9e9e9e70;
    z-index: 9999;
    position: absolute;
    color: white;font-size:1.7rem;padding-left:1.3rem;
    top: 18.5rem;
}

.scroll-content{
	display: inline-block;margin-left: 33px;
}

.scroll-content span{
	display: inline-block;
	margin-right: 33px;
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}
 
.marquee p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}
 
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
.coverWall_container_1_time_button{
    width: 12rem;
    height: 3.5rem;
    border-radius: 20px;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.08);
    border: 3px solid rgb(255,255,255);
    /*
    backdrop-filter: blur(5px);
    */
    line-height: calc(3.5rem - 6px);
    text-align: center;
    color: #FFFFFF;
    font-weight: 300;
    cursor: pointer;
}