@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

html,body{  
    height: 100%;  
} 

body {
	font-size: 1em;
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑";
	background-image: url(../images/body.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #01092e;
}

ul,ol,li {
	list-style-type: none
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 100%;
	height: auto
}

a {
	text-decoration: none
}

a:hover {
	text-decoration: none !important
}

em,i {
	font-style: normal;
	font-weight: normal
}

input {
	appearance: none;
	-webkit-appearance: none
}

.text-ellipsis {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.box_flex {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1
}

.center_center {
	display: -moz-box;
	display: -webkit-box;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center
}

.box-center-center {
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center
}

.box-center-left {
	display: -moz-box;
	display: -webkit-box;
	-webkit-box-align: center;
	-moz-box-align: center
}

.center_left {
	display: -moz-box;
	display: -webkit-box;
	-webkit-box-align: center;
	-moz-box-align: center
}

.box_flex_container {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical
}

.box_flex_row {
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal
}

input[placeholder],[placeholder],*[placeholder] {
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑"
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑";
	font-size: fonts(30);
	color: #b2b2b2
}

input:-moz-placeholder,textarea:-moz-placeholder {
	font-family: "SourceHanSansCN-Light","PingFang-SC-Light","微软雅黑";
	font-size: fonts(30);
	color: #b2b2b2
}

input::-moz-placeholder,textarea::-moz-placeholder {
	font-family: "SourceHanSansCN-Light","PingFang-SC-Light","微软雅黑";
	font-size: fonts(30);
	color: #b2b2b2
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	font-family: "SourceHanSansCN-Light","PingFang-SC-Light","微软雅黑";
	font-size: fonts(30);
	color: #b2b2b2
}

.cover {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	background-color: rgba(0,0,0,0.4)
}

.cover .center {
	margin: 0 auto;
	margin-top: 8rem;
	width: 6.26666667rem;
	padding-top: .26666667rem;
	padding-bottom: .26666667rem;
	padding-left: .2rem;
	padding-right: .2rem;
	font-size: .4rem;
	color: white;
	text-align: center;
	background-color: #475ea3;
	-webkit-border-radius: .13333333rem;
	-moz-border-radius: .13333333rem;
	-ms-border-radius: .13333333rem;
	-o-border-radius: .13333333rem;
	border-radius: .13333333rem
}

.main {
	/* background: url('../images/body.png') top no-repeat; */
	background-size: 100% auto;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical
}

.main .logo {
	width: 3.16rem;
	height: 1.86666667rem;
	margin: 0 auto;
	padding-top: .89333333rem;
	z-index: 2;
	position: relative
}

.main .banner {
	margin: 0 auto
}

.main .wrap {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	display: -moz-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -o-box;
	display: box;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	/* padding-bottom: .4rem */
}

/* .main .wrap.bg_wrap{
	background: #E6373C;
    background-size: 100% auto;
} */

.main .wrap .wrapBox {
	width: 9.2rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
	padding-left: .28rem;
	padding-right: .28rem;
	/* padding-bottom: 1.6rem; */
	margin: 0 auto
}

.main .wrap .wrapBox.minHeight {
	padding-top: .2rem
}

.main .wrap.white {
	padding-top: .8rem;
	padding-bottom: .8rem;
	padding-left: .8rem;
	padding-right: .8rem
}

.main .wrap.white .wrapBox {
	background-color: #fff
}

.main form {
	width: 8.4rem;
	margin: 0 auto;
	font-size: .50666667rem
}

.main form input {
	background: none
}

.main form .formunitBox {
	padding-bottom: .26666667rem
}

.main form .formUnit {
	height: 1.17333333rem;	
	*zoom: 1;
	position: relative;
	/* border-bottom: 1px solid #dbdbdb; */
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    background-color: rgba(255, 255, 255, 0.10);
    border-radius: 0.586667rem;
}

.main form .formUnit:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	font-size: 0
}

.main form .formUnit p {
	width: 1.25333333rem;
	float: left;
	height: 1.17333333rem;
	line-height: 1.17333333rem;
	color: #000
}

.main form .formUnit p label {
	line-height: 1.17333333rem;
	display: inline-block;
	vertical-align: top;
	font-family: PingFangSC-Regular;
	font-size: .4rem;
	color: rgba(255,255,255,0.80);
	letter-spacing: 0;

}
/*巡展样式修改*/
.main form .formUnit p.name {
    background: url(../images/icon_name.png) no-repeat center;
    background-size:0.533333rem;
}
.main form .formUnit p.icon_tel {
    background: url(../images/icon_tel.png) no-repeat center;
    background-size:0.533333rem;
}
.main form .formUnit p.icon_company {
    background: url(../images/icon_company.png) no-repeat center;
    background-size:0.533333rem;
}
.main form .formUnit p.invite_man {
    background: url(../images/invite_man.png) no-repeat center;
    background-size:0.533333rem;
}
.main form .formbox_p {
    font-size: 0.373333rem;
    color: rgba(255, 255, 255, 0.46);
    margin-top: 0.4rem;
    line-height: 0.533333rem;
    margin-bottom: 0.266667rem;
}
.main form .company_type {
    overflow: hidden;
}
.main form .company_type .chooseType {
    font-family: PingFangSC-Light;
    display: inline-block;
    width: 2.0rem;
    height: 0.8rem;
    border-radius: 0.426667rem; 
    background-color: rgba(255, 255, 255,0.16);
    text-align: center;
    font-size: 0.32rem;
    color: rgba(255, 255, 255, .46);
    line-height: 0.8rem;
    margin-bottom: 0.266667rem;
    float: left; 
    margin-right: 0.1166667rem; 
}
.main form .company_type .chooseType:nth-of-type(4n) {
    margin-right: 0;
}
.main form .company_type .chooseType.active {
   	background:#37D8E6;
    color: #fff;
}
/**/


.main form .formUnit input.texter {
	width: 6.53333333rem;
	height: 1.17333333rem;
	font-size: .4rem;
	border: none;
	border-radius: 0;
	outline: none;
	color: #fff;
	/* float: right; */
	background-color: transparent;
	background-image: none;
    /* text-align: right; */
}

.main form .formUnit .phonecard {
	width: 6.53333333rem;
	float: right
}

.main form .formUnit .phonecard input {
	height: 1.17333333rem;
	font-size: .4rem;
	border: none;
	outline: none;
	color: #000;
	width: 3.8rem
}

.main form .formUnit .phonecard a {
	color: #fff;
	font-size: .34666667rem;
	width: 2.2rem;
	height: .90666667rem;
	line-height: .90666667rem;
	text-align: center;
	margin-right: .13333333rem;
	margin-top: .13333333rem;
	float: right;
	background: url(../images/yzmBg.png) no-repeat center center;
	background-size: 100% 100%
}

.main form .formUnit .companytype {
	width: 7.013333rem;
	max-height: 2.133333rem;
	font-size: .4rem;
	outline: none;
	color: #d0d0d0;
	float: right;
}
.main form .formUnit .companytype div{
	width: 100%;
	font-family: PingFangSC-Regular;
	font-size: .346667rem;
	color: #FFFFFF;
	letter-spacing: 0;
}
.main form .formUnit .companytype div:nth-child(1){
	line-height: 1.17333333rem;
}

.main form .formUnit .companytype div.last_type{
	padding-bottom: 0.4rem;
}
.main form .formunitBox .spe-type{
	height: auto;
	overflow: hidden;
}

.main form .formUnit .companytype .chooseType{
	padding-left: 0.373333rem;
	position: relative;
}

.main form .formUnit .companytype .chooseType:before{
	position: absolute;
	content: " ";
	width: 0.266667rem;
	height: 0.266667rem;
	border: 0.026667rem solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.main form .formUnit .companytype .chooseType.active{
	color: #37D8E6;
}

.main form .formUnit .companytype .chooseType.active:before{
	border-color: #37D8E6;
}

.main form .formUnit .companytype .chooseType.active:after{
	position: absolute;
	content: " ";
	width: 0.133333rem;
	height: 0.133333rem;
	background: #37D8E6;
	border-radius: 100%;
	top: 50%;
	left: 0.066667rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.main form .formUnit .companytype>div{
	display: flex;
	justify-content: space-between;
}


.main form .formUnit .companytype b {
	line-height: 1.17333333rem;
	font-size: fonts(30);
	color: #b2b2b2;
	font-weight: normal
}

.main form .formUnit .companytype i {
	background: url('../images/updown_btn.png') no-repeat center center;
	background-size: contain;
	background-size: .453333rem 0.36rem;
	width: .453333rem;
	height: 1.17333333rem;
	float: right
}

.main form .formUnit .companytype i.active {
	background: url('../images/progress-icon-active.png') no-repeat center center;
	background-size: contain;
	background-size: .44rem .22666667rem
}

.main form .formUnit .companytype span {
	height: .66666667rem;
	line-height: .66666667rem;
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑";
	font-size: .4rem;
	color: #000;
	float: left;
	text-align: center;
	margin-right: .4rem;
	margin-top: .25333333rem;
	border-radius: .4rem;
	text-indent: 0;
	position: relative
}

.main form .formUnit .companytype span i {
	background: url('../images/typedel.png') no-repeat right center;
	width: .42666667rem;
	height: .66666667rem;
	background-size: contain;
	display: inline-block
}

.main form .formUnit .typebox {
	padding-bottom: .8rem;
	position: absolute;
	right: 0;
	top: 1.30666667rem;
	width: 8.4rem
}

.main form .formUnit .typebox .typeContent {
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
	background: #fff;
	padding-top: .34666667rem;
	padding-bottom: .16rem;
	padding-left: .09333333rem;
	*zoom: 1
}

.main form .formUnit .typebox .typeContent:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	font-size: 0
}

.main form .formUnit .typebox .typeContent span {
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑";
	font-size: .32rem;
	width: 2.53333333rem;
	height: .96rem;
	margin-right: .09333333rem;
	margin-left: .09333333rem;
	color: #333;
	background-color: #f0f0f0;
	float: left;
	border-radius: .06666667rem;
	text-align: center;
	line-height: .96rem;
	margin-bottom: .18666667rem
}

.main form .formUnit .typebox .typeContent span.active {
	color: #171c60;
	background: url(../images/typeActive.png) no-repeat;
	background-size: 100% 100%
}

.main form .formUnit.magazine {
	-moz-box-pack: center;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-moz-box-align: center
}

.main form .formUnit.magazine p {
	display: -moz-box;
	display: -webkit-box;
	-webkit-box-align: center;
	-moz-box-align: center;
	width: 1.25333333rem
}

.main form .formUnit.magazine p img {
	width: .48rem;
	margin-right: .13333333rem;
	vertical-align: text-top
}

.main form .formUnit.magazine:nth-child(2) p img {
	margin-top: -0.04rem
}

.main form .formUnit.magazine:nth-child(3) p img {
	margin-top: .06666667rem
}

.main form .formUnit.magazine input.texter {
	width: 6.53333333rem
}

.main form .sure {
	width: 8.4rem;
	height: 1.14666667rem;
	margin: 0 auto;
	margin-top: .42666667rem;
	clear: both;
	margin-bottom: .26666667rem
}

.main form .sure input {
	width: 100%;
	height: 100%;
	background: #37D8E6;
	border: none;
	font-size: .48rem;
	color: #fff;
	-webkit-border-radius: .66666667rem;
	-moz-border-radius: .66666667rem;
	-ms-border-radius: .66666667rem;
	-o-border-radius: .66666667rem;
	border-radius: .66666667rem;
	font-family: "PingFang-SC-Regular","PingFang-SC-Light","微软雅黑"
}

.main form .friendRe {
	font-size: .4rem;
	text-align: center;
	padding-bottom: 0.4rem;
}

.main form .friendRe a {
	color: #37D8E6;
	line-height: .56rem;
	position: relative;
	/* text-decoration: underline */
}

.main form .friendRe a span{
	position: absolute;
	right: -.6rem;
}

.main form .signInfo {
	padding-top: 1.33333333rem;
	font-size: .34666667rem;
	line-height: .42666667rem;
	color: #b2b2b2
}

.main form .signInfo .signinInfoes {
	background: url(../images/signInfo.png) no-repeat left center;
	background-size: .42666667rem .42666667rem;
	padding-left: .53333333rem
}

.applyS .applyBox {
	height: 7.106667rem;
	border-bottom: 1px dashed #030506;
}

.applyS .applyBox img{
	display: block;
}

.applyS .applyBox .apply {
	height: 0.906667rem;
	line-height: 0.906667rem;
	margin: 0 auto;
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 0.64rem;
	color: #000;
}

.applyS .applyBox .apply img {
	width: .85333333rem;
	height: .85333333rem;
	float: left;
	margin-right: .10666667rem
}

.applyS .applyBox .apply i {
	float: left;
	font-size: .64rem;
	line-height: .82666667rem;
	color: #929292
}

.applyS .applyBox p {
	margin: .29333333rem 0;
	text-align: center;
	font-family: PingFangSC-Regular;
	font-size: 0.373333rem;
	color: #000;
}

.applyS .applyBox p#userInfo{
	color: #000;
	margin-bottom: 0;
	font-weight: normal;
}

.applyS .applyBox div#userInfo_space{
	clear: both;
	height: 0.8rem;
}

