/* @Author       : Junchen-Yi
 * @Designer	 : Taohua-Nong
 * @Date         : 2022-10-27 20:15:49
 * @Program name : language-index.css
 * Copyright (c) 2022 by Junchen-Yi Taohua-Nong, All Rights Reserved.
 */
:root{
	--text-color:#000000;
	--background-color:#f5f5f7;
}
.language-display-1{
	margin-top: 20px;
	border-top-right-radius:48px;
	border-top-left-radius:48px;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10001!important;
	background-color: var(--background-color);
	transform: translateY(80%);
	transition: transform 0.4s ease, opacity 0.4s linear;
	opacity: 0;
}

.language-item{
	padding: 30px;
	margin-top: 30px;
	display: flex;
	    flex-direction: column;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: space-around;
	    align-items: center;
}
.language-close{
	
}
.language-close-img{
	width: 50px;
	height: 50px;
}
.language-logo{
	margin-top:90px;
}
.language-logo-img{
	height: 130px;
	    width: 130px;
	    border-radius: 23px;
}
.language-text-title{
	margin-top: 80px;
}
.language-text-title-p{
	text-align: center;
	color: var(--text-color);
	font-size: 30px;
	font-weight: 600;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	
}
.language-text-tip{
	margin-top: 20px;
	margin-bottom: 40px;
}
.language-text-tip-p{
text-align: center;
    color: var(--born60);
    font-size: 16px;
    font-weight: 400;
    font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
}
	
}
.language-chose{
	margin-top: 40px;
	display: flex;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    align-content: center;
	    justify-content: space-between;
	    align-items: center;
}
.language-chose-button{
	width: 140px;
	    height: 50px;
	    border: 0;
	    border-radius: 32px;
	    background-color: #933493;
	    color:#ffffff;
	    font-size: 16px;
	    letter-spacing: 0.1em;
		font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
		
}
.button-right{
	margin-left: 30px;
}

.languagebox-show{
	transform: translateY(0);
	opacity: 1;
}