*{
	margin: 0;
	padding: 0;
}


body {
	font-family: "Microsoft YaHei";
	padding-top: 121px;
	color: #333;
	background-color: #fff;
	min-width: 1240px
}

a:hover {
	color: #ff7900;
	text-decoration: none
}

.clearfix {
	zoom: 1
}

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

.clearfix:after {
	clear: both
}

.hide {
	display: none
}

.w1240 {
	width: 1240px;
	margin: 0 auto
}

.tc {
	text-align: center
}

.inline-block {
	display: inline-block
}

.block {
	display: block !important
}
.psn-rel{
	position: relative;
	margin: 0 auto;
}
.psn-rel:first-child {
	position: relative;
	width: 1240px;
	margin: 0 auto;
}

.orange {
	color: #ff7900 !important
}

.bold {
	font-weight: bold
}

.no-border {
	border: none !important
}

.window-layer {
	position: absolute;
	opacity: .6;
	filter: alpha(opacity=60);
	background-color: #000;
	z-index: 6002;
	left: 0;
	top: 0;
	display: none
}

#talk99_message,#doyoo_panel {
	display: none !important
}

.btn-area {
	position: absolute;
	top: 700px;
	width: 1240px;
	margin: 0 auto;
	text-align: center
}

.orange-btn1 {
	display: inline-block;
	background: #ff7900;
	color: #fff;
	font-size: 30px;
	width: 240px;
	height: 55px;
	line-height: 55px;
	border: none;
	border-radius: 50px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 485px;
	padding: 0 30px 0 0
}

.orange-btn1 .arrows-icon {
	display: inline-block;
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 20px;
	height: 30px;
	background-position: -211px -8px;
	position: absolute;
	right: 30px;
	top: 12px
}

.orange-btn1:hover {
	color: #fff;
	background: #FCB027
}

.orange-btn2 {
	display: inline-block;
	color: #ff7900;
	border: 2px solid #ff7900;
	font-size: 23px;
	width: 215px;
	height: 48px;
	line-height: 48px;
	border-radius: 50px;
	text-align: center;
	position: absolute
}

.ie8 .orange-btn-back,.ie9 .orange-btn-back {
	display: none
}

.btn-wrap {
	width: 300px;
	margin: 0 auto
}

.btn-wrap:hover .orange-btn-back {
	display: none
}

.orange-btn-back {
	width: 270px;
	height: 55px;
	background: #ff7900;
	border-radius: 50px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	box-sizing: border-box;
	animation: backmove 2s infinite;
	-moz-animation: backmove 2s infinite;
	-webkit-animation: backmove 2s infinite;
	-o-animation: backmove 2s infinite
}

@keyframes backmove {
	0% {
		width: 270px;
		height: 55px;
		background: rgba(255,121,0,0.8);
		margin-top: 10px
	}

	100% {
		width: 290px;
		height: 75px;
		background: rgba(255,121,0,0);
		margin-top: 0
	}
}

.btn-green-btn1 {
	background: url("http://edu100.bs2cdn.100.com/e34baa493de46f5890e36938ec08cfd34cea183e.png") no-repeat center center;
	width: 325px;
	height: 74px;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 74px
}

.btn-green-btn1:hover {
	color: #fff
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform,left,top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform,left,top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform,left,top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0, 0);
	-ms-transition-property: -ms-transform,left,top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform,left,top;
	transition-duration: 0s;
	transform: translate3d(0, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x
}

.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 23px;
	width: 100%
}

.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0 1px 2px #555 inset;
	margin: 0 8px;
	cursor: pointer
}

