*{
	margin:0;
	padding:0;
}
.flex{
    display: flex;
    display: -webkit-flex;
}
#main-container-content{
    width:800px;
    padding-bottom:0px;
}
#main-container-content>div{
    width:350px;
    background:#fff;
}
.justify-between{
    justify-content: space-between;
}
.login-select-content{
	height:100vh;
	padding:0 60px;
	box-sizing:border-box;
	min-width:1400px;
}
.login-select-type{
	position:relative;
	 width:350px;
    background:#fff;
    border-radius:8px;
    padding:0 30px;
    box-sizing:border-box;
    padding-top:72px;
    padding-bottom:40px;
}
.login-select-top{
    position:absolute;
    width:90px;
    height:90px;
    border-radius:50%;
    left: 50%;
    transform: translateX(-50%);
    background:#fff;
    top:-45px;
        display: flex;
    align-items: center;
    justify-content: center
}
.login-select-top i{
    font-size: 52px;
    font-weight: 700;
}
.login-select-type-personal .login-select-top{
	border:1px solid #FD7F00;
}
.login-select-type-bussiness .login-select-top{
	border:1px solid #0081FF;
}
.login-select-type-personal .login-select-top i {
	color:#FD7F00;
}
.login-select-type-bussiness .login-select-top i {
	color:#0081FF;
}
.login-select-middle {
    display: flex;
    justify-content: center;
    color: #21243d;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    padding-bottom: 25px;
    border-bottom: 1px solid #E7E8F2;
}
.login-select-middle  span:nth-child(2){
    font-size: 24px;
    animation:mymove 5s infinite;
transform: translateX(0px);

}
.login-select-middle:hover span:nth-child(2){
    transform: translateX(5px);
}
.login-select-bottom{
	padding-top:24px;
	font-size:16px;
	line-height:30px;
    color:#0A1620;
}
.login-select-link  a{
	display:block;
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:8px;
	color:#fff;
	margin:55px auto 0;
}
.login-select-type-personal .login-select-link  a{
	background:#FD7F00;
}
.login-select-type-bussiness .login-select-link  a{
	background:#0081FF;
}
.login-select-link  a:hover{
	opacity:.8;
}
.ubi-personal-icon::after{
	content:'\e640';
}
.ubi-bussiness-icon::after{
	content:'\e803';
}
#main-container-content>div:nth-child(1){
	margin-right:100px;
}
/* 登录 */
@font-face {
    font-family: Iconfont;  
    font-size: 16px;  
    font-weight: 700;
    src: url('./fonts/iconfont.ttf'), 
            url('./fonts/iconfont.svg'),
            url('./fonts/iconfont.woff'),
            url('./fonts/iconfont.eot');
    }
    .myiconfont {
        font-family:"Iconfont" !important; 
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }