@charset "UTF-8";
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.bg {
	width: 75rem;
	position: relative;
}

.popup {
  display: none;
  position:absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 9999;
}

.popup-content {
	position: fixed;
	top:0;
	right:0;
  	background-color: #fff;
  	width: 56.9rem;
	background-color: #0F4594;
}

.popup-content_div01{
	width: 100%;
	background: #0F4594;
	display: flex;
	align-items:baseline;
	justify-content: space-between;
}

.popup-content_div01_01{
	margin-top: 2.8rem;
	margin-left: 3.4rem;
	font-size: 2.8rem;
	font-family: Arial;
	font-weight: 400;
	color: #F6F6F6;
}
.popup-content_div01_01 a{
	color: #F6F6F6 !important;
}

.popup-content_div01_02{
	margin-right: 3rem;
	margin-top: 3.4rem;
	width: 3.7rem;
	height: 3.7rem;
	background-image: url(/statics/phone/static/img/login/guanbi.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.popup-content_div02{
	width: 28.5rem;
	height: 13.2rem;
	background-image: url(/statics/phone/static/img/login/zu102x.png);
	background-size: 100%;
	background-repeat: no-repeat;
	margin:  6.8rem auto 8.2rem auto;
}

.popup-content_div03{
	width: 42.9rem;
	display: flex;
	align-items: center;
	margin: 0 auto;
	justify-content: space-between;
}

.popup-content_div03_div{
	width: 9.5rem;
	height: 5rem;
	border: 0.1rem solid #FFFFFF;
	border-radius: 0.4rem;
	font-size: 2.5rem;
	font-family: Barlow;
	font-weight: 300;
	line-height: 5rem;
	text-align: center;
	color: #FEFFFF;
}

.choosebutton{
	background: #F18B12;
	color: #FEFFFF;
}

.popup-content_div04{
	width: 100%;
	margin-top: 10.1rem;
}

.popup-content_div04_div{
	width: 52rem;
	height: 7.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-left: 0.6rem solid #0F4594;
	border-bottom: 0.1rem solid #235EB6;
}
.chooseMenu{
	border-left: 0.6rem solid #F18B12;
}

.popup-content_div04_div_title{
	margin-left: 3.1rem;
	font-size: 2.8rem;
	font-family: Barlow;
	font-weight: 400;
	color: #F18B12;
}
.popup-content_div04_div_title a{
	color: #F18B12!important;
}


.popup-content_div04_div_img{
	width: 2rem;
	height: 2rem;
	background-image: url(/statics/phone/static/img/login/org.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.popup-content_div04_div_title2{
	margin-left: 3.1rem;
	font-size: 2.8rem;
	font-family: Barlow;
	font-weight: 400;
	color: #FFFFFF;
}
.popup-content_div04_div_title2 a{
	color: #FFFFFF !important;
}

.popup-content_div04_div_img2{
	width: 2rem;
	height: 2rem;
	background-image: url(/statics/phone/static/img/login/white.png);
	background-size: 100%;
	background-repeat: no-repeat;
}

.popup-content_div05_front{
	width: 100%;
	height: 49rem;
	background-color: #0F4594;
}

.popup-content_div05{
    margin: 10rem auto 4rem auto;
    width:32.1rem;
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.popup-content_div05_child{
    display:flex;
    justify-content: center;
    align-items:center;
    border-radius: 50%;   
	background: #0C3D85;
    width:6.4rem;
    height:6.4rem ;
}
.popup-content_div05_img1{
    width:2.2rem;
    height:2.2rem ;
    background-image:url(/statics/phone/static/img/login/twitter.png);
    background-size: 100%;
}
.popup-content_div05_img2{
    width:3.2rem;
    height:3.2rem ;
    background-image:url(/statics/phone/static/img/login/facebook.png);
    background-size: 100%;
}
.popup-content_div05_img3{
    width:3.2rem;
    height:3.2rem ;
    background-image:url(/statics/phone/static/img/login/skype.png);
    background-size: 100%;
}
.popup-content_div05_img4{
    width:3.2rem;
    height:3.2rem ;
    background-image:url(/statics/phone/static/img/login/linkedin.png);
    background-size: 100%;
}

a{
	text-decoration: none;
	color:#333;
}
a:hover, a:visited, a:link, a:active {
    color:#333;
}