.swiper-active-switch {
	background: #fff
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.k12-nav {
	padding: 20px 0 0 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	width: 100%;
	background:rgba(255,255,255,0.8);
}

.k12-nav .left-part {
	float: left;
	width: 310px
}

.k12-nav .right-part {
	padding: 0 0 0 406px
}

.k12-nav .right-part .detail {
	color: #888888;
	font-size: 20px;
	border-bottom: 1px solid #fff1e5;
	padding: 0 0 15px 4px
}

.k12-nav .tel-box-home {
	position: absolute;
	border-bottom: 0px ;
	top: -3px;
	right: 0
}

.k12-nav .tel-number-100 {
	color: #ff7900;
	font-size: 24px;
	line-height: 32px;
	padding-left: 10px
}

.k12-nav .tel-icon {
	display: inline-block;
	width: 190px;
	height: 35px;
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png") no-repeat -9px -7px;
	position: absolute;
	top: -3px;
	right: 0
}

.k12-nav .tel-icon-100 {
	vertical-align: top;
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url("") no-repeat -9px -7px
}

.k12-nav .logo {
	display: inline-block;
	width: 225px;
	height: 70px;
	background: url("") no-repeat -10px -57px;
	margin-top: 5px
}

.k12-nav .nav {
	font-size: 16px
}

.k12-nav .nav .menu-item {
	color: #666;
	display: inline-block;
	height: 58px;
	line-height: 50px;
	padding: 0 22px;
	position: relative;
	*float: left
}

.k12-nav .nav a:hover {
	color: #ff7900
}

.k12-nav .nav .on {
	color: #ff7900;
	border-bottom: 1px solid #ff7900
}

.k12-nav .cont {
	position: relative
}

.k12-nav .dropdown {
	display: inline-block;
	/*position: relative;*/
	*float: left
}

.k12-nav .dropdown .more:after {
	content: "";
	border: 4px solid transparent;
	border-top-color: #666;
	position: absolute;
	top: 25px;
	right: 10px
}

.k12-nav .dropdown:hover .nav-dropdown {
	display: block
}

.k12-nav .dropdown:hover .more:after {
	content: "";
	border: 4px solid transparent;
	border-bottom-color: #ff7900;
	position: absolute;
	top: 20px;
	right: 10px
}

.k12-nav .dropdown .nav-dropdown {
	width: 80%;
	position: absolute;
	background-color: white;
	border-radius: 3px;
	font-size: 16px;
	top: 100%;
	*left: 0;
	display: none;
	border: 1px solid #eee;
	*left: 0;
	<!--z-index: 6003;-->
	text-align: center;
	box-shadow: 0 -1px 20px rgba(0,0,0,0.1)
}
.k12-nav .dropdown .nav-dropdown:before {
	content: '';
	border: 8px solid transparent;
	border-bottom-color: #fff;
	position: absolute;
	right: 10px;
	top: -16px
}

.k12-nav .dropdown .nav-dropdown a {
	color: #666;
	display: inline-block;
	position: relative;
}
.k12-nav .dropdown .nav-dropdown ul{
	width: 400px;
	float: left;
}
.k12-nav .dropdown .nav-dropdown li{
	padding: 10px;
	float: left;
	text-align: left;
}
.k12-nav .dropdown .nav-dropdown li:hover a {
	color: #ffa516
}

.k12-nav .dropdown .nav-dropdown .nav-list{
	display: inline-block;
	border-right: 1px dotted #ddd;
	margin:20px 0 20px 20px;
}
.k12-nav .dropdown .nav-dropdown .nav-list h5{
	text-align: left;
	padding: 10px;
	font-size: 16px;
}
.k12-nav[bdsfid] {
	position: static
}

.scrollTop {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	background-position: -169px -525px;
	width: 64px;
	height: 64px;
	cursor: pointer
}

.k12-side-float {
	position: fixed;
	height: 333px;
	width: 218px;
	right: 50%;
	margin-right: -833px;
	top: 122px;
	z-index: 1000003;
	text-align: center;
	background: url("") no-repeat center top
}

.k12-side-float .btn-piaofu {
	background: url("http://edu100.bs2cdn.100.com/1825c6440dbadd3220b26291b907164c02935724.png") no-repeat center top;
	width: 176px;
	height: 40px;
	margin-top: 143px;
	cursor: pointer;
	display: inline-block
}

.customer-service-wrap {
	width: 101px;
	height: 101px;
	display: inline-block;
	right: 35px;
	position: fixed;
	bottom: 104px;
	z-index: 10000002
}

.ie8 .customer-service-back,.ie9 .customer-service-back {
	display: none
}

.customer-service-back {
	background: #ff7900;
	width: 81px;
	height: 81px;
	display: inline-block;
	background-position: -36px -510px;
	right: 46px;
	bottom: 142px;
	border-radius: 50%;
	animation: backmove3 2s infinite;
	-moz-animation: backmove3 2s infinite;
	-webkit-animation: backmove3 2s infinite;
	-o-animation: backmove3 2s infinite
}

@keyframes backmove3 {
	0% {
		width: 81px;
		height: 81px;
		background: rgba(255,171,100,0.8);
		margin-top: 10px;
		margin-left: 10px
	}

	100% {
		width: 101px;
		height: 101px;
		background: rgba(255,171,100,0);
		margin-top: 0;
		margin-left: 0
	}
}

.customer-service {
	background: url("");
	width: 81px;
	height: 81px;
	display: inline-block;
	background-position: -36px -510px;
	position: absolute;
	top: 10px;
	left: 10px
}

.k12-footer .row1 {
	height: 82px;
	background: url("http://edu100.bs2cdn.100.com/0709b0c0d3c003f2525546e4284f5280190a1658.jpg") no-repeat center top;
	padding: 17px 0 0 0;
	box-sizing: border-box
}

.k12-footer .row1 .p0 {
	position: absolute;
	color: #fff
}

.k12-footer .row1 .m1 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px
}

.k12-footer .row1 .m2 {
	font-size: 14px
}

.k12-footer .row1 .p1 {
	left: 111px
}

.k12-footer .row1 .p2 {
	left: 358px
}

.k12-footer .row1 .p3 {
	left: 582px
}

.k12-footer .row1 .p4 {
	left: 831px
}

.k12-footer .row1 .p5 {
	left: 1075px
}

.k12-footer .row2 {
	color: #dddddd;
	background: #373c40
}

.k12-footer .row2 .rowUl {
	box-sizing: border-box
}

.k12-footer .row2 .rowUl>li {
	display: inline-block;
	box-sizing: border-box;
	height: 125px;
	width: 248px;
	float: left;
	padding-top: 10px
}

.k12-footer .row2 .rowUl>.li1 p {
	font-size: 16px;
	margin-top: 0px
	
}

.k12-footer .row2 .rowUl>.li-2 {
	padding: 10px 0 0 30px
}

.k12-footer .row2 .rowUl .titleA {
	color: #fff;
	display: block;
	font-size: 18px;
	margin-bottom: 15px
}

.k12-footer .row2 .rowUl .normalA {
	font-size: 14px;
	line-height: 32px;
	display: inline-block;
	width: 100px;
	color: #aaaaaa
}

.k12-footer .row2 .logo2 {
	width: 160px;
	height: 60px;
	display: inline-block;
	background: url("http://www.ylmen.cn/logo/logo.png") no-repeat;
	background-position: -24px -422px
}

.k12-footer .row2 .footer-tel {
	font-size: 32px
}

.k12-footer .row2 .contact-icon {
	padding: 20px 0 0 3px;
	position: relative
}

.k12-footer .row2 .contact-icon a {
	display: inline-block;
	background: url("") no-repeat;
	width: 55px;
	height: 55px;
	margin-right: 15px
}

.k12-footer .row2 .contact-icon a.weixin {
	background-position: -20px -282px
}

.k12-footer .row2 .contact-icon a.weixin:hover {
	background-position: -19px -350px
}

.k12-footer .row2 .contact-icon a.weixin:hover .code1 {
	display: inline-block
}

.k12-footer .row2 .contact-icon a.weibo {
	background-position: -95px -282px
}

.k12-footer .row2 .contact-icon a.weibo:hover {
	background-position: -94px -350px
}

.k12-footer .row2 .contact-icon a.phonecall {
	background-position: -170px -282px
}

.k12-footer .row2 .contact-icon a.phonecall:hover {
	background-position: -169px -350px
}

.k12-footer .row2 .contact-icon a.phonecall:hover .code2 {
	display: inline-block
}

.k12-footer .row2 .ercode {
	height: 144px;
	width: 133px;
	position: absolute;
	background: url("")
}

.k12-footer .row2 .code1 {
	background-position: -8px -623px;
	top: -118px;
	left: -39px;
	display: none
}

.k12-footer .row2 .code2 {
	background-position: -158px -623px;
	top: -118px;
	left: 109px;
	display: none
}

