/* 重置样式 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-size: 14px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

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

html {
	overflow-y: scroll;
}

video {
	width: 100%;
}

.clearfix::after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	*zoom: 1;
}

::-webkit-scrollbar {
	display: none;
}

* {
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/
	/* -webkit-user-select: none; */
	/*webkit浏览器*/
	/* -khtml-user-select: none; */
	/*早期浏览器*/
	/* -moz-user-select: none; */
	/*火狐*/
	/* -ms-user-select: none; */
	/*IE10*/
	/* user-select: none; */
}

input {
	-webkit-user-select: auto;
	/*webkit浏览器*/
}

textarea {
	-webkit-user-select: auto;
	/*webkit浏览器*/
}

input:focus,textarea:focus{
	outline: 0;
}

.index {
	width: 100%;
	height: 100%;
}
/* header */
header {
	width: 100%;
	height: 88px;
	border-bottom: 1px solid #E1E1E1;
	background: #F5F4F7;
	box-sizing: border-box;
	position:sticky;
	top:0px;
	z-index:8
}
.head{
	width:1200px;
	height:100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.logo{
	width:200px;
}
.primary-menu{
	width:320px;
	height:100%;
	user-select: none;
	position: relative;
}
.download-box{
	width:170px;
	box-shadow:0px 6px 24px 0px rgba(0, 0, 0, 0.15);
	border-radius:4px;
	background: #fff;
	position: absolute;
	left:30px;
	top:68px;
	z-index: 99;
	display: none;
	box-sizing: content-box;
}
.download-box .name1:first-of-type{
	width: 100%;
	padding: 20px 12px;
	color:#444;
	cursor: pointer;
	font-size: 11px;
	box-sizing: content-box;
}
.download-box .name1:last-of-type{
	width: 100%;
	padding: 0px 12px 20px;
	color:#444;
	cursor: pointer;
	font-size: 11px;
	box-sizing: content-box;
}
.download-box .name1:hover{
	color:#4777FF;
}
.triangle{
	border: 7px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	left: 168px;
	top:91px;
	z-index: 100;
	display: none;
}
.primary-menu ul{
	width:100%;
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:#888;
}
.primary-menu ul li:hover{
	color:#4777FF;
	cursor: pointer;
}
.login{
	width:80px;
	height:40px;
	background:rgba(67,97,225,1);
	border-radius:4px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
.primary-menu ul li.login:hover{
	width:80px;
	height:40px;
	background:rgba(67,97,225,1);
	border-radius:4px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}
/* section */
.section {
	width: 100%;
	height: 504px;
	background: #F5F4F7;
	padding-top: 72px;
	box-sizing: border-box;
}
.section-box{
	width:1200px;
	height:100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	position: relative;
}
.computer{
	width:678px;
	height:431px;
}
.com-gif{
	width:412px;
	height:268px;
	position: absolute;
	right:129px;
	top:11px;
}
.section-box .section-text{
	padding-top: 68px;
}
.section-box1 .section-text{
	padding-top: 80px;
}
.section-text .title{
	font-size:34px;
	font-weight:bold;
	color:rgba(68,68,68,1);
}
.section-text p:first-of-type{
	margin-top: 30px;
	color:#666;
}
.section-text p:last-of-type{
	margin-top: 12px;
	color:#666;
}
.registered-btn{
	width:160px;
	height:40px;
	background:rgba(67,97,225,1);
	border-radius:4px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	user-select: none;
	margin-right: 20px;
}
.guest-login-btn{
	width:160px;
	height:40px;
	background:#32b6dc;
	border-radius:4px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	user-select: none;
}
.data-group{
	width: 160px;
	height: 40px;
	background: #4361E1;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border: 0;
	margin-top: 50px;
}
.windows-down,.mac-down,.mini-pro{
	width: 160px;
	height: 40px;
	background: #4361E1;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border: 0;
}
.section1{
	width:100%;
	height:1000px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
}
.section-box1{
	width:1200px;
	height:50%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}
.img-box{
	width:50%;
	height:100%;
	position: relative;
}
.section2{
	width:100%;
	height:540px;
	background:#fff;
}
.section-box2{
	width:1200px;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-top: 92px;
}
.section-box2 .title{
	font-size:36px;
	font-weight:bold;
	color:#444;
}
.section-box2 p:first-of-type{
	margin-top: 30px;
	color:#666;
}
.section-box2 p:last-of-type{
	margin-top: 12px;
	color:#666;
}
.section-box2 ul{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
.section-box2 ul li{
	position: relative;
	cursor: pointer;
}
.section-box2 ul li .figure{
	position: absolute;
	right:0;
	top: 20px;
	opacity: 0.5;
	display: none;
}
.section-box2 ul li:hover .figure{
	display: block;
}
.section-box2 ul li .text{
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
}
.section3{
	width:100%;
	height:561px;
}
.section-box3{
	width:1200px;
	height:100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-top: 80px;
	position: relative;
}
.section-box3 .title{
	font-size:36px;
	font-weight:bold;
	color:#444;
}
.section-box3 p{
	margin-top: 30px;
	color:#666;
}
.content-box{
	width: 100%;
	padding:95px 100px 0;
	display: flex;
	justify-content: space-between;
}
.content-box1{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.content-box1 img{
	width:81px;
	height:81px;
}
.content-box1 .title{
	margin-top: 30px;
	font-size:18px;
	font-weight:bold;
	color:#444;
}
.content-box1 p:first-of-type{
	margin-top: 20px;
	color:#666;
}
.content-box1 p:last-of-type{
	margin-top: 12px;
	color:#666;
}
.section4{
	width: 100%;
	height:600px;
	background:linear-gradient(180deg,rgba(96,146,255,0.06),rgba(96,146,255,0));
}
.section-box4{
	width:1200px;
	height:600px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	padding-top: 56px;
}
.section-box4 .title{
	font-size:36px;
	font-weight:bold;
	color:#444;
}
.section-box4 p{
	margin-top: 30px;
	color:#666;
}
.use-box{
	width:100%;
	display: flex;
	justify-content: space-between;
	margin-top: 56px;
	position: relative;
}
.use-box img{
	width:436px;
	height:276px;
}
.use-box ul li{
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.li-box{
	width:230px;
	height:44px;
	border:1px solid rgba(229,235,255,1);
	display: flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
}
.li-box .name{
	font-size:14px;
	color: #A9B5D7;
}
.li-box img{
	width:27px;
	height:26px;
	margin: 0 20px;
}
.li-box.active{
	width:230px;
	height:44px;
	border:0;
	background:rgba(67,97,225,1);
	display: flex;
	align-items: center;
}
.li-box.active .name{
	font-size:14px;
	color: #FFFFFF;
}
.li-box:nth-of-type(2n){
	width:230px;
	height:44px;
	border:1px solid rgba(229,235,255,1);
	margin: 0 14px;
}
.section5{
	width: 100%;
	height:200px;
	background-image: url(../img/bg-img.png);
}
.section-box5{
	width:1200px;
	height:100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.section-box5 .title{
	margin-top: 36px;
	font-size:36px;
	color: #FEFEFE;
}
.input-box{
	width: 522px;
	height:46px;
	display: flex;
	margin-top: 40px;
}
.phone{
	width: 400px;
	height:100%;
	padding-left:25px;
	color: #FFFFFF;
	font-size: 14px;
	border: 1px solid #FFFFFF;
	background:rgba(51,64,120,0.6);
}
.phone::-webkit-input-placeholder { /* WebKit browsers */
  color: #FFFFFF;
  font-size: 14px;
}
.registered-btn1{
	width:120px;
	height:100%;
	background-color: #fff;
	text-align: center;
	line-height: 44px;
	color: #415794;
	user-select: none;
	cursor: pointer;
}
.section6{
	width: 100%;
	height: 500px;
	background: linear-gradient(180deg, rgba(96, 146, 255, 0.06), rgba(96, 146, 255, 0));
}
.expert-register{
	width: 160px;
	height: 40px;
	background: #4361E1;
	border-radius: 4px;
	color:#fff;
	text-align: center;
	line-height: 40px;
	border: 0;
	margin-top: 50px;
}
/* footer */
.foot{
	width: 100%;
	height:500px;
	background: #282F44;
}
.foot-box{
	width:1200px;
	height:100%;
	margin: 0 auto;
}
.info-box{
	width:100%;
	height:400px;
	border-bottom:1px solid #F2F2F2;
	display: flex;
	justify-content: space-between;
	padding-top: 74px;
}
.info-box ul .title{
	font-size:24px;
	color: #FFFFFF;
	margin-bottom: 50px;
}
.info-box ul .list-name{
	font-size:14px;
	color: #FFFFFF;
	margin-bottom: 30px;
	cursor: pointer;
}
.info-box ul img{
	width: 140px;
	height:140px;
	margin-bottom: 34px;
}
.info-box ul p{
	width: 140px;
	color: #fff;
}
.info-box ul p:last-child{
	width: 140px;
	color: #fff;
	margin-top: 10px;
}
.copy-right{
	width:100%;
	height:100px;
	text-align: center;
	line-height: 100px;
	color: #fff;
	user-select: none;
}
button{
	cursor: pointer;
}
button:focus{
	outline: none;
}
/* 小程序弹窗 */
.masks,.masks1,.masks2{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(243, 243, 246, 0.92);
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
}
.dia-header{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #E4E7ED;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 26px;
	box-sizing: border-box;
}
.dia-title{
	font-size: 16px;
	font-weight: bold;
	color: #303133;
}
.dialog-cont-c {
	position: relative;
	width: 900px;
	height: 500px;
	background: #ffffffff;
	box-shadow: 0px 12px 18px 0px rgba(144, 144, 144, 0.24);
	border-radius: 2px;
	font-family: Microsoft YaHei;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.dialog-cont-c1{
	position: relative;
	width: 752px;
	height: 580px;
	background: #ffffffff;
	box-shadow: 0px 12px 18px 0px rgba(144, 144, 144, 0.24);
	border-radius: 2px;
	font-family: Microsoft YaHei;
	margin: 220px auto;
}
.c-title-i {
	position: absolute;
	top: 20px;
	right: 24px;
	text-align: right;
	color: #303133;
	font-weight: bold;
}

.c-title-title {
	position: absolute;
	top: 50px;
	width: 100%;
	height: 18px;
	text-align: center;
	font-size: 18px;
	color: #303133;
	line-height: 19px;
	font-weight: bold;
}

.c-title-title1 {
	position: absolute;
	top: 87px;
	width: 100%;
	height: 14px;
	text-align: center;
	font-size: 14px;
	color: #606266;
	line-height: 15px;
	font-weight: 400;
}

.c-two-box .box1 {
	position: absolute;
	left: 170px;
	width: 251px;
	height: 251px;
	border: 1px solid #eff0f4;
}

.c-two-box .box1 img {
	width: 249px;
	height: 249px;
}

.c-two-box .box2 {
	position: absolute;
	right: 170px;
	width: 251px;
	height: 251px;
	border: 1px solid #eff0f4;
}

.c-two-box .box2 img {
	margin: 17px;
	width: 216px;
	height: 216px;
}

.c-two-box {
	position: absolute;
	top: 157px;
	width: 100%;
	height: 251px;
}

.c-two-text {
	position: absolute;
	top: 439px;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	color: #e6a23c;


}

.c-two-text .box1 {
	position: absolute;
	left: 181px;
}

.c-two-text .box2 {
	position: absolute;
	right: 193px;
}


/* 机构注册 */
.form{
	width: 100%;
	padding: 0 26px;
	box-sizing: border-box;
}
.form-item{
	margin-top: 24px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.form-content{
	display: flex;
	align-items: center;
}
.label{
	font-size: 16px;
	color: #303133;
	margin-right: 35px;
}
.form-content input{
	width: 220px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #EFF0F4;
	border-radius: 4px;
	padding-left: 17px;
	box-sizing: border-box;
	color: #303133;
}
.form-content select{
	width: 220px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #EFF0F4;
	border-radius: 4px;
	padding-left: 17px;
	box-sizing: border-box;
	color: #303133;
	font-size: 14px;
}
.form-content textarea{
	width: 600px;
	height: 100px;
	background: #FFFFFF;
	border: 1px solid #EFF0F4;
	border-radius: 4px;
	padding: 13px 17px;
	box-sizing: border-box;
	color: #303133;
}
.btn-area{
	margin-top: 67px;
	display: flex;
	padding: 0 26px;
	justify-content: space-between;
	align-items: flex-end;
}
.btn-area span{
	color: #C0C4CC;
	font-size: 12px;
	
}
.btn-area .submit,.btn-area .submit1{
	width: 120px;
	height: 40px;
	background: #4361E1;
	border-radius: 4px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	border: 0;
}

/* 消息通知 */
.tips{
	min-width: 200px;
	height: 48px;
	line-height: 48px;
	padding: 0px 20px;
	box-sizing: border-box;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	position: fixed;
	left: -300px;
	bottom: 40px;
	background-color: #e6effb;
	color: #5e6d82;
	z-index: 9999;
	font-size: 14px;
}