.clearfix {
	*zoom: 1
}

.clearfix:before,.clearfix:after {
	content: ' ';
	display: table
}

.clearfix:after {
	clear: both
}

.float-left {
	float: left;
	display: inline
}

.float-right {
	float: right;
	display: inline
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

html,body {
	height: 100%;
	background: #f2f1ee
}

.main-wrap {
	position: relative;
	width: 980px;
	height: 100%;
	min-height: 800px;
	margin: -6px auto -170px
}

.main-wrap>div,.main-wrap>a {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%
}

.main-wrap>div::before,.main-wrap>div::after,.main-wrap>a::before,.main-wrap>a::after {
	position: absolute;
	content: ''
}

.main-wrap>a {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center
}

.main-wrap>a:hover {
	text-decoration: none
}

.rotator {
	width: 328px;
	height: 328px;
	margin-top: -246px;
	margin-left: -164px;
	border-radius: 328px;
	background: url(/assets/edoctor/home/rotate.png) no-repeat;
	z-index: 1;
	-webkit-animation-name: Spin;
	-moz-animation-name: Spin;
	-o-animation-name: Spin;
	animation-name: Spin;
	-webkit-animation-duration: 4.5s;
	-moz-animation-duration: 4.5s;
	-o-animation-duration: 4.5s;
	animation-duration: 4.5s;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-o-animation-delay: 3s;
	animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate
}

@-moz-keyframes Spin {
	from {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes Spin {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes Spin {
	from {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes Spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.about {
	width: 260px;
	height: 80px;
	margin-top: -212px;
	margin-left: -130px;
	padding-top: 180px;
	border-radius: 260px;
	background: url(/assets/edoctor/home/poster.jpg) no-repeat;
	z-index: 2
}

.about::after {
	left: 0;
	top: 0;
	width: 260px;
	height: 260px;
	background: url(/assets/edoctor/home/play.png) no-repeat
}

.logo {
	left: 20px !important;
	top: 20px !important;
	width: 179px;
	height: 26px;
	background-image: url(/assets/edoctor/logo.png);
	background-repeat: no-repeat
}

@media only screen and (-webkit-min-min-device-pixel-ratio: 2), only screen and (min--moz-min-device-pixel-ratio: 2), only screen and (-o-min-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.logo {
		background-image: url(/assets/edoctor/logo@2x.png);
		background-size: 100% auto
	}
}

.slogan {
	width: 215px;
	height: 166px;
	margin-top: -198px;
	margin-left: -470px;
	background: url(/assets/edoctor/home/slogan.png) no-repeat
}

.labs::after,.weibo::after,.jobs.intern::after,.contact::after {
	width: 25px;
	height: 25px;
	border: 7px solid;
	border-radius: 25px
}

.labs {
	width: 108px;
	height: 108px;
	margin-top: -243px;
	margin-left: -195px;
	border-radius: 108px;
	background: #b5e0dd url(/assets/edoctor/home/lab.png) no-repeat center center
}

.labs::before {
	width: 70px;
	height: 70px;
	top: -80px;
	left: 95px;
	border-radius: 70px;
	background: #ddedbd url(/assets/edoctor/home/cloud.png) no-repeat center center
}

.labs::after {
	top: 0;
	left: -65px;
	border-color: #a4ce4c
}

.weibo {
	width: 160px;
	height: 145px;
	margin-top: 22px;
	margin-left: -355px;
	padding-top: 15px;
	border: 6px solid #c1d590;
	border-radius: 160px;
	background: #fff url(/assets/edoctor/home/weibo.png) no-repeat 60% 70%;
	color: #00938b !important
}

.weibo::before {
	width: 60px;
	height: 60px;
	top: 135px;
	left: 200px;
	border-radius: 60px;
	background: #b5e0dd url(/assets/edoctor/home/chromosome.png) no-repeat center center
}

.weibo::after {
	top: 25px;
	left: -85px;
	border-color: #b2dedc
}

.jobs.intern {
	width: 150px;
	height: 125px;
	margin-top: -303px;
	margin-left: 170px;
	padding-top: 25px;
	border-radius: 150px;
	background: #8dc21f url(/assets/edoctor/home/jobs.png) no-repeat 50% 60%
}

.jobs.intern::after {
	top: -10px;
	left: 185px;
	border-color: #cce9e8
}

.jobs.full-time {
	width: 86px;
	height: 86px;
	line-height: 86px;
	margin-top: -133px;
	margin-left: 380px;
	border-radius: 86px;
	background: #00938b
}

.contact {
	width: 118px;
	height: 85px;
	margin-top: -38px;
	margin-left: 175px;
	padding-top: 33px;
	border-radius: 118px;
	background: #00938b url(/assets/edoctor/home/logo-small.png) no-repeat 50% 65%
}

.contact::before {
	width: 80px;
	height: 80px;
	top: 165px;
	left: 105px;
	border: 6px solid #c1d590;
	border-radius: 80px;
	background: url(/assets/edoctor/home/scepter.png) no-repeat center center
}

.contact::after {
	top: 35px;
	left: 170px;
	border-color: #c6e08f
}

.line {
	height: 1px;
	margin-top: -82px;
	background: #22a199;
	font-size: 0;
	line-height: 0;
	visibility: hidden
}

.line::before,.line::after {
	height: 1px;
	background: #22a199
}

.line-0 {
	width: 286px;
	margin-left: -286px;
	-webkit-transform: rotate(190deg);
	-moz-transform: rotate(190deg);
	-ms-transform: rotate(190deg);
	-o-transform: rotate(190deg);
	transform: rotate(190deg)
}

.line-1 {
	width: 145px;
	margin-left: -145px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

.line-1::before {
	width: 37px;
	top: 69px;
	left: 185px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.line-1::after {
	width: 33px;
	top: -35px;
	left: 242px;
	-webkit-transform: rotate(160deg);
	-moz-transform: rotate(160deg);
	-ms-transform: rotate(160deg);
	-o-transform: rotate(160deg);
	transform: rotate(160deg)
}

.line-2 {
	width: 228px;
	margin-left: -228px;
	margin-top: 61px;
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

.line-2::before {
	width: 58px;
	top: -102px;
	left: 224px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	-o-transform: rotate(60deg);
	transform: rotate(60deg)
}

.line-2::after {
	width: 45px;
	top: 70px;
	left: 369px;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

.line-3 {
	width: 228px;
	margin-left: -41px;
	-webkit-transform: rotate(-35deg);
	-moz-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	-o-transform: rotate(-35deg);
	transform: rotate(-35deg)
}

.line-3::before {
	width: 109px;
	top: 120px;
	left: 285px;
	-webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	transform: rotate(75deg)
}

.line-3::after {
	width: 52px;
	top: 15px;
	left: 375px;
	-webkit-transform: rotate(187deg);
	-moz-transform: rotate(187deg);
	-ms-transform: rotate(187deg);
	-o-transform: rotate(187deg);
	transform: rotate(187deg)
}

.line-4 {
	width: 187px;
	margin-left: -11px;
	margin-top: 11px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg)
}

.line-4::before {
	width: 75px;
	top: 48px;
	left: 283px;
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg)
}

.line-4::after {
	width: 53px;
	top: -43px;
	left: 297px;
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg)
}