.k12-footer .row3 {
	background: #373c40;
  text-align:center;
  padding: 30px 0 50px 0
}

.k12-footer .row3 .p1 {
	padding: 0 0 10px 0
}

.k12-footer .row3 .p1 a {
	color: #999999;
	font-size: 14px;
	display: inline-block;
	padding: 0 30px 0 30px;
	line-height: 15px;
	border-right: 1px solid #575B5F
}

.k12-footer .row3 .p2 {
	color: #999999;
	font-size: 14px
}

.k12-footer .row3 .p3 {
	position: absolute;
	top: 31px;
	right: 0
}

.k12-footer .row3 .p3 img {
	margin: 0 5px
}

.k12-footer .other-link {
	border-bottom: 1px solid #575B5F;
	padding-bottom: 14px
}

.k12-footer .other-link .link-mark,.k12-footer .other-link .link-item {
	color: #aaa;
	font-size: 14px;
	line-height: 15px;
	border-right: 1px solid #575B5F;
	float: left
}

.k12-footer .other-link .link-mark {
	padding-right: 15px
}

.k12-footer .other-link .link-item {
	padding: 0 15px;
	margin-bottom: 10px
}

.k12-title {
	text-align: center;
	padding: 54px 0 0
}

.k12-title h3 {
	color: #333333;
	font-size: 42px
}

.k12-title small {
	color: #333333;
	font-size: 18px;
	margin-top: 23px;
	display: inline-block
}

.i-focus {
	height: 600px;
	position: relative
}

.i-focus .if-inner {
	height: 580px;
	position: relative
}

.i-focus .if-inner .left-btn,.i-focus .if-inner .right-btn {
	position: absolute;
	display: block;
	width: 30px;
	height: 71px;
	top: 271px;
	z-index: 10;
	overflow: hidden;
	display: inline-block !important;
	background-repeat: no-repeat
}