.applyS .applyBox .img_notice img{
	width: 8.4rem;
}

.applyS.white {
	width: 8.4rem;
	height: 14.0rem;
	margin: 1.04rem auto 0.266667rem auto;
	background: #fff;
	border-radius: 0.373333rem
}

.applyS.white .img_success {
	padding: 1.28rem 0 0.36rem;
}

.applyS.white .img_success img {
	width: 2.666667rem;
	height: 2.666667rem;
	margin: 0 auto;
}

.applyS.white .applyBox {
	background-color: #fff;
	width: 8.4rem;
	margin: 0 auto;
	border-radius: 0.373333rem 0.373333rem 0 0;
	position: relative;
}

.applyS.white .applyBox:before{
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0.266667rem;
	height: 0.266667rem;
	border-radius: 100%;
	background: #020102;
	transform: translate(-55%,50%);
}

.applyS.white .applyBox:after{
	content: " ";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0.266667rem;
	height: 0.266667rem;
	border-radius: 100%;
	background: #020102;
	transform: translate(55%,50%);
}

.applyS .bottom {
	width: 8.4rem;
	margin: 0 auto;
	font-size: .48rem;
	text-align: center;
}

.applyS .bottom .other {
	background: #f8e81c;
	color: #036EB6;
	height: 1.14666667rem;
	line-height: 1.14666667rem;
	border-radius: .6rem
}

