@font-face {
 font-family: "AlibabaPuHuiTi-Refular";
 src: url(/util/font/alibaba/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff2) format('woff2'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.woff) format('woff'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.ttf) format('truetype'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.eot) format('embedded-opentype'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-55-Regular/AlibabaPuHuiTi-2-55-Regular.otf) format('opentype');
 font-weight:normal;
 font-style:normal;
}
@font-face {
 font-family: "AlibabaPuHuiTi-Medium";
 src: url(/util/font/alibaba/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.woff2) format('woff2'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.woff) format('woff'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.ttf) format('truetype'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.eot) format('embedded-opentype'), 
  url(/util/font/alibaba/AlibabaPuHuiTi-2-65-Medium/AlibabaPuHuiTi-2-65-Medium.otf) format('opentype');
 font-weight:normal;
 font-style:normal;
}
[v-cloak] {
	display: none;
}
html,body{
	margin:0px;
	padding:0px;	
	background: rgb(46,50,62);
	width:100%;
}
.subHtml,.subBody{
	margin:0px;
	padding:0px;	
	background: #fff !important;
}
.main{
	background: url(../image/bg.png) no-repeat 100% 100%;	
	width:752px;
	height:480px;
	position: absolute;
	top:calc(50% - 240px);
	left:50%;
	margin-left:-376px;
}

.title{
	font-family: "AlibabaPuHuiTi-Medium";
	font-size:22px;
	color:#3466A1;
	position: relative;
	left:265px;
    width: 540px;
    text-align: center;
    top: 70px;	
}
.mobileInput{
	position: relative;
	left:275px;
    width: 540px;
    text-align: center;
    top: 125px;	
}
.nameInput{
	position: relative;
	left:275px;
    width: 540px;
    text-align: center;
    top: 160px;
}
input{
	border: 0px;
    height: 48px;
    width: 320px;
    font-size: 14px;
    border-radius: 5px;
    outline: none; 
    padding-left:15px;
    font-family: "AlibabaPuHuiTi-Refular"
}
.icon{
	display: inline-block;
    position: relative;
    left: -30px;
    top: 3px;
}
.submitBtn{
	border: 0px;
    height: 48px;
   	left:375px;
    width: 320px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
    top: 195px;
    background: #3466A0;
    text-align: center;
    line-height: 48px;
    font-family: "AlibabaPuHuiTi-Medium";
    color:#fff;
    cursor: pointer;
}
.bottom{
	border: 0px;
   	left:265px;
    width: 540px;
    font-size: 12px;
    border-radius: 5px;
    position: relative;
    top: 230px;
    text-align: center;
    font-family: "AlibabaPuHuiTi-Refular";
    color:#333333;
}
.top{
	height:48px;
	background: #3466A1;
	color:#fff; 	
}
.mainContent{
	font-family: 'AlibabaPuHuiTi-Refular';
	background: #FAFAFA;
	height:100%;
	width:100%;
}
.topTitle{
	height:48px;
	line-height:48px;
	float:left;
	padding-left:20px;
	font-size:14px;
}
.exit{
	height:48px;
	line-height:48px;
	float:right;	
	padding-right:30px;
}
.exitIcon{
	display: inline-block;
	position: relative;
	top:2px;
	cursor: pointer;	
}
.exitIcon polygon{
	fill:#fff;	
}
.nameShow{
	display: inline-block;
	padding-right:20px;	
}
.submitContent{
	width:854px;
	height:356px;	
	position: relative;
	top:120px;
	background: #fff;
	border-radius: 5px;
	box-shadow:0px 0px 5px 2px #c9c9c9;
	left:50%;
	margin-left:-427px;
	text-align: center;
}
.lineLeft{
	float:left;
	padding-left:56px;
}
.lineCenter{
	float:left;
	color:#2E323E;
	font-size:24px;
	font-family: "AlibabaPuHuiTi-Medium";
	width:96px;
	height:32px;
	margin:0px auto;
	position: relative;
    left: 20px;
    top: -7px;
}
.lineRight{
	float:right;
	padding-right:56px;
}
.showContent{
	width:742px;
	height:188px;	
	position: relative;
	top:110px;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 2px;
	margin-left:55px;
}
.showLeft{
	width: 555px;
    float: left;
    height: 320px;
    position: relative;
    top: -80px;
    text-align: left;
}
.showRight{
	float: right;
    border-left: 1px solid #c9c9c9;
    width: 190px;
    height: 124px;
    display: inline-block;
    position: absolute;
    left: 500px;
    top: 35px;
}
.showIcon{
	margin-top: 32px;
    margin-left: 32px;
    display: block;
    position: absolute;
}
.subTitle1{
	font-size: 16px;
	color: rgba(0,0,0,0.85);
	line-height: 24px;
	font-weight: 500;
}
.infoSpan{
	font-family: 'AlibabaPuHuiTi-Refular';
    display: block;
    height: 100%;
    position: absolute;
    left: 90px;
    top: 30px;
}
.content{
	width:332px;
	display:block;
	font-size: 14px;
	color: #999999;
	line-height: 18px;
	font-weight: 400;
}
.downPPT{
	background: #FFFFFF;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 2px;
    width: 88px;
    height: 32px;
    display: block;
    position: absolute;
    top: 150px;
    left: 90px;
	font-family: 'AlibabaPuHuiTi-Refular';
	font-size: 14px;
	color: #8c8c8c;
	line-height: 32px;
	font-weight: 400;
	text-align:center;
	cursor: pointer;
}

.subPPT{
	background: #3466A1;
	border-radius: 2px;
    width: 88px;
    height: 32px;
    display: block;
    position: absolute;
    top: 151px;
    left: 200px;
	font-family: 'AlibabaPuHuiTi-Refular';
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	font-weight: 400;
	text-align:center;
	cursor: pointer;
}
.subTitle2{
	font-size: 16px;
    color: rgba(0,0,0,0.85);
    line-height: 24px;
    font-weight: 500;
    display: block;
    margin-left: -50px;
}
.subContent{
	font-size: 14px;
    color: #c9c9c9;
    line-height: 24px;
    font-weight: 500;
    display: block;
    margin-left: 22px;
    margin-top: 10px;
    text-align: left;
}
.subBottom{
	height:100px;
	background: #2E323E;
	position: fixed;
	bottom:0px;
	width:100%;
}
.bottomInfo{
	width:578px;
	font-size: 14px;
	color: #999999;
	text-align: center;
	font-weight: 400;
	font-family: 'AlibabaPuHuiTi-Refular';
	display: block;
	margin:0px auto;
	margin-top:40px;
}
.infoIcon{
	position: relative;
    left: 375px;
    top: 170px;
    cursor: pointer;
    width: 320px;
    margin-top: 10px;
    font-family: "AlibabaPuHuiTi-Refular";
    font-size: 12px;
    color: #7e7c7c;
}
.infoIcon img{
	width:20px;	
}
.el-upload{
	width:100% !important;	
}
.el-upload-dragger{
	width:100% !important;	
}
.uploadPPT{
	background: #3466A1;
	border-radius: 2px;
    width: 88px;
    height: 32px;
    display: block;
    margin:0px auto;
    margin-top:10px;
	font-family: 'AlibabaPuHuiTi-Refular';
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	font-weight: 400;
	text-align:center;
	cursor: pointer;
}