.i-focus .if-inner .left-btn {
	left: 10px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.i-focus .if-inner .left-btn:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

.i-focus .if-inner .right-btn {
	right: 10px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.i-focus .if-inner .right-btn:hover {
	opacity: .7;
	filter: alpha(opacity=70)
}

.i-focus .focus-btn {
	position: relative;
	z-index: 10
}

.i-focus li {
	height: 580px;
	width: 100%;
	overflow: hidden;
	zoom: 1;
	position: absolute;
	background-position: center top;
	background-repeat: no-repeat
}

.i-focus .focus-dot {
	position: absolute;
	top: 554px;
	overflow: hidden;
	zoom: 1;
	z-index: 5
}

.i-focus .focus-dot a {
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 7px;
	float: left;
	display: inline;
	margin: 0 5px;
	overflow: hidden;
	background: #fff
}

.i-focus .focus-dot .on {
	background: #ffb468;
	width: 23px
}

.k12index-s1 .swiper-container {
	height: 580px
}

.k12index-s1 .swiper-slide {
	height: 580px;
	background: center bottom;
	width: 100%
}

.k12index-s1 .swiper-button-prev {
	top: 290px;
	left: -27px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.k12index-s1 .swiper-button-next {
	top: 290px;
	right: -27px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.k12index-s1 .swiper-pagination-switch {
	width: 12px;
	height: 12px;
	background: #faaf3a;
	opacity: 1;
	border: none;
	box-shadow: none
}

.k12index-s1 .swiper-active-switch {
	width: 23px;
	border-radius: 25px
}

.k12index-s1 .activity {
	padding: 30px 0 30px 0;
	background: #fafafa
}

.k12index-s1 .activity .box {
	width: 380px;
	height: 139px;
	background: no-repeat center top;
	background-size: 100%;
	border: 1px solid #ddd;
	display: inline-block;
	margin: 0 12px;
	box-shadow: 0 5px 20px #d1cdca;
	cursor: pointer
}

.k12index-s2 {
	height: 859px;
	background: url("http://edu100.bs2cdn.100.com/f0b869dbcdcddfe4d7c396666bf5dedf0b34a0b1.jpg") no-repeat center top
}

.k12index-s2 .content-part .m1 {
	color: #333;
	font-size: 20px;
	margin-bottom: 59px
}

.k12index-s2 .content-part .m2 {
	color: #666;
	font-size: 14px;
	padding-left: 39px;
	line-height: 28px
}

.k12index-s2 .content-part .d0 {
	position: absolute
}

.k12index-s2 .content-part .d0.d1 {
	top: 422px;
	left: 37px
}

.k12index-s2 .content-part .d0.d2 {
	top: 395px;
	left: 279px
}

.k12index-s2 .content-part .d0.d3 {
	top: 419px;
	left: 534px
}

.k12index-s2 .content-part .d0.d4 {
	top: 390px;
	left: 777px
}

.k12index-s2 .content-part .d0.d5 {
	top: 419px;
	left: 1028px
}

.k12index-s2 .content-part .p1 {
	color: #333333;
	font-size: 16px;
	text-align: center;
	margin-top: 571px
}

.k12index-s2 .btn-area {
	top: 734px
}

.k12index-s3 {
	height: 869px;
	background: url("/public/static/images/s3-bg.jpg") no-repeat center top
}

.k12index-s3 .k12-title h3 {
	color: #fff
}

.k12index-s3 .k12-title small {
	color: #fff
}

.k12index-s3 .left-part .percent-number {
	color: #fff;
	font-size: 32px;
	position: absolute;
	font-weight: bold
}

.k12index-s3 .left-part .percent-number.num1 {
	top: 283px;
	left: 86px
}

.k12index-s3 .left-part .percent-number.num2 {
	top: 524px;
	left: 86px
}

.k12index-s3 .left-part .sp {
	font-size: 20px;
	position: absolute;
	color: #fff
}

.k12index-s3 .left-part .sp.sp1 {
	top: 365px;
	left: 87px
}

.k12index-s3 .left-part .sp.sp2 {
	top: 452px;
	left: 87px
}

.k12index-s3 .left-part .sp.sp3 {
	top: 604px;
	left: 87px
}

.k12index-s3 .map-area {
	width: 716px;
	height: 550px;
	position: absolute;
	top: 197px;
	left: 471px
}

.k12index-s3 .map-area .head-img {
	height: 350px;
	width: 350px;
	background: url("./public/static/images/logo.png") no-repeat center top;
	margin-top: 74px;
	margin-left: 290px
}

@keyframes mapHeadMove {
	0% {
		margin-top: 0
	}

	12.5% {
		margin-top: 10px
	}

	25% {
		margin-top: 0
	}

	37.5% {
		margin-top: 10px
	}

	50% {
		margin-top: 0
	}

	100% {
		margin-top: 0
	}
}

.k12index-s3 .map-area .map-head-move {
	animation: mapHeadMove 1s infinite;
	-moz-animation: mapHeadMove 1s infinite;
	-webkit-animation: mapHeadMove 1s infinite;
	-o-animation: mapHeadMove 1s infinite
}

.k12index-s3 .map-area .head-dots {
	position: absolute;
	top: 0;
	left: 0
}

.k12index-s3 .map-area .head-dots .dot {
	cursor: pointer;
	position: absolute;
	background: url("");
	width: 50px;
	height: 50px
}

.k12index-s3 .map-area .head-dots .dot:hover .teacher-detail {
	display: inline-block
}

.k12index-s3 .map-area .head-dots .dot .teacher-detail {
	display: none;
	background: url("");
	width: 408px;
	height: 133px;
	background-position: -10px -770px;
	color: #fff;
	text-align: left;
	position: absolute;
	top: -129px;
	right: -20px
}

.k12index-s3 .map-area .head-dots .dot .teacher-detail h5 {
	font-size: 22px;
	font-weight: normal;
	position: absolute;
	top: 25px;
	left: 64px
}

.k12index-s3 .map-area .head-dots .dot .teacher-detail .text {
	font-size: 14px;
	top: 63px;
	left: 32px;
	position: absolute;
	width: 350px
}

.k12index-s3 .map-area .head-dots .dot.dot1 {
	top: 86px;
	left: 586px;
	background-position: -379px -128px
}

.k12index-s3 .map-area .head-dots .dot.dot2 {
	top: 180px;
	left: 316px;
	background-position: -380px -201px;
	height: 70px
}

.k12index-s3 .map-area .head-dots .dot.dot3 {
	top: 192px;
	left: 498px;
	background-position: -379px -389px
}

.k12index-s3 .map-area .head-dots .dot.dot4 {
	top: 279px;
	left: 506px;
	background-position: -379px -128px
}

.k12index-s3 .map-area .head-dots .dot.dot5 {
	top: 337px;
	left: 339px;
	background-position: -379px -472px
}

.k12index-s3 .map-area .head-dots .dot.dot6 {
	top: 334px;
	left: 451px;
	background-position: -379px -558px
}

.k12index-s3 .map-area .head-dots .dot.dot7 {
	top: 352px;
	left: 531px;
	background-position: -379px -646px
}

.k12index-s3 .btn-area {
	top: 751px
}

.ie8 .k12index-s4 .shield,.ie9 .k12index-s4 .shield {
	display: none
}

.k12index-s4 {
	height: 898px;
	background: url("/images/k12index-s4back4.jpg") no-repeat center top
}

.k12index-s4 .k12-title {
	padding: 65px 0 0 0
}

.k12index-s4 .m1 {
	color: #ff7900;
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 34px
}

.k12index-s4 .m2 {
	font-size: 20px;
	color: #666666
}

.k12index-s4 .s1 {
	position: absolute;
	top: 235px;
	left: 198px
}

.k12index-s4 .s2 {
	position: absolute;
	top: 235px;
	left: 826px
}

.k12index-s4 .sp {
	position: absolute;
	color: #333333;
	font-size: 18px;
	text-align: center;
	line-height: 30px
}

.k12index-s4 .sp1 {
	top: 592px;
	left: 50px
}

.k12index-s4 .sp2 {
	top: 714px;
	left: 217px
}

.k12index-s4 .sp3 {
	top: 535px;
	left: 385px
}

.k12index-s4 .sp4 {
	top: 620px;
	left: 544px
}

.k12index-s4 .sp5 {
	top: 549px;
	left: 729px
}

.k12index-s4 .sp6 {
	top: 619px;
	left: 849px
}

.k12index-s4 .sp7 {
	top: 533px;
	left: 1048px;
	font-size: 22px
}

.k12index-s4 .shield {
	width: 1240px;
	height: 400px;
	background: #FAFAFA;
	position: absolute;
	right: 0;
	top: 380px;
	animation: shieldmove 10s infinite;
	-moz-animation: shieldmove 10s infinite;
	-webkit-animation: shieldmove 10s infinite;
	-o-animation: shieldmove 10s infinite
}

@keyframes shieldmove {
	0% {
		width: 1240px
	}

	100% {
		width: 0
	}
}

.k12index-s4 .btn-area {
	top: 788px
}

.k12index-s5 {
	background: url("http://edu100.bs2cdn.100.com/244d1eae12cadc5438539d31d34b2cd5b6d1d633.jpg") no-repeat center top;
	height: 770px
}

.k12index-s5 .k12-title h3 {
	color: #fff
}

.k12index-s5 .swiper-container {
	height: 610px
}

.k12index-s5 .swiper-slide {
	padding: 50px 0 0 0
}

.k12index-s5 .swiper-slide .detail {
	font-size: 20px;
	color: #fff;
	text-align: center;
	margin: 21px 0 40px 0
}

.k12index-s5 .swiper-slide .box {
	width: 501px;
	height: 400px;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	padding: 299px 0 0
}

.k12index-s5 .swiper-slide .box .m1 {
	color: #333333;
	font-size: 20px;
	margin-bottom: 18px
}

.k12index-s5 .swiper-slide .box .m2 {
	color: #666666;
	font-size: 16px
}

.k12index-s5 .swiper-slide .img1 {
	background: url("")
}

.k12index-s5 .swiper-slide .img2 {
	background: url("")
}

.k12index-s5 .swiper-slide .img3 {
	background: url("http://edu100.bs2cdn.100.com/0c97bfdaae17d7d3a7f4a8945c2bead72ba5d98a.jpg")
}

.k12index-s5 .swiper-slide .img4 {
	background: url("http://edu100.bs2cdn.100.com/d3a471d0ae5eca6ee48e21603a11fca5f784ce18.jpg")
}

.k12index-s5 .swiper-slide .img5 {
	background: url("http://edu100.bs2cdn.100.com/8872f19093d6bc3d32b502a81e37058208b969b4.jpg")
}

.k12index-s5 .swiper-slide .img6 {
	background: url("http://edu100.bs2cdn.100.com/31f33b0fe668c9e1d0b5fb1a6bf8879f7803cec4.jpg")
}

.k12index-s5 .swiper-slide .img7 {
	background: url("http://edu100.bs2cdn.100.com/5552a39b133b3eb93339a025e3459d1138a66319.jpg")
}

.k12index-s5 .swiper-slide .img8 {
	background: url("http://edu100.bs2cdn.100.com/9032d6973d98f2cbce295d5dd30fde4c47d59a6d.jpg")
}

.k12index-s5 .swiper-pagination-switch {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: transparent;
	border: 2px solid #faaf3a;
	opacity: 1;
	box-shadow: none;
	margin: 0 10px
}

.k12index-s5 .swiper-active-switch {
	background: #faaf3a
}

.k12index-s6 {
	height: 840px;
	background: url("http://edu100.bs2cdn.100.com/a331345ac671acc64d1f8181e10b6bd9e449b8c3.jpg") no-repeat center top
}

.k12index-s6 .role-label {
	text-align: right;
	position: absolute;
	top: 184px;
	right: 10px;
	z-index: 1000000
}

.k12index-s6 .role-label .label {
	cursor: pointer;
	width: 190px;
	height: 130px;
	margin-left: 60px;
	display: inline-block;
	border: 5px solid #cccccc;
	position: relative
}

.k12index-s6 .role-label .label.on {
	border: 5px solid #ff7900
}

.k12index-s6 .role-label .label.on span {
	background: #ff7900
}

.k12index-s6 .role-label .label span {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #cccccc;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 28px;
	left: -37px
}

.k12index-s6 .role-img {
	width: 650px;
	height: 630px;
	position: absolute;
	bottom: 0;
	left: -32px
}

.k12index-s6 .role-img .img {
	width: 650px;
	height: 630px;
	position: absolute;
	bottom: 0;
	right: 0;
	transition-duration: 4s;
	-moz-transition-duration: 4s;
	-webkit-transition-duration: 4s;
	-o-transition-duration: 4s
}

.k12index-s6 .role-img .opacity1 {
	opacity: 1;
	filter: alpha(opacity=100)
}

.k12index-s6 .role-text {
	position: absolute;
	top: 417px;
	left: 782px
}

.k12index-s6 .role-text .text {
	font-size: 20px;
	color: #333333
}

.k12index-s6 .role-text .text li {
	margin-bottom: 45px
}

.k12index-s6 .role-text .text li i {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle
}

.k12index-s6 .role-text .text li p {
	display: inline-block;
	padding-left: 25px
}

.k12index-s6 .role-text .text li .icon-1 {
	background-position: -249px -397px
}

.k12index-s6 .role-text .text li .icon-2 {
	background-position: -249px -451px
}

.k12index-s6 .role-text .text li .icon-3 {
	background-position: -249px -499px
}

.k12index-s6 .role-text .text li .icon-4 {
	background-position: -249px -554px
}

.k12index-s6 .role-text .text li .icon-5 {
	background-position: -297px -291px
}

.k12index-s6 .role-text .text li .icon-6 {
	background-position: -300px -351px
}

.k12index-s6 .role-text .text li .icon-7 {
	background-position: -249px -291px
}

.k12index-s6 .role-text .text li .icon-8 {
	background-position: -249px -349px
}

.k12index-s6 .role-text .jiazhang li {
	margin-bottom: 55px;
	line-height: 40px
}

.k12index-s6 .role-text .jiazhang li i {
	vertical-align: top
}

.k12index-s6 .btn-area {
	width: 620px;
	margin-left: 620px
}

.k12index-s6 .btn-area .orange-btn1 {
	left: 174px
}

.k12index-s7 {
	height: 809px;
	background: url("http://edu100.bs2cdn.100.com/3ee90ef67cbd8dfacd30f341c80bdd390ad30363.jpg") no-repeat center top
}

.k12index-s7 .p0 {
	color: #333333;
	font-size: 22px;
	line-height: 35px;
	position: absolute
}

.k12index-s7 .p1 {
	top: 229px;
	left: 92px
}

.k12index-s7 .p2 {
	top: 389px;
	left: 92px
}

.k12index-s7 .p3 {
	top: 547px;
	left: 92px
}

.k12index-s7 .videobox {
	width: 605px;
	height: 338px;
	display: inline-block;
	position: absolute;
	top: 223px;
	right: 54px;
	cursor: pointer
}

.k12index-s7 .videobox:hover .icon-rotate {
	-moz-animation: rotate 1.5s linear infinite;
	-webkit-animation: rotate 1.5s linear infinite;
	-o-animation: rotate 1.5s linear infinite;
	-ms-animation: rotate 1.5s linear infinite;
	animation: rotate 1.5s linear infinite
}

@-webkit-keyframes rotate {
	0%,100% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	0%,100% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	0%,100% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@-ms-keyframes rotate {
	0%,100% {
		-ms-transform: rotate(0deg)
	}

	100% {
		-ms-transform: rotate(360deg)
	}
}

@keyframes rotate {
	0%,100% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.k12index-s7 .icon-play {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 60px;
	height: 60px;
	background-position: -267px -66px;
	display: inline-block;
	position: absolute;
	top: 137px;
	left: 269px
}

.k12index-s7 .icon-rotate {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 118px;
	height: 118px;
	background-position: -154px -149px;
	display: inline-block;
	position: absolute;
	top: 108px;
	left: 235px
}

.ie8 .k12index-s8.icon-wrap .icon-bak,.ie9 .k12index-s8.icon-wrap .icon-bak {
	display: none
}

.k12index-s8 {
	height: 520px;
	background: url("http://edu100.bs2cdn.100.com/7a2b901005303ccb1bc625bfb700d47c9478734f.jpg") no-repeat center top;
	color: #fff
}

.k12index-s8 .m1 {
	font-size: 20px;
	margin-bottom: 35px
}

.k12index-s8 .m2 {
	font-size: 14px;
	line-height: 28px
}

.k12index-s8 .d0 {
	position: absolute;
	text-align: center;
	width: 155px;
	top: 253px
}

.k12index-s8 .d1 {
	left: 109px
}

.k12index-s8 .d2 {
	left: 399px
}

.k12index-s8 .d3 {
	left: 683px
}

.k12index-s8 .d4 {
	left: 972px
}

.k12index-s8 .icon-bak {
	width: 125px;
	height: 125px;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 102px;
	left: 697px;
	animation: backmove2 2s infinite;
	-moz-animation: backmove2 2s infinite;
	-webkit-animation: backmove2 2s infinite;
	-o-animation: backmove2 2s infinite
}

.k12index-s8 .icon-wrap {
	width: 141px;
	height: 141px;
	position: absolute;
	top: 94px;
	left: 689px
}

.k12index-s8 .icon-wrap:hover .icon-circle {
	display: inline-block
}

.k12index-s8 .icon-wrap:hover .third-icon,.k12index-s8 .icon-wrap:hover .icon-bak {
	display: none
}

.k12index-s8 .icon-circle {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 180px;
	height: 180px;
	background-position: -23px -934px;
	position: absolute;
	top: -20px;
	left: -18px;
	display: none
}

.k12index-s8 .third-icon {
	width: 125px;
	height: 125px;
	display: inline-block;
	border-radius: 50%;
	background: #ff7900 url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	background-position: -246px -150px;
	position: absolute;
	top: 8px;
	left: 8px
}

@keyframes backmove2 {
	0% {
		width: 125px;
		height: 125px;
		background: rgba(255,121,0,0.8);
		top: 8px;
		left: 8px
	}

	100% {
		width: 141px;
		height: 141px;
		background: rgba(255,121,0,0.2);
		top: 0;
		left: 0
	}
}

.k12index-s8 .btn-area {
	top: 403px
}

.k12index-s9 {
	height: 790px;
	background: url("http://edu100.bs2cdn.100.com/dbf0413a01a778af7c47ea61560dbff70249c6f4.jpg") no-repeat center top
}

.k12index-s9 .swiper-slide {
	height: 633px;
	background: center bottom
}

.k12index-s9 .swiper-container {
	margin-top: 9px
}

.k12index-s9 .swiper-button-prev {
	top: 386px;
	left: -27px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.k12index-s9 .swiper-button-next {
	top: 386px;
	right: -27px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23faaf3a'%2F%3E%3C%2Fsvg%3E")
}

.k12index-s10 {
	height: 794px;
	background: url("http://edu100.bs2cdn.100.com/63345b93be59286d922b5039e170df04830dfaea.jpg") no-repeat center top;
	color: #666666;
	font-size: 14px;
	text-align: center
}

.k12index-s10 .k12-title {
	padding-top: 94px
}

.k12index-s10 .stu-tag {
	width: 190px;
	position: absolute
}

.k12index-s10 .stu-tag .name {
	color: #333333;
	font-size: 20px;
	margin-bottom: 10px
}

.k12index-s10 .stu-tag .school {
	margin-bottom: 41px
}

.k12index-s10 .stu-tag .p1 {
	text-align: left;
	line-height: 24px;
	margin-bottom: 15px
}

.k12index-s10 .stu-tag .p2 {
	text-align: left;
	color: #333333;
	line-height: 24px
}

.k12index-s10 .tag1 {
	top: 339px;
	left: 62px
}

.k12index-s10 .tag2 {
	top: 339px;
	left: 370px
}

.k12index-s10 .tag3 {
	top: 339px;
	left: 680px
}

.k12index-s10 .tag4 {
	top: 339px;
	left: 991px
}

.k12index-s10 .btn-area {
	top: 679px
}

.k12index-s11 {
	height: 686px;
	background: url("http://edu100.bs2cdn.100.com/74b5d5efd8a69293d2934272aa1b7f450d92a971.jpg") no-repeat center top
}

.k12index-s11 .k12-title h3 {
	color: #fff
}

.k12index-s11 .videobox {
	width: 562px;
	height: 340px;
	position: absolute;
	cursor: pointer
}

.k12index-s11 .videobox:hover .icon-rotate {
	-moz-animation: rotate 1.5s linear infinite;
	-webkit-animation: rotate 1.5s linear infinite;
	-o-animation: rotate 1.5s linear infinite;
	-ms-animation: rotate 1.5s linear infinite;
	animation: rotate 1.5s linear infinite
}

@-webkit-keyframes rotate {
	0%,100% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@-moz-keyframes rotate {
	0%,100% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg)
	}
}

@-o-keyframes rotate {
	0%,100% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg)
	}
}

@-ms-keyframes rotate {
	0%,100% {
		-ms-transform: rotate(0deg)
	}

	100% {
		-ms-transform: rotate(360deg)
	}
}

@keyframes rotate {
	0%,100% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

.k12index-s11 .box1 {
	top: 195px;
	left: 0
}

.k12index-s11 .box2 {
	top: 195px;
	left: 670px
}

.k12index-s11 .icon-play {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 36px;
	height: 36px;
	background-position: -278px -12px;
	display: inline-block;
	position: absolute;
	top: 149px;
	left: 261px
}

.k12index-s11 .icon-rotate {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 83px;
	height: 83px;
	background-position: -342px -9px;
	display: inline-block;
	position: absolute;
	top: 127px;
	left: 232px
}

.k12index-s11 .sp0 {
	color: #fff;
	font-size: 28px;
	position: absolute
}

.k12index-s11 .sp1 {
	top: 564px;
	left: 91px
}

.k12index-s11 .sp2 {
	top: 564px;
	left: 769px
}

.k12index-s12 {
	height: 906px;
	background: url("http://edu100.bs2cdn.100.com/85959f00b2eb574778863d170c6b2dcb234de3c6.jpg") no-repeat center top
}

.k12index-s12 .left-part {
	display: inline-block;
	width: 618px;
	height: 560px;
	box-sizing: border-box;
	color: #666666;
	font-size: 14px;
	line-height: 36px;
	position: relative
}

.k12index-s12 .left-part a {
	position: absolute;
	width: 304px
}

.k12index-s12 .left-part .a1 {
	top: 18px;
	left: 275px
}

.k12index-s12 .left-part .a2 {
	top: 197px;
	left: 275px
}

.k12index-s12 .left-part .a3 {
	top: 378px;
	left: 275px
}

.k12index-s12 .right-part {
	display: inline-block;
	width: 618px;
	height: 560px;
	box-sizing: border-box;
	vertical-align: top;
	padding: 113px 0 0 36px
}

.k12index-s12 .right-part a {
	width: 261px;
	height: 120px;
	display: inline-block;
	margin: 0 13px 16px 0
}

.video-box {
	background: #fff;
	width: 779px;
	height: 443px;
	position: fixed;
	margin: 0 auto;
	z-index: 100001;
	left: 50%;
	top: 50%;
	border-radius: 10px;
	margin-top: -271px;
	margin-left: -390px;
	box-sizing: border-box;
	padding: 5px;
	display: none;
	text-align: center
}

.video-box .close-btn {
	width: 45px;
	height: 62px;
	position: absolute;
	right: 0;
	top: -59px;
	cursor: pointer;
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	background-position: -446px -11px
}

.app-teacher-s1 {
	height: 860px;
	background: url("http://edu100.bs2cdn.100.com/620adfb9ca1b5be5bdee84c01715d614bfe42e1c.jpg") no-repeat center top
}

.app-teacher-s1 .btn {
	display: inline-block;
	width: 324px;
	height: 61px;
	line-height: 61px;
	color: #fff;
	font-size: 24px;
	box-sizing: border-box;
	padding-left: 78px
}

.app-teacher-s1 .btn1 {
	position: absolute;
	top: 310px;
	left: 85px
}

.app-teacher-s1 .btn2 {
	position: absolute;
	top: 452px;
	left: 85px
}

.app-teacher-s1 .code {
	width: 200px;
	height: 200px;
	position: absolute;
	top: 580px;
	left: 147px;
	background-size: 100%
}

.join-s1 {
	height: 302px;
	background: url(http://edu100.bs2cdn.100.com/87072b04224b2116bde34f016a3d1073fa2a104f.jpg) no-repeat center top
}

.join-s2 .content {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 37px
}

.join-s2 .content .list h5 {
	padding: 15px 0 15px 0;
	font-weight: normal;
	color: #333333;
	font-size: 18px
}

.join-s2 .content .list ul li {
	font-size: 14px
}

.join-s2 .content .list ul li>.col-1 {
	color: #333333;
	display: inline-block;
	width: 450px;
	line-height: 43px
}

.join-s2 .content .list ul li>.col-2 {
	color: #666666;
	display: inline-block;
	width: 470px
}

.join-s2 .content .list ul li>.col-3 {
	color: #ff7900;
	display: inline-block
}

.join-s2 .content .list ul li>.job-detail {
	display: none;
	padding: 15px 30px 25px;
	background: #fafafa;
	border-radius: 10px;
	color: #333333;
	font-size: 14px;
	line-height: 35px
}

.join-s2 .content .list ul li>.job-detail>.part {
	margin-bottom: 15px
}

.join-s2 .content .list ul li>.job-detail>.part>.title {
	font-size: 16px
}

.join-s2 .content .list ul li.on .job-detail {
	display: block
}

.join-s2 .content .list ul li.on .icon-toggle {
	background-position: 250px -968px
}

.join-s2 .icon-tech {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: 263px -911px;
	vertical-align: sub
}

.join-s2 .icon-front {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: 216px -911px;
	vertical-align: sub
}

.join-s2 .icon-market {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: 161px -911px;
	vertical-align: sub
}

.join-s2 .icon-teach {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: 103px -911px;
	vertical-align: sub
}

.join-s2 .icon-dot {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 25px;
	height: 20px;
	display: inline-block;
	background-position: 51px -921px
}

.join-s2 .icon-toggle {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png");
	width: 27px;
	height: 20px;
	display: inline-block;
	background-position: 250px -992px;
	vertical-align: sub
}

#zhichiBtnBox {
	background: url("http://edu100.bs2cdn.100.com/f750841231824ba2edb8615e37330e36f79622bf.png") !important;
	width: 81px !important;
	height: 81px !important;
	display: inline-block;
	background-position: -36px -510px !important;
	position: absolute;
	bottom: 104px !important
}
.nav-right{
	width:169px;
	height:58px;
	line-height:50px;
	float: right;
}
.login1 {
    font-size: 18px;
    font-weight: bold;
    background: url("/Public/images/aside1.png") left center no-repeat;
    color: #ff7900;
    padding-left: 33px;
    margin-left: 0;
    display: block
}






.re{
	position: relative;
}
.ab{
	position: absolute;
}
.lunbo-box {
    width: 427px;
    height: 340px;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 100px;
    right: 50%;
    margin-right: -600px;
    border-radius: 8px;
    z-index: 42;
}
.lunbo-box .top {
    width: 100%;
    height: 56px;
    border-radius: 8px 8px 0 0;
    line-height: 56px;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center
}

.lunbo-box .bottom {
    width: 395px;
    height: 224px;
    padding: 0 16px;
    text-align: center;
    border-radius: 0 0 8px 8px
}

.lunbo-box1 {
    width: 100%;
    height: 38px;
    border-bottom: 1px dashed #d4d4d4
}
.lunbo-box1 select{
	background:none!important;
	color: #fff!important;
}
.lunbo-box2 {
    width: 100%;
    height: 55px;
    border-bottom: 1px dashed #d4d4d4;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.lunbo-box2 input {
    display: none
}

.lunbo-box2 label {
    color: #fff;
    padding-left: 19px
}

.lunbo-box3 {
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-bottom: 1px dashed #d4d4d4;
}

.lunbo-box3 input {
    width: 131px;
    height: 33px;
    border-bottom: 1px solid #fff;
    border-top:none;
    border-left:none;
    border-right:none;
    padding: 0 6px;
    font-size: 16px;
    color: #fff;
    outline: none;
    margin-left: 7px;
    background: none!important;
}
.pub-btn1 {
    width: 305px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background-color: #ff7e00;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    display: block;
    border: none;
    outline: none;
    border-radius: 6px
}
.kkdrop{
	width: auto;
	height: 38px;
	border: none;
	outline: none;
}
.pub-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url("/Public/images/select-img.png") no-repeat right center #fff;
    padding-right: 26px;
    outline: none;
    padding-left: 14px
}
.pub-select::-ms-expand {
    display: none
}
.label11 {
    display: inline-block;
    padding-left: 16px;
    background: url("/Public/images/radio1-no.jpg") left center no-repeat
}

label.label11.current {
    background: url("/Public/images/radio1-ok.jpg") left center no-repeat
}






/*登录页*/
.static-bg {
    width: 100%;
    height: 437px;
    position: relative;
    overflow: hidden;
}

.static-bg .static-img {
    width: 1920px;
    height: 437px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    left: 50%;
    margin-left: -960px
}

.static-bg .main {
    position: relative;
    height: 30px;
}

.static-bg .main .login-box {
    width: 427px;
    height: 310px;
    position: absolute;
    right: 10%;
    top: 54px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 38px rgba(0, 0, 0, 0.4);
}
.static-bg .main .login-box dd{
	width: 100%;
	height: 100%;
	background: #fff;
}
.static-bg .main .login-box dd .fb{
	width:70%;
	margin: 0 auto;
}
.static-bg .main .login-box dd .fb span{
	font-size: 14px;
	font-family: "Microsoft YaHei";
}
.static-bg .main .login-box dd .fb input{
	width: 230px;
	padding: 5px 0;
	margin: 10px 0;
	text-align: left!important;
}
.static-bg .main .login-box .top {
    width: 100%;
    height: 73px;
    background-color: #f0f0f0;
    line-height: 73px;
    text-align: center;
    font-size: 24px;
    color: #2a2a2a
}
.static-bg .main .login-box dd .submit{
	width:100%;
	text-align: center;
}
.static-bg .main .login-box dd .submit button{
	width:90%;
	padding: 11px 0;
	background: #ff7900;
	border: 1px solid #ff7900;
	border-radius: 10px;
	color: #fff;
}
.wwlabel {
	width: auto;
	padding-left: 18px;
	background: url(/Public/images/checkbox1-no.jpg) left center no-repeat;
	height: 14px;
	line-height: 14px;
	margin: 14px 40px 0 0!important;
	float: right;
	font-size: 14px!important;
}

.wwlabel1 {
	background: url(/Public/images/checkbox1-ok.jpg) left center no-repeat;
}

.static-bg .main .login-box .bottom p {
	height: 14px;
	line-height: 14px;
	margin-top: 14px;
	float: left;
	width: 250px;
}
.readme{
	font-size: 14px;
	line-height: 24px;
}





/*智能填报*/
.login_input_bg{
	width:100%;
	background: url(/Public/images/banner_linshi1.jpg) no-repeat center;
	background-size: cover;
	margin: 0;
}
.import {
    width: 783px;
    height: 467px;
    margin: 20px auto 51px;
    border-radius: 14px;
    position: relative;
    -webkit-box-shadow: 0 0 24px #ccc;
    -moz-box-shadow: 0 0 24px #ccc;
    -ms-box-shadow: 0 0 24px #ccc;
    box-shadow: 0 0 24px #ccc;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    -ms-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
}

.import .import-in {
    overflow: hidden
}

.import .top {
    height: 60px;
    color: #2a2a2a;
    font-size: 24px;
    line-height: 60px;
    text-align: center;
    background-color: #f0f0f0;
    font-weight: bold
}

.import .bottom {
    width: 100%;
    height: 400px;
    padding-top: 8px;
    overflow: hidden;
    background: url("/Public/images/inport-bg.jpg") left top no-repeat #fff;
}

.import .bottom form {
    margin-left: 228px;
}

.import .bottom form div {
    margin-top: 34px
}

.import .bottom form a {
    width: 345px;
    height: 44px;
    margin-top: 39px;
    display: block;
    background-color: #ff7e00;
    border-radius: 10px;
    color: #fff;
    line-height: 44px;
    font-size: 18px;
    border: none;
    outline: none;
    text-align: center
}

.import .bottom form span {
    font-size: 16px;
    color: #000
}

.import .bottom form .span1 {
    letter-spacing: .6em;
    color: #222
}

.import .bottom form .wenke {
    margin-left: 15px
}

.import .bottom form .span2 {
    border-bottom: 1px solid #717171;
    margin-left: 16px
}

.import .bottom form label {
    font-size: 16px;
    color: #484848;
    margin-left: 7px;
    margin-right: 34px
}

.import .bottom form input[type='radio'] {
    vertical-align: -1px
}

.import .bottom form .input1 {
    width: 121px;
    height: 33px;
    border: 1px solid #aaa;
    outline: none;
    background: transparent;
    font-size: 16px;
    color: #222;
    padding: 0 6px;
    margin-left: 8px;
    margin-right: 14px
}

.import .bottom form .div1 {
    padding: 6px 0;
    width: 337px;
    height: auto;
    border-top: 1px dashed #d4d4d4;
    border-bottom: 1px dashed #d4d4d4;
    margin-top: 24px;
}

.import .bottom form .div1 p {
    font-size: 12px;
    line-height: 18px;
    color: #727272
}

.import_cover {
    width: 292px;
    height: 183px;
    border: 1px solid #ff7e00;
    border-radius: 3px;
    padding: 20px 20px 0;
    position: absolute;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px #ccc;
    -moz-box-shadow: 0 0 24px #ccc;
    -ms-box-shadow: 0 0 24px #ccc;
    box-shadow: 0 0 24px #ccc;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    -ms-box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.34);
    z-index: 11;
    right: -88px;
    top: 76px;
}

.import_cover h5 {
    color: #262626;
    font-size: 16px;
    line-height: 1;
    font-weight: normal
}

.import_cover .hr3 {
    border-color: #c4c4c4;
    margin-top: 8px;
    margin-bottom: 5px
}

.import_cover .mrp2 {
    color: #717171
}

.import_cover .pub-btn1 {
    width: 115px;
    height: 34px;
    line-height: 34px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 14px
}


/*个人中心*/
.user_img{
	width: 40px;
	height:40px;
	border-radius: 50%;
}
.uclink strong{
	color: #ff7900;
}
/*自定义*/
.logo{
	background: url("/public/static/images/logo.png")!important;
}
.logo2{
    background: url("/public/static/images/logo.jpg")!important;
}