.applyS .bottom .attention {
	color: #37D8E6;
	border-radius: 1.333333rem;
	width: 7.066667rem;
	height: 1.173333rem;
	line-height: 1.173333rem;
	margin: 0 auto;
	margin-bottom: 1.2rem;
	position: relative
}

.applyS .bottom .attention:after{
	content: " ";
	position: absolute;
	width: 200%;
	height: 200%;
	top: 0;
	left: 0;
	border: 1px solid #37D8E6;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	border-radius: 1.333333rem;
}

.applyS .bottom .mark {
	font-family: PingFangSC-Regular;
	font-size: 0.32rem;
	color: #000;
}

.applyS .bottom a {
	background: #37D8E6;
    color: #fff;
    width: 7.066667rem;
    height: 1.173333rem;
    line-height: 1.173333rem;
    border-radius: 1.333333rem;
    display: block;
    margin: 1.466667rem auto 0.666667rem;
    font-family: PingFangSC-Regular;
	font-size: 0.48rem;
}

.register {
	width: 8.4rem;
	margin: 0 auto;
	color: #475ea3
}

.register .mark {
	color: #fff;
	font-size: .42666667rem;
	line-height: .6rem;
	padding-bottom: .37333333rem;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	border-bottom-width: .01333333rem
}

.register form textarea {
	width: 6.66666667rem;
	height: 2rem;
	border-bottom-style: solid;
	border-bottom-color: #475ea3;
	border-bottom-width: .01333333rem;
	font-size: .50666667rem;
	text-indent: .16rem
}

.clearfx {
	*zoom: 1
}

.clearfx:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	font-size: 0
}/*# sourceMappingURL=style.css.map */

/* 类型选择 弹框 */
.popupbox{width:100%;height:100%;position:fixed;bottom: 0;left: 0;z-index:2019;background-color: rgba(0,0,0,0.8);display: none;}
.popupbox .popuperindex{width:4.266667rem;height:4.8rem;background-color: #fff;position:absolute;z-index:2020;right:0;top:50%;-webkit-animation: sidebar-in .2s linear both;animation: sidebar-in .2s linear both;}
.popuperindex ul{height:4.8rem;}
.popuperindex ul li{padding-left:0.4rem;font-size: 0.426667rem;height:1.2rem;line-height:1.2rem;color:#9b9b9b;font-family:NotoSansHans-DemiLight,"微软雅黑";}
.popuperindex ul li.active{background: #37D8E6;color:#fff;}