body, html
{
	overflow-x: hidden!important
}

.bgf06d7b
{
	background-color: #f06d7b
}

.color3e0d5f
{
	color: #3e0d5f
}

.color3168cb
{
	color: #3168cb
}

.bg3168cb
{
	background-color: #3168cb
}

.bgfba013
{
	background-color: #fba013
}

.color0076f6
{
	color: #0076f6
}

.color3d7fff
{
	color: #3d7fff
}

.bg3d7fff
{
	background-color: #3d7fff
}

.marginright26
{
	margin-right: 26px
}

.bgcolor0076f6
{
	background-color: #0076f6
}

.color0076f6
{
	color: #0076f6!important
}

.marginbottom50
{
	margin-bottom: 50px
}

.bge9e0ff
{
	background-color: #e9e0ff
}

.paddingbottom80
{
	padding-bottom: 80px
}

.color284de6
{
	color: #284de6
}

.marginbottom100
{
	margin-bottom: 100px
}

.color3651f7
{
	color: #3651f7
}

.bgfefefe
{
	background-color: #fefefe
}

.bgdfefff
{
	background-color: #dfefff
}

.bgfff4d4
{
	background-color: #fff4d4
}

.marginright10
{
	margin-right: 10px
}

.bg77d5c6
{
	background-color: #77d5c6
}

.colorf3af05
{
	color: #f3af05
}

.color6fc82a
{
	color: #6fc82a
}

.bgf5f5f5
{
	background-color: #f5f5f5
}

.bg3651f7
{
	background-color: #3651f7
}

.bgffa92d
{
	background-color: #ffa92d
}

.colorf55668
{
	color: #f55668
}

.bgf3af05
{
	background-color: #f3af05
}

.bgf55668
{
	background-color: #f55668
}

.color3c7eff
{
	color: #3c7eff
}

.bg3c7eff
{
	background-color: #3c7eff
}

.marginbottom5
{
	margin-bottom: 5px
}

.color5c9eff
{
	color: #5c9eff
}

.bgfd753b
{
	background-color: #fd753b
}

.color0d40db
{
	color: #0d40db!important
}

.bgffd51b
{
	background-color: #ffd51b
}

.color12bbb2
{
	color: #12bbb2
}

.color2abb94
{
	color: #2abb94
}

.color602adf
{
	color: #602adf
}

.bg2151bb
{
	background-color: #2151bb
}

.bg602adf
{
	background-color: #602adf
}

.bgfba012
{
	background-color: #fba012
}

.bg5c9eff
{
	background-color: #5c9eff
}

.bg2abb94
{
	background-color: #2abb94
}

.bg04c4cd
{
	background-color: #04c4cd
}

.bgff6461
{
	background-color: #ff6461
}

.bgfd9141
{
	background-color: #fd9141
}

.w12per
{
	width: 12%
}

.color0580af
{
	color: #0580af
}

.colorff8731
{
	color: #ff8731
}

.bg12bbb2
{
	background-color: #12bbb2
}

.color1dbcb2
{
	color: #1dbcb2
}

.bgd8fffc
{
	background-color: #d8fffc
}

.line-solid
{
	width: 120px;
	height: 3px;
	display: block;
	margin: 0 auto;
	background-color: #1dbcb2;
	margin-top: 20px
}

.bgffa100
{
	background-color: #ffa100
}

.bgf2606a
{
	background-color: #f2606a
}

.bgffedce
{
	background-color: #ffedce
}

.colorffa509
{
	color: #ffa509
}

.color908aff
{
	color: #908aff
}

.color25dac7
{
	color: #25dac7
}

.bgffa509
{
	background-color: #ffa509
}

.bgd3f8f4
{
	background-color: #d3f8f4
}
::-webkit-scrollbar {
width:5px;
height:5px;
background-color:#f5f5f5
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
border-radius:10px;
background-color:#f5f5f5
}
::-webkit-scrollbar-thumb {
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px #fd753b;
background-color:#555
}

.bge9e8ff
{
	background-color: #e9e8ff
}

.bg10b59b
{
	background-color: #10b59b
}

.marginbottom45
{
	margin-bottom: 45px
}

.fontsize26
{
	font-size: 26px
}

.color966efb
{
	color: #966efb
}

.color41c9bb
{
	color: #41c9bb
}

.bge5eefc
{
	background-color: #e5eefc
}

.bgf4f0ff
{
	background-color: #f4f0ff
}

.bgecf9f8
{
	background-color: #ecf9f8
}

.bg4a4cec
{
	background-color: #4a4cec
}

.bg2458ca
{
	background-color: #2458ca
}

.bg966efb
{
	background-color: #966efb
}

.bgf2616b
{
	background-color: #f2616b
}

.color2458ca
{
	color: #2458ca
}

.colorf2616b
{
	color: #f2616b
}

.paddingbottom25
{
	padding-bottom: 25px
}

.w1000
{
	width: 1000px;
	margin: 0 auto
}

.marginbottom60
{
	margin-bottom: 60px!important
}

.bg081d50
{
	background-color: #081d50
}

.colorff8824
{
	color: #ff8824!important
}

.bgff8824
{
	background-color: #ff8824
}

.bgb283c2
{
	background-color: #b283c2
}

.bg3fc3bf
{
	background-color: #3fc3bf
}

.marginbottom10
{
	margin-bottom: 10px!important
}

.wrap-leftsidebar li p
{
	display: block;
	width: 146px;
	height: 24px
}

.wrap-leftsidebar li p a
{
	display: block;
	width: 100%;
	height: 100%
}

.bgff0036
{
	background-color: #ff0036
}

.width25per
{
	width: 25%
}

.w1290
{
	width: 1290px;
	margin: 0 auto
}

.color4157aa
{
	color: #4157aa
}

.bgffdfc6
{
	background-color: #ffdfc6
}

.colorfe7407
{
	color: #fe7407!important
}

.colorffc807
{
	color: #ffc807
}

.bg8373ce
{
	background-color: #8373ce
}

.bgcd7ad0
{
	background-color: #cd7ad0
}

.bg41c9bb
{
	background-color: #41c9bb
}

.bgfd6860
{
	background-color: #fd6860
}

.bgff7f24
{
	background-color: #ff7f24
}

.color666
{
	color: #666
}

.lineheight70
{
	line-height: 70px
}

.bg5273f3
{
	background-color: #5273f3
}

.w100per
{
	width: 100%
}

.height60
{
	height: 60px
}

.marginright45
{
	margin-right: 45px
}

.w370px
{
	width: 370px
}

.colorfafafa
{
	color: #fafafa
}

.color415185
{
	color: #415185
}

.cursorpointer
{
	cursor: pointer
}

.commom-global-layout
{
	margin-top: 80px;
	width: 100%
}

.bgf0f0f1
{
	background: #f0f0f1
}

.bg415185
{
	background: #415185
}

.bg0c1939
{
	background: #0c1939
}

.bg0d40db
{
	background: #0d40db
}

.fontsize14
{
	font-size: 14px
}

.paddingtop50
{
	padding-top: 50px
}

.bg192f5b
{
	background: #192f5b
}

.bgffe827
{
	background: #ffe827
}

.color0c1939
{
	color: #0c1939!important
}

.color013156
{
	color: #0c1939
}

.borderbottom6d7588
{
	border-bottom: 1px solid #6d7588
}

.bordertop6d7588
{
	border-top: 1px solid #6d7588
}

.color3564b4
{
	color: #3564b4!important
}

.curserpointer
{
	cursor: pointer
}

.colorblack
{
	color: #333
}

.colorwhite
{
	color: #fafafa
}

.bgf8723f
{
	background: #f8723f
}

.bgffda39
{
	background: #ffda39
}

.bg4d72f7
{
	background: #4d72f7
}

.colorblue
{
	color: #5948cc
}

.paddingleft320
{
	padding-left: 320px
}

.paddingleft100
{
	padding-left: 100px
}

.paddingright100
{
	padding-right: 100px
}

.bg5948cc
{
	background: #5948cc
}

.colora064a5
{
	color: #a064a5
}

.bg081d50
{
	background: #081d50
}

.bgb283c2
{
	background: #b283c2
}

.colorff8824
{
	color: #ff8824
}

.bg000968
{
	background: #000968
}

.bgec7916
{
	background: #ec7916
}

.w8per
{
	width: 8%
}

.bgcolor1846a5
{
	background: #1846a5
}

.margintop76
{
	margin-top: 76px
}

.bordertop0f409f
{
	border-top: 1px solid #0f409f
}

.border0f409f
{
	border: 1px solid #0f409f
}

.paddingtop90
{
	padding-top: 90px
}

.bgopacityffa600
{
	background-color: #ffa600;
	background-color: rgba(255,166,0,.6)
}

.bgopacity5273f3
{
	background-color: #5273f3;
	background-color: rgba(82,115,243,.6)
}

.bgopacityff8824
{
	background-color: #ff8824;
	background-color: rgba(255,136,36,.6)
}

.bgopacity415185
{
	background-color: #415185;
	background-color: rgba(65,81,133,.6)
}

.bgcolorffa600
{
	background: #ffa600
}

.bgcolorfe7407
{
	background: #fe7407
}

.height54
{
	height: 54px
}

.w600px
{
	width: 600px
}

.w550px
{
	width: 550px
}

.fontsize34
{
	font-size: 34px
}

.marginleft600
{
	margin-left: 600px
}

.bgopacity35b6be
{
	background-color: #35b6be;
	background-color: rgba(53,182,190,.6)
}

.bgcolor35b6be
{
	background: #35b6be
}

.marginright50
{
	margin-right: 50px
}

.height86
{
	height: 86px
}

.height84
{
	height: 84px
}

.paddingtop80
{
	padding-top: 80px
}

.color706bcf
{
	color: #706bcf
}

.bg3f3f7c
{
	background: #3f3f7c
}

.bg706bcf
{
	background: #706bcf
}

.bg41407d
{
	background: #41407d
}

.bgdeddf2
{
	background: #deddf2
}

.w400
{
	width: 400px
}

.width15per
{
	width: 15%
}

.width40per
{
	width: 40%
}

.bgcolor41407d
{
	background: #41407d
}

.color3f3f7c
{
	color: #3f3f7c
}

.bgcolor706bcf
{
	background: #706bcf
}

.color003764
{
	color: #003764
}

.color5a56f9
{
	color: #5a56f9
}

.bgc2cefe
{
	background: #c2cefe
}

.bge8edff
{
	background: #e8edff
}

.bg9db1ff
{
	background: #9db1ff
}

.bge1e7ff
{
	background: #e1e7ff
}

.width7per
{
	width: 7%
}

.marginright70
{
	margin-right: 70px
}

.paddingleft160
{
	padding-left: 160px
}

.color1846a5
{
	color: #1846a5
}

.height150
{
	height: 150px
}

.paddingleft20
{
	padding-left: 20px!important
}

.bg013765
{
	background: #013765
}

.bg1846a5
{
	background: #1846a5
}

.paddingtop20
{
	padding-top: 20px
}

.height110
{
	height: 110px
}

.marginright65
{
	margin-right: 65px
}

.bgcolor385ae5
{
	background: #385ae5
}

.paddingleft30
{
	padding-left: 30px
}

.text-left
{
	text-align: left!important
}

.bgfdf2f2
{
	background: #fdf2f2
}

.lineheight32
{
	line-height: 32px
}

.colore85745
{
	color: #e85745
}

.color385ae5
{
	color: #385ae5
}

.color01cafe
{
	color: #01cafe
}

.marginright0
{
	margin-right: 0
}

.bg86dbfe
{
	background: #86dbfe
}

.bg46b9e9
{
	background: #46b9e9
}

.bge94646
{
	background: #e94646
}

.bgc146e9
{
	background: #c146e9
}

.bgf8b551
{
	background: #f8b551
}

.bg4693e9
{
	background: #4693e9
}

.bge94683
{
	background: #e94683
}

.bg0082d2
{
	background: #0082d2
}

.bg2fa8f3
{
	background: #2fa8f3
}

.bgcolor01cafe
{
	background: #01cafe
}

.marginright20
{
	margin-right: 20px
}

.w17per
{
	width: 17%
}

.w13per
{
	width: 13%
}

.w10per
{
	width: 10%
}

.w15per
{
	width: 15%
}

.marginright5
{
	margin-right: 5px
}

.marginbottom40
{
	margin-bottom: 40px
}

.coloreb363c
{
	color: #eb363c!important
}

.colorff3c71
{
	color: #ff3c71
}

.marginright46
{
	margin-right: 46px
}

.w20per
{
	width: 20%
}

.w30per
{
	width: 30%
}

.paddingtop40
{
	padding-top: 40px
}

.color5273f3
{
	color: #5273f3
}

.bgd6deff
{
	background-color: #d6deff
}

.boxshadowaround
{
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.w386
{
	width: 386px
}

.marginright19
{
	margin-right: 19px
}

.borderradius6
{
	border-radius: 6px
}

.fontstylenormal
{
	font-style: normal
}

.bgcolor3958e4
{
	background: #3958e4
}

.bgcolor2f3a56
{
	background: #2f3a56
}

.borderbfff
{
	border-bottom: 1px solid #fafafa
}

.bgopacitye74a26
{
	background-color: #e74a26;
	background-color: rgba(231,74,38,.6)
}

.bgopacity2f3a56
{
	background-color: #2f3a56;
	background-color: rgba(47,58,86,.6)
}

.bgopacity3958e4
{
	background-color: #3958e4;
	background-color: rgba(57,88,228,.6)
}

.color166cd3
{
	color: #166cd3
}

.bgcolore74a26
{
	background: #e74a26
}

.bgcoloreb363c
{
	background: #eb363c
}

.bgff8824
{
	background: #ff8824
}

.paddingtop45
{
	padding-top: 45px
}

.bgfea456
{
	background: #fea456
}

.bgfff
{
	background: #fafafa
}

.w1020
{
	width: 1020px;
	margin: 0 auto
}

.bgcolor1847b5
{
	background: #1847b5
}

.w900
{
	width: 900px;
	margin: 0 auto
}

.paddingtop65
{
	padding-top: 65px
}

.bg0f409f
{
	background: #0f409f
}

ol
{
	padding: 0;
	margin: 0
}

.w1200
{
	width: 1200px;
	margin: 0 auto
}

.marginbottom10
{
	margin-bottom: 10px
}

.w270px
{
	width: 270px
}

.w132px
{
	width: 132px
}

.w300
{
	width: 300px
}

.w25per
{
	width: 25%
}

.w33per
{
	width: 33.3%
}

.w40per
{
	width: 40%
}

.w48per
{
	width: 48%
}

.w50per
{
	width: 50%
}

.w60per
{
	width: 60%
}

.w90per
{
	width: 90%
}

.w92per
{
	width: 92%
}

.w166per
{
	width: 16.6%
}

.height170
{
	height: 170px
}

.height140
{
	height: 140px
}

.height210
{
	height: 210px
}

.height225
{
	height: 225px
}

.positionrelative
{
	position: relative
}

.clearboth
{
	clear: both
}

.paddingbottom50
{
	padding-bottom: 50px
}

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

.tablebordercolorf3ce3f
{
	border: 1px solid #f3ce3f
}

.marginbottom30
{
	margin-bottom: 30px
}

.bg385ae5
{
	background: #385ae5
}

.bgf6c00e
{
	background: #f6c00e
}

.margintop30
{
	margin-top: 30px
}

.padding15
{
	padding: 15px
}

.marginauto
{
	margin: 0 auto
}

.marginbottom20
{
	margin-bottom: 20px
}

.marginbottom35
{
	margin-bottom: 35px
}

.marginright40
{
	margin-right: 40px
}

.borderradius10ltb
{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px
}

.paddingtop30
{
	padding-top: 30px
}

.paddingtop35
{
	padding-top: 35px
}

.paddingtop60
{
	padding-top: 60px
}

.paddingbottom10
{
	padding-bottom: 10px
}

.paddingbottom20
{
	padding-bottom: 20px
}

.paddingbottom30
{
	padding-bottom: 30px
}

.paddingbottom45
{
	padding-bottom: 45px
}

.paddingbottom60
{
	padding-bottom: 60px
}

.padding1050
{
	padding: 10px 50px
}

.lineheight26
{
	line-height: 26px
}

.padding10
{
	padding: 10px
}

.color333
{
	color: #333
}

.colorfff
{
	color: #fafafa
}

.color655001
{
	color: #655001
}

.colore74a26
{
	color: #e74a26
}

.height40
{
	height: 40px
}

.lineheight40
{
	line-height: 40px
}

.paddingbottom40
{
	padding-bottom: 40px
}

.paddingtop15
{
	padding-top: 15px
}

.w87per
{
	width: 87%
}

.height104
{
	height: 104px
}

.color0069d2
{
	color: #0069d2
}

.displayblock
{
	display: block
}

.bgcolor0069d2
{
	background: #0069d2
}

.bgcolorc5e2ff
{
	background: #c5e2ff
}

.bgcolordf7c17
{
	background: #df7c17
}

.bgcolorf3ce3f
{
	background: #f3ce3f
}

.bgcolorfbf3d5, .bgfbf3d5
{
	background: #fbf3d5
}

.bgcolorfff, .bgcolorwhite
{
	background: #fff
}

.borderradius10
{
	border-radius: 10px
}

.bgopacity0f409f
{
	background-color: #0f409f;
	background-color: rgba(15,64,159,.6)
}

.fontsize16
{
	font-size: 16px
}

.fontsize18
{
	font-size: 18px
}

.fontsize20
{
	font-size: 20px
}

.fontsize22
{
	font-size: 22px
}

.fontsize24
{
	font-size: 24px
}

.fontsize28
{
	font-size: 28px
}

.fontsize36
{
	font-size: 36px
}

.lineheight50
{
	line-height: 50px
}

.fontweightbold
{
	font-weight: 700
}

.w250
{
	width: 250px
}

.height100
{
	height: 100px
}

.height120
{
	height: 120px
}

.colord91545
{
	color: #d91545
}

.height180
{
	height: 180px
}

.fontweightnormal
{
	font-weight: 400
}

a
{
	 
}

.lpsabtn
{
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-decoration: none;
	display: block;
	border-radius: 25px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	color: #fafafa
}

.lpsabtn.color333
{
	color: #333!important
}

.lpsabtn:hover
{
	color: #fafafa
}

.lpsabtn:hover.color333
{
	color: #333!important
}

.boxshadowbottom
{
	box-shadow: 2.5px 4.3px 5px 0 rgba(3,0,0,.15)
}

.trigger-53-big
{
	cursor: pointer
}

#wrap-banner-new-swiper
{
	width: 100%;
	margin: 0 auto
}

#wrap-banner-new-swiper .bannerimg
{
	margin: 0 auto
}

#wrap-banner-new-swiper .swiper-pagination-bullet
{
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #ffc014;
	opacity: 1
}

#wrap-banner-new-swiper .swiper-pagination-bullet-active
{
	opacity: 1;
	background: #563118
}

.vison-new-header
{
	width: 100%;
	margin: 0 auto;
	height: 48px;
	background-color: #003764;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000000
}

.vison-new-header .vison-new-header-con
{
	width: 1200px;
	overflow: hidden
}

.vison-new-header .vison-new-header-con .vison-nav-l
{
	float: left
}

.vison-new-header .vison-new-header-con .vison-nav-l img
{
	height: 45px
}

.vison-new-header ul
{
	width: 1010px;
	line-height: 48px;
	margin: 0 auto;
	float: right;
	overflow: hidden
}

.vison-new-header ul li
{
	float: left;
	margin-left: 30px
}

.vison-new-header ul li:last-child
{
	margin-right: 0
}

.vison-new-header ul li a
{
	font-size: 16px;
	color: #fafafa!important
}

.vison-new-header ul li a:hover
{
	color: #fafafa!important
}

.wrap-banner-new-single
{
	width: 100%;
	overflow: hidden
}

.wrap-banner-new-single a
{
	display: block
}

.wrap-banner-new-single a img
{
	width: 100%;
	margin: 0 auto
}

#wrap-banner-new-swiper .bannerimg
{
	display: block;
	width: 100%
}

.wrap-img-bottom img
{
	display: block;
	margin: 10px auto 0
}

.video-modal
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 9999999
}

.video-modal .box
{
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 9999999;
	width: 1000px
}

.video-modal .box video
{
	width: 100%;
	outline: none;
	border: 10px solid #fff;
	border-radius: 10px;
	background: #fff;
	background: url("https://oss.visionacademy.cn/usvision/about/about-section10.png") no-repeat 50%
}

.video-modal .box .close-video
{
	cursor: pointer;
	margin: 0 auto;
	margin-top: 15px;
	width: 38px;
	line-height: 36px;
	height: 38px;
	color: #fff;
	font-size: 33px;
	background: hsla(0,0%,100%,0);
	border: 1px solid #fff;
	border-radius: 100%;
	text-align: center
}

.teacher-best-info .teacherlist
{
	margin: 0 auto;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	width: 280px;
	height: 356px
}

.teacher-best-info .teacherlist .teacherhead
{
	display: block;
	width: 100%;
	height: 100%
}

.teacher-best-info .teacherlist .wrap-teacherpost
{
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 20px;
	z-index: 10
}

.teacher-best-info .teacherlist .wrap-teacherdetailinfo
{
	position: absolute;
	left: 0;
	top: 517px;
	bottom: 0;
	right: 0;
	z-index: 100
}

#student-highscore .swiper-slide
{
	position: relative;
	text-align: center;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	border-radius: 10px;
	padding-bottom: 20px
}

#student-highscore .swiper-slide:before
{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10
}

#student-highscore .swiper-slide .highscore-item
{
	padding-bottom: 20px
}

#student-highscore .swiper-slide .highscore-item .highscore-header
{
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px
}

#student-highscore .swiper-slide .highscore-item .highscore-header .header-img
{
	padding-left: 6%;
	float: left;
	margin-right: 10px
}

#student-highscore .swiper-slide .highscore-item .highscore-header .header-img img
{
	display: block;
	width: 100px;
	border-radius: 50%;
	height: 100px
}

#student-highscore .swiper-slide .highscore-item .highscore-header .header-highscore-right
{
	float: left;
	height: 100px
}

#student-highscore .swiper-slide .highscore-item .high-score-info-item, #student-highscore .swiper-slide .highscore-item .highscore-header .header-highscore-right
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#student-highscore .swiper-slide .highscore-item .high-score-info-item
{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 0
}

#student-highscore .swiper-slide-active:before, #student-highscore .swiper-slide-duplicate-active:before
{
	background: transparent
}

#student-highscore .swiper-slide-active, #student-highscore .swiper-slide-duplicate-active
{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

#student-highscore .swiper-container-horizontal>.swiper-pagination-bullets, #student-highscore .swiper-pagination-custom, #student-highscore .swiper-pagination-fraction
{
	font-size: 12px;
	bottom: 8px
}

.activity-btn
{
	z-index: 998;
	position: fixed;
	bottom: 0;
	left: -100%;
	width: 245px;
	cursor: pointer
}

.activity-btn .activity-img
{
	display: none
}

.activity-btn .activity-img.activity-img-big
{
	display: block
}

.activity-btn .activity-img.activity-img-little
{
	display: none
}

.activity-btn .bottom-close
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
	width: 24px;
	height: 24px;
	cursor: pointer
}

.activity-btn .bottom-close img
{
	display: block;
	width: 100%;
	height: 100%
}

.wrap-footer-fixed
{
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 10000;
	width: 800px;
	margin-left: -400px;
	height: 100px;
	opacity: 1;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

.wrap-footer-fixed .bottom-fixed
{
	width: 800px;
	margin: 0 auto;
	position: relative;
	height: 100px
}

.wrap-footer-fixed .bottom-fixed .right-close-btn
{
	display: none
}

.wrap-footer-fixed .bottom-fixed a
{
	display: block
}

.wrap-footer-fixed .bottom-fixed a img
{
	width: 800px;
	height: 100px;
	display: block
}


.footer2{ color:#FFF; padding-left:100px; line-height:30px}
.activity-bottom-bg
{
	position: fixed;
	left: 50%;
	bottom: 0;
	margin-left: -400px;
	z-index: 100;
	width: 800px;
	height: 100px;
	display: block;
	background-size: 100% 100%;
	background-size: cover;
	z-index: 100001;
	display: none
}

.activity-bottom-bg .activity-bottom-center
{
	height: 100px;
	width: 210px;
	padding-top: 20px;
	margin-right: 20px;
	float: right
}

.activity-bottom-bg .activity-bottom-center .form-bottom-content .inputitem
{
	height: 24px
}

.activity-bottom-bg .activity-bottom-center .form-bottom-content .inputitem input
{
	width: 160px;
	height: 100%;
	display: block;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	padding: 0 10px;
	font-size: 14px
}

.activity-bottom-bg .activity-bottom-center .form-bottom-content .warnTips
{
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #fff;
	visibility: hidden;
	width: 180px;
	margin: 0 auto 2px;
	text-align: left;
	border-radius: 4px
}

.activity-bottom-bg .activity-bottom-center .form-bottom-content .bottom-embed-submit
{
	float: left;
	width: 160px;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	background-color: #3c7eff;
	border-radius: 2px;
	color: #fafafa;
	cursor: pointer
}

.activity-bottom-bg .activity-bottom-center .bottom-closebtn
{
	position: absolute;
	right: 32px;
	top: 51px;
	z-index: 10;
	width: 20px;
	height: 20px;
	cursor: pointer
}

.activity-bottom-bg .activity-bottom-center .bottom-closebtn img
{
	display: block;
	width: 100%;
	height: 100%
}

.wrap-page-inner-form
{
	background-color: #fff;
	padding: 50px 0
}

.wrap-page-inner-form .page-inner-form
{
	width: 1200px;
	margin: 0 auto;
	background: url("https://oss.visionacademy.cn/webbanner/20201212/activityform.png?version=1") no-repeat 0 0;
	height: 280px;
	overflow: hidden
}

.wrap-page-inner-form .page-inner-form .page-left
{
	float: left
}

.wrap-page-inner-form .page-inner-form .page-left ul
{
	padding-top: 100px
}

.wrap-page-inner-form .page-inner-form .page-left ul li
{
	font-size: 18px;
	color: #fafafa;
	padding-left: 85px;
	padding-bottom: 6px
}

.wrap-page-inner-form .page-inner-form .page-left .bottom-text
{
	padding-left: 55px
}

.wrap-page-inner-form .page-inner-form .page-left .bottom-text span
{
	color: #00f0ff;
	font-weight: 700;
	font-size: 20px;
	margin-right: 10px
}

.wrap-page-inner-form .page-inner-form .page-left .bottom-text dl
{
	display: inline-block
}

.wrap-page-inner-form .page-inner-form .page-left .bottom-text dl dd
{
	display: inline;
	color: #ffe4c1;
	margin-right: 7px
}

.wrap-page-inner-form .page-inner-form .wrap-page-right
{
	float: right;
	padding-top: 20px;
	padding-right: 60px
}

.wrap-page-inner-form .page-inner-form .wrap-page-right .wrapformcontent
{
	background-color: #fff;
	width: 340px;
	height: 242px;
	border-radius: 8px;
	padding: 20px
}

.wrap-page-inner-form .page-inner-form .wrap-page-right .wrapformcontent .page-title
{
	text-align: center;
	font-size: 22px;
	color: #2e74fd;
	padding-bottom: 8px
}

.wrap-page-inner-form .page-inner-form .wrap-page-right .wrapformcontent .wrapinputitem .inputitem
{
	background: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	border: 1px solid #dfdfdf;
	display: block;
	width: 100%;
	font-size: 16px;
	color: #818281;
	padding: 0;
	line-height: 40px;
	border-radius: 4px;
	padding: 0 14px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.wrap-page-inner-form .page-inner-form .wrap-page-right .wrapformcontent .warnTips
{
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #f30;
	visibility: hidden
}

.wrap-page-inner-form .page-inner-form .wrap-page-right .wrapformcontent .embed-submit
{
	width: 100%;
	height: 40px;
	text-align: center;
	font-size: 16px;
	background-color: #ff7019;
	color: #fafafa;
	cursor: pointer;
	line-height: 40px
}

.wrap-new-sibarbar1
{
	width: 60px; padding:15px 0;
	 
	background-color: #fff;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -150px;
	z-index: 100002;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 0 4px #dfdfdf;
	box-shadow: 0 0 4px #dfdfdf;
	cursor: pointer;display:none;
}

.wrap-new-sibarbar1 .visioncup
{
	position: absolute;
	bottom: 0;
	left: -155px
}

.wrap-new-sibarbar1 .visioncup:hover .closebtn
{
	display: block
}

.wrap-new-sibarbar1 .visioncup .closebtn
{
	position: absolute;
	right: 0;
	top: 0;
	display: none;
	width: 15px;
	height: 15px
}

.siber1-item
{
	padding: 7px 0
}

.siber1-icon, .siber1-item
{
	position: relative
}

.siber1-icon i
{
	display: block; font-size:30px; color:#999;
	 
	margin: 0 auto 0px; font-weight:100
}

.wrap-new-sibarbar1 li:hover .pre
{
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-transform: scale(1.2)
}

.siber1-icon .siber1-dot
{
	position: absolute;
	width: 10px;
	height: 10px;
	display: block;
	right: 5px;
	top: -2px;
	animation: scaleDrew 3s ease-in-out infinite;
	-webkit-animation: scaleDrew 3s ease-in-out infinite;
	-moz-animation: scaleDrew 3s ease-in-out infinite;
	-ms-animation: scaleDrew 3s ease-in-out infinite;
	-o-animation: scaleDrew 3s ease-in-out infinite
}

.siber1-dot img
{
	display: block;
	width: 100%
}

.siber1-icon img.pre
{
	display: block
}

.siber1-icon img.after
{
	display: none
}

.siber1-backtop
{
	cursor: pointer
}

.siber1-backtop img
{
	width: 16px;
	height: 16px;
	margin: 0 auto;
	display: block
}

.sider1-title
{
	color: #333;
	text-align: center;
	font-size: 12px
}

.wrap-siber-box
{
	position: absolute;
	width: 260px;
	background-color: #fff;
	right: 60px;
	-moz-box-shadow: 0 0 8px #c7c7c7;
	box-shadow: 0 0 8px #c7c7c7;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 15px 20px;
	top: 0
}

.siber-boxform-title
{
	color: #333;
	font-size: 15px;
	text-align: center;
	margin-bottom: 5px
}

.siber-boxform-subtitle
{
	color: #3c7eff;
	font-size: 16px;
	text-align: center;
	margin-bottom: 6px
}

.siber-box2
{
	width: 120px;
	padding: 10px 0 6px;
	top: 0
}

.siber-box2 .iconitem
{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto
}

.siber-box2 .icontext
{
	text-align: center;
	font-size: 12px
}

.siderbar-form .inputitem
{
	background: none;
	border: 0;
	border: 1px solid #dfdfdf;
	display: block;
	line-height: 28px;
	border-radius: 4px;
	padding: 0 6px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 12px
}

.siderbar-form .inputitem, .siderbar-form .inputitem input
{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	color: #818281
}

.siderbar-form .inputitem input
{
	border: none
}

.siderbar-form .inputitem select
{
	background: none;
	border: none;
	outline: none;
	color: #818281;
	height: 28px;
	width: 100%;
	font-size: 12px
}

.siderbar-form .loginbtn
{
	width: 100%;
	height: 28px;
	text-align: center;
	font-size: 12px;
	background-color: #3c7eff;
	color: #fafafa;
	cursor: pointer;
	line-height: 28px;
	border-radius: 4px
}

.siderbar-form .warnTips
{
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	color: #f30;
	visibility: hidden
}

.tip-siderform
{
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
	font-size: 12px
}

.tip-siderform img
{
	display: inline-block
}

.wrap-new-sibarbar1 .wrap-siber-box
{
	display: none
}

.wrap-new-sibarbar1 li:hover .wrap-siber-box
{
	display: block
}
@-webkit-keyframes 
scaleDrew
{
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
}
@keyframes 
scaleDrew
{
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
50% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
}

.wrap-newadd-center
{
	position: fixed;
	z-index: 999999999999999;
	width: 460px;
	height: 280px;
	left: 50%;
	top: 50%;
	margin-left: -230px;
	margin-top: -140px;
	display: none
}

.close-newadd-img
{
	position: absolute;
	right: 10px;
	top: 25px;
	cursor: pointer;
	padding: 4px;
	border-radius: 50%
}

.close-newadd-img:hover
{
	background-color: #cfcfcf
}

.close-newadd-img img
{
	display: block;
	border-radius: 50%
}

.wrap-vision2021-famous .part8-content
{
	overflow: hidden
}
.wrap-vision2021-famous .part8-content .part8-content-famous .iconBox{  z-index:999; width:100%}
.wrap-vision2021-famous .part8-content .part8-content-famous .iconBox .prev{ position:absolute;top:45%; left:-20px; background:rgba(0,0,0,0.1); color:#FFF; font-size:24px; padding:5px;  }
.wrap-vision2021-famous .part8-content .part8-content-famous .iconBox .next{position:absolute;top:45%; right:-10px; background:rgba(0,0,0,0.1); color:#FFF; font-size:24px; padding:5px; }
.wrap-vision2021-famous .part8-content .part8-content-famous
{
	position: relative;
	width: 1200px;
	margin: 0 auto; padding:0 30px
}

.wrap-vision2021-famous .part8-content .part8-content-famous .highscore-item
{
	width: 95%;
	padding:15px 15px 15px 15px; margin:10px;
	background-color: #fff;
	overflow: hidden;
	cursor: pointer;  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .1);  
}

.wrap-vision2021-famous .part8-content .part8-content-famous .highscore-item:hover img
{
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1)
}

.wrap-vision2021-famous .part8-content .part8-content-famous .highscore-item .famous-img
{
	width: 100%;
	overflow: hidden
}

.wrap-vision2021-famous .part8-content .part8-content-famous .highscore-item .famous-img img
{
	display: block;
	width: 100%;
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-o-transition: transform 1s
}

.wrap-vision2021-famous .part8-content .part8-content-famous .highscore-item .famous-title
{
	color: #333;
	text-align: center;
	font-size: 14px;
	height: 60px;
	line-height: 1.4;
	padding: 10px 10px 12px
}

.wrap-vision2021-famous .part8-content .part8-content-famous .swiper-pagination-bullets, .wrap-vision2021-famous .part8-content .part8-content-famous .swiper-pagination-fraction
{
	bottom: 0
}

.wrap-vision2021-famous .part8-content .part8-content-famous .swiper-pagination-bullet
{
	background: #fff;
	opacity: 1
}

.wrap-vision2021-famous .part8-content .part8-content-famous .swiper-pagination-bullet-active
{
	opacity: 1;
	background: #ff3c71
}

.wrap-vision2021-famous .part8-content .part8-content-famous .swiper-button-prev
{
	outline: none;
	width: 48px;
	height: 48px;
	left: 14px;
	margin-top: -55px;
	 
	opacity: .5
}

.wrap-vision2021-famous .part8-content .part8-content-famous .swiper-button-next
{
	outline: none;
	width: 48px;
	height: 48px;
	right: 34px;
	margin-top: -55px;
	 
	opacity: .5
}

.wrap-header-nav
{
	background-color: #fff;
	height: 80px;
	line-height: 80px;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
	box-shadow: 0 2px 2px rgba(0,0,0,.1);
	-webkit-transform: translateZ(0)
}

.wrap-header-nav.navfixed
{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100000
}

.wrap-header-nav ul
{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	height: 80px
}

.wrap-header-nav ul li
{
	float: left;
	font-size: 16px; padding:0 35px 0 0;
	 
	text-align: center;
	cursor: pointer
}

.wrap-header-nav ul li a.active
{
	color: #099;
	font-weight: 700
}

.wrap-part-btn
{
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	background-color: #4b81ee;
	color: #fff;
	margin: 0 auto;
	border-radius: 30px;
	-webkit-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	-o-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.wrap-part-btn:before
{
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-top: -10px;
	background-image: url(https://oss.visionacademy.cn/ukmobile/20210809index/light.png);
	background-size: cover;
	-webkit-animation: mymove 10s infinite;
	-o-animation: mymove 10s infinite;
	animation: mymove 10s infinite;
	left: 0;
	transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg)
}
@-webkit-keyframes 
mymove
{
0% {
left:-2px
}

to
{
	left: 300px
}
}
@-webkit-keyframes 
enlargeShrink-data-v-5eb8a5bf
{
0% {
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1)
}
14% {
transform:scale(.95);
-webkit-transform:scale(.95);
-ms-transform:scale(.95)
}
42% {
transform:scale(1.05);
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05)
}
66% {
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1)
}

to
{
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1)
}
}

.wrap-part-btn1
{
	width: 250px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	background-color: #ffe3b6;
	color: #4b81ee;
	margin: 0 auto;
	border-radius: 30px;
	-webkit-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	-o-animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	animation: enlargeShrink-data-v-5eb8a5bf 3s infinite;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.wrap-part-btn1:before
{
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	margin-top: -10px;
	background-image: url(https://oss.visionacademy.cn/ukmobile/20210809index/light.png);
	background-size: cover;
	-webkit-animation: mymove 10s infinite;
	-o-animation: mymove 10s infinite;
	animation: mymove 10s infinite;
	left: 0;
	transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-webkit-transform: rotate(25deg);
	-o-transform: rotate(25deg)
}
@keyframes 
mymove
{
0% {
left:-2px
}

to
{
	left: 300px
}
}
@keyframes 
enlargeShrink-data-v-5eb8a5bf
{
0% {
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1)
}
14% {
transform:scale(.95);
-webkit-transform:scale(.95);
-ms-transform:scale(.95)
}
42% {
transform:scale(1.05);
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05)
}
66% {
transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1)
}

to
{
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1)
}
}



/**/

.wrapper2{width:1200px; margin:0 auto}

.content1{
	width: 1200px;
	display: block;
	margin: 0 auto;
	padding: 80px 0;
	position: relative;
	z-index: 10;
}
.content1 .d1{ float:left; width:20%; padding:0 15px}
.content1 .d1 i{ display:block; margin:0 auto;font-size:36px;  width:50px; height:50px; line-height:50px; text-align:center; color:#FFF; border-radius:50%; background:#3fb69a;}
.content1 .d1 .p1{ text-align:center;  font-size:18px; color:#3fb69a; margin-top:15px;}
.content1 .d1 .p2{ text-align:center; font-size:14px; color:#666; margin-top:3px; line-height:25px;}


/*准备考研，你需要这些备考干货*/
.content2{ margin-top:55px;}
.content2 .p1{ background:url(../images/pbg1.png) no-repeat; width:804px; height:42px; line-height:42px; text-align:center; display:block; margin:0 auto; font-weight:bold; font-size:42px; color:#333; margin-bottom:40px;}
.content2 .d1{ float:left;  background:url(../images/dbg1.png) no-repeat; width:266px; height:195px; padding:15px;}
.content2 .d1 .p2{background:url(../images/pbg2.png) no-repeat; width:222px; height:52px; display:block; margin:0 auto; line-height:47px; text-align:center; font-size:22px; color:#fff; font-weight:bold; margin-top:20px;}
.content2 .d1 .p3{ font-size:16px; color:#333; text-align:center; margin-top:15px;}
.content2 .d1 a{ display:block; margin:0 auto; width:148px; height:40px; line-height:40px; text-align:center; border-radius:20px; background:#3fb69a; font-size:16px; color:#fff; margin-top:20px;transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s; box-sizing: border-box;}
.content2 .d1 a:hover{ border:1px solid #3fb69a; color:#3fb69a; background:#fff;}


/**/
.box2{
	background: url(../images/bg3.png) no-repeat scroll center;
	width: 100%;
	 
	padding: 80px 0
}
.content3{ position:relative; background:url(../images/bg2.png) no-repeat; width:1200px; height:223px; display:block; margin:0 auto;}
.content3 .p1{ cursor:pointer; position:absolute; top:15px; left:325px; background:url(../images/p1.png) no-repeat; width:242px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst1 1s linear 0s infinite alternate;-moz-animation:myfirst1 1s linear 0s infinite alternate;-webkit-animation:myfirst1 1s linear 0s infinite alternate;-o-animation:myfirst1 1s linear 0s infinite alternate;}
.content3 .p1 a{color:#222;}
.content3 .p1:hover { color:#e23f39;}
@keyframes myfirst1 {
  0% {
     top:15px;
  }
  50% {
     top:10px;
  }
  100% {
    top:15px;
  }
}
@-moz-keyframes myfirst1 {
  0% {
     top:15px;
  }
  50% {
     top:10px;
  }
  100% {
    top:15px;
  }
}
@-webkit-keyframes myfirst1 {
  0% {
     top:15px;
  }
  50% {
     top:10px;
  }
  100% {
    top:15px;
  }
}
@-o-keyframes myfirst1 {
  0% {
     top:15px;
  }
  50% {
     top:10px;
  }
  100% {
    top:15px;
  }
}
.content3 .p2{ cursor:pointer; position:absolute; top:15px; left:595px; background:url(../images/p2.png) no-repeat; width:372px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst1 2s linear 0s infinite alternate;-moz-animation:myfirst1 2s linear 0s infinite alternate;-webkit-animation:myfirst1 2s linear 0s infinite alternate;-o-animation:myfirst1 2s linear 0s infinite alternate;}
.content3 .p2:hover{ color:#e23f39;}

.content3 .p3{ cursor:pointer; position:absolute; top:82px; left:380px; background:url(../images/p3.png) no-repeat; width:482px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst2 3s linear 0s infinite alternate;-moz-animation:myfirst2 3s linear 0s infinite alternate;-webkit-animation:myfirst2 3s linear 0s infinite alternate;-o-animation:myfirst2 3s linear 0s infinite alternate;}
.content3 .p3:hover{ color:#e23f39;}
@keyframes myfirst2 {
  0% {
     top:82px;
  }
  50% {
     top:77px;
  }
  100% {
    top:82px;
  }
}
@-moz-keyframes myfirst2 {
  0% {
     top:82px;
  }
  50% {
     top:77px;
  }
  100% {
    top:82px;
  }
}
@-webkit-keyframes myfirst2 {
  0% {
     top:82px;
  }
  50% {
     top:77px;
  }
  100% {
    top:82px;
  }
}
@-o-keyframes myfirst2 {
  0% {
     top:82px;
  }
  50% {
     top:77px;
  }
  100% {
    top:82px;
  }
}

.content3 .p4{ cursor:pointer; position:absolute; top:82px; left:872px; background:url(../images/p4.png) no-repeat; width:292px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst2 2s linear 0s infinite alternate;-moz-animation:myfirst2 2s linear 0s infinite alternate;-webkit-animation:myfirst2 2s linear 0s infinite alternate;-o-animation:myfirst2 2s linear 0s infinite alternate;}
.content3 .p4:hover{ color:#e23f39;}

.content3 .p5{ cursor:pointer; position:absolute; top:149px; left:270px; background:url(../images/p2.png) no-repeat; width:372px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst3 2s linear 0s infinite alternate;-moz-animation:myfirst3 2s linear 0s infinite alternate;-webkit-animation:myfirst3 2s linear 0s infinite alternate;-o-animation:myfirst3 2s linear 0s infinite alternate;}
.content3 .p5:hover{ color:#e23f39;}
@keyframes myfirst3 {
  0% {
     top:149px;
  }
  50% {
     top:144px;
  }
  100% {
    top:149px;
  }
}
@-moz-keyframes myfirst3 {
  0% {
     top:149px;
  }
  50% {
     top:144px;
  }
  100% {
    top:149px;
  }
}
@-webkit-keyframes myfirst3 {
  0% {
     top:149px;
  }
  50% {
     top:144px;
  }
  100% {
    top:149px;
  }
}
@-o-keyframes myfirst3 {
  0% {
     top:149px;
  }
  50% {
     top:144px;
  }
  100% {
    top:149px;
  }
}

.content3 .p6{ cursor:pointer; position:absolute; top:149px; left:650px; background:url(../images/p1.png) no-repeat; width:242px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst3 1s linear 0s infinite alternate;-moz-animation:myfirst3 1s linear 0s infinite alternate;-webkit-animation:myfirst3 1s linear 0s infinite alternate;-o-animation:myfirst3 1s linear 0s infinite alternate;}
.content3 .p6:hover{ color:#e23f39;}

.content3 .p7{ cursor:pointer; position:absolute; top:149px; left:896px; background:url(../images/p4.png) no-repeat; width:292px; height:59px; text-align:center; line-height:59px; font-size:16px; color:#2c2c2c;animation:myfirst3 1s linear 0s infinite alternate;-moz-animation:myfirst3 1s linear 0s infinite alternate;-webkit-animation:myfirst3 1s linear 0s infinite alternate;-o-animation:myfirst3 1s linear 0s infinite alternate;}
.content3 .p7:hover{ color:#e23f39;}


.wrapper{ width:1200px; margin:0 auto;}

/*线上线下 双重服务无缝衔接*/
.content3-2{ padding:100px 0 60px}
.content3-2 .p1{ text-align:center; font-size:30px; color:#434343;}
.content3-2 .p2{ text-align:center; font-size:18px; color:#9b9b9b; margin-top:13px;}
.content3-2 .line2{ display:block; margin:0 auto;margin-top:13px; margin-bottom:28px;}
.content3-2 .div1{ background:url(../images/bg13.png) no-repeat; width:1200px; height:515px;}
.content3-2 .div1 .left{ float:left;width:729px; height:462px;cursor:pointer; margin-left:36px; margin-right:10px;}
.content3-2 .div1 .left video{ float:left;width:729px; height:462px;cursor:pointer;}
.content3-2 .video_shar{ float:left; width:729px; height:462px;cursor:pointer; position:relative;}
.content3-2 .item img {width:729px; height:462px;display:block;}
.content3-2 .item  .live-popups {opacity: 1;position: absolute;width: 50px;height: 50px;top: 38%;left: 45%; color:#FFF; font-size:60px}
.content3-2 .div1 .right{ float:left; }
.content3-2 .div1 .right .d12{width:389px; height:75px; border:1px solid #eee; background:#fff; cursor:pointer; position:relative;}
.content3-2 .div1 .right .d12:hover{opacity: 0.8;}
.content3-2 .div1 .right .d12 .tea1-1-mantle{width:143px; height:75px; position:absolute; top:0; left:0; background: rgba(0, 0, 0, 0.4);}
.content3-2 .div1 .right .active3{ background:#f2f2f2; border:1px solid  #F90;}
.content3-2 .div1 .right .d12 .tea1{ float:left; margin-right:25px;}
.content3-2 .div1 .right .d12 .tea1-1{ float:left; margin-right:25px;}
.content3-2 .div1 .right .d12 .p3{ float:left; width:102px; height:25px; line-height:25px; text-align:center; background:#6066f2; font-size:15px; color:#fff; border:1px solid #aeb1f2; border-radius:4px;}
.content3-2 .div1 .right .d12 .p4{ float:left; width:80px; height:23px; line-height:23px; text-align:center; background:#fff; font-size:15px; color:#434343; border:2px solid #aaadf8; border-radius:4px;}
.content3-2 .div1 .right .d12 .s1{ float:left; margin-top:12px;}
.content3-2 .div1 .right .d12 .p5{ float:left; margin-left:8px; font-size:13px; color:#434343; margin-top:11px;}
.content3-2 .div1 .right .d12 .p6{ float:right; margin-right:42px; font-size:15px; color:#F90; margin-top:9px;}



/* 视频弹层  */
.video-popups{
    display: none;
    position: fixed;
    z-index: 30;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}
.videoWrap {
    position:fixed;
    top: 50%;
    left: 50%;
    margin-top: -15%;
    margin-left: -25%;
    width: 50%;
    height: 60%;
}
.close-btn {
    position: absolute;
    z-index: 33;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    color: #fefefe;
    background-color: #666;
    border-radius: 50%;
    cursor: pointer;
}
.video-hx {
    width: 100%;
    height: 100%;
    object-fit: fill;
}


/*幂学动态*/
.content6{ width:100%; background:#f2f2f2; padding:70px 0;    }
.content6 .left{ float:left; width:557px; height:267px; padding-top:13px;   margin-right:9px;}
.content6 .left .d1{ padding-left:13px; margin-bottom:10px;}
.content6 .left .d1 .p1{
	font-size: 20px;
	color: #333333;
	float: left;
}
.content6 .left .d1 .a1{ font-size:14px; color:#bbb; float:right; margin-right:42px; margin-top:5px;}
.content6 .left .d1 .a1:hover{ color:#a825bc;}
.content6 .left .d2{ padding-left:18px; margin-bottom:21px;cursor:pointer;}
.content6 .left .d2:hover .a2{ color:#a825bc;}
.content6 .left .d2:hover .p2{ color:#a825bc;}
.content6 .left .d2 .a2{ float:left;width:370px; overflow:hidden;font-size:14px; color:#434343;}
.content6 .left .d2 .p2{ float:right;margin-right:28px; width:110px;font-size:14px; color:#434343; text-align:left;}

.content6 .middle{width:348px;height:280px; overflow:hidden; cursor:pointer; position:relative; float:left;margin-right:9px;}
.content6 .middle .imgBox{ width:348px;height:280px;overflow:hidden; }
.content6 .middle .imgBox ul li{ width:348px;height:280px;}
.content6 .middle .imgBox ul li div{width:348px;height:280px; position:relative;}
.content6 .middle .imgBox ul li div a{width:348px;height:280px; display:block;}
.content6 .middle .imgBox ul li img{width:348px;height:280px; position:absolute; left:0; top:0; z-index:5;}
.content6 .middle .imgBox ul li .p3{ position:absolute; left:0; bottom:0; z-index:10; background:url(../images/pbg2.png) no-repeat; width:348px; height:32px; line-height:32px; text-align:center; font-size:15px; color:#fff;}
/*.content6 .middle .iconBox{ display:none; position:absolute; width:348px;height:41px; left:0; top:120px; z-index:100;}*/
.content6 .middle .iconBox .prev{  width:41px;height:41px;line-height:36px; cursor:pointer; position:absolute;left:0;top:120px; z-index:100; font-size:30px; color:rgba(255,255,255,0.7); background:rgba(0,0,0,0.3); text-align:center}
.content6 .middle .iconBox .next{  width:41px;height:41px;line-height:36px; cursor:pointer; position:absolute;right:0;top:120px; z-index:100;font-size:30px; color:rgba(255,255,255,0.7); background:rgba(0,0,0,0.3); text-align:center}
.content6 .middle .iconBox  .iconfont{ width:auto; }

.content6 .right{ float:left; width:277px;height:267px; padding-top:13px; background:#fff; position:relative;}
.content6 .right .p1{
	font-size: 20px;
	color: #333333;
	float: left;
	padding-left: 13px;
	margin-bottom: 10px;
}
.content6 .right .imgBox2{ width:198px; height:230px; display:block; margin:0 auto;}
.content6 .right .imgBox2 ul li{ width:198px;height:230px;}
.content6 .right .imgBox2 ul li div{width:198px;height:230px;}
.content6 .right .imgBox2 ul li img{width:161px;height:161px; display:block; margin:0 auto;}
.content6 .right .imgBox2 ul li p{ margin-top:13px; text-align:center; font-size:13px; color:#434343;line-height:20px; }
.content6 .right .iconBox2 .prev{ background:url(../images/prev3.png) no-repeat;width:25px;height:24px; cursor:pointer; position:absolute;left:9px;top:120px; z-index:100;}
.content6 .right .iconBox2 .next{ background:url(../images/next3.png) no-repeat;width:25px;height:24px; cursor:pointer; position:absolute;right:9px;top:120px; z-index:100;}

/*热报课程*/
/*板块公共样式*/
.bckbg {
  padding: 48px 0 52px;
}

.bg1 {
  background: #f9f9f9;
}

.title {
  text-align: center;
}

.title h2 {
  font-size: 30px;
  color: #333; font-weight:700
}

.title h2 img {
  display: inline-block;
  vertical-align: middle;
  margin: 0 18px;
}

.title h2 img:last-of-type {
  transform: rotate(180deg);
}

.title p {
  font-size: 18px;
  color: #999;
  margin-top: 12px;
}

.hot_course {
  display: flex;
  justify-content: space-between;
  width: 366px;
  margin: 38px auto;
}

.hot_course dd {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 44px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  font-size: 16px;
  color: #b8b8b8;
}

.hot_course .hot_active {
  background: linear-gradient(-90deg, #fd6610, #fe9800);
  border-color: transparent;
  color: #fff;
}

.hotke_list {
  display: flex;
  justify-content: space-between;

}

.hotke_list dd {
  width: 376px;
  height: 262px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .1); margin-bottom:20px
}

.ke_title {
  height: 95px;

  text-align: center;
  line-height: 95px;
  font-size: 30px;
}

.ke_keywords {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 98px;
  margin: 0 22px;
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.ke_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 264px;
  margin: 0 auto;
}

.ke_btn a {
  display: block;
  width: 114px;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

.ke_btn a:first-of-type {
  background: #ffebd6;
  color: #ff7e00;
}

.ke_btn a:last-of-type {
  background: linear-gradient(90deg, #ffa427, #ff7c3b);
  color: #fff;
}

.ke_btn span {
  display: block;
  width: 114px;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
}

.ke_btn span:first-of-type {
  background: #ffebd6;
  color: #ff7e00;
}

.ke_btn span:last-of-type {
  background: linear-gradient(90deg, #ffa427, #ff7c3b);
  color: #fff;
}




.block {
  width: 1200px;
  margin: 0 auto;
}

/*热报课程1*/
.hotke_show li {
  display: none;
}

.hotke_show li:nth-of-type(1) {
  display: block;
}

.hotke1 dd:nth-of-type(1) .ke_title {
  background: url("../images/ketitbg1.jpg") no-repeat;
  color: #378c77;
}

.hotke1 dd:nth-of-type(1) .ke_keywords span {
  color: #378c77;
}

.hotke1 dd:nth-of-type(2) .ke_title {
  background: url("../images/ketitbg2.jpg") no-repeat;
  color: #e98400;
}

.hotke1 dd:nth-of-type(2) .ke_keywords span {
  color: #e98400;
}

.hotke1 dd:nth-of-type(3) .ke_title {
  background: url("../images/ketitbg3.jpg") no-repeat;
  color: #7932c5;
}

.hotke1 dd:nth-of-type(3) .ke_keywords span {
  color: #7932c5;
}

/*热报课程2*/

.hotke2 dd:nth-of-type(1) .ke_title {
  background: url("../images/ketitbg2.jpg") no-repeat;
  color: #e98400;
}

.hotke2 dd:nth-of-type(1) .ke_keywords span {
  color: #e98400;
}

.hotke2 dd:nth-of-type(2) .ke_title {
  background: url("../images/ketitbg5.jpg") no-repeat;
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(2) .ke_keywords span {
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(3) .ke_title {
  background: url("../images/ketitbg1.jpg") no-repeat;
  color: #378c77;
}

.hotke2 dd:nth-of-type(3) .ke_keywords span {
  color: #378c77;
}



.hotke2 dd:nth-of-type(4) .ke_title {
  background: url("../images/ketitbg2.jpg") no-repeat;
  color: #e98400;
}

.hotke2 dd:nth-of-type(4) .ke_keywords span {
  color: #e98400;
}

.hotke2 dd:nth-of-type(5) .ke_title {
  background: url("../images/ketitbg5.jpg") no-repeat;
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(5) .ke_keywords span {
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(6) .ke_title {
  background: url("../images/ketitbg1.jpg") no-repeat;
  color: #378c77;
}

.hotke2 dd:nth-of-type(6) .ke_keywords span {
  color: #378c77;
}




.hotke2 dd:nth-of-type(7) .ke_title {
  background: url("../images/ketitbg2.jpg") no-repeat;
  color: #e98400;
}

.hotke2 dd:nth-of-type(7) .ke_keywords span {
  color: #e98400;
}

.hotke2 dd:nth-of-type(8) .ke_title {
  background: url("../images/ketitbg5.jpg") no-repeat;
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(8) .ke_keywords span {
  color: #1b87d0;
}

.hotke2 dd:nth-of-type(9) .ke_title {
  background: url("../images/ketitbg1.jpg") no-repeat;
  color: #378c77;
}

.hotke2 dd:nth-of-type(9) .ke_keywords span {
  color: #378c77;
}






/*课程服务*/
.service {
  margin-top: 60px;
}

.service ul {
  width: 572px;
  height: 307px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
  padding: 28px 5px 0 56px;
}
.service .lt{ float:left}
.service .rt{ float: right}
.service ul:first-of-type {
  border-top: 3px solid #f45748;
  background: #fff url("../images/servicebg1.png") no-repeat center bottom;
}

.service ul:last-of-type {
  border-top: 3px solid #30d4ff;
  background: #fff url("../images/servicebg2.png") no-repeat center bottom;
}

.service ul h2 {
  font-size: 26px;
  color: #333;
  margin-bottom: 34px;
}

.service ul h2 span {
  font-size: 20px;
  color: #eaeaea;
  margin-left: 20px;
}

.service li {
  width: 220px;
  font-size: 16px;
  color: #333;
  background: url("../images/service_icon.png")no-repeat left center;
  line-height: 22px;
  padding-left: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 18px;
}

.service ul:last-of-type li {
  background: url("../images/service_icon2.png")no-repeat left center;
}

.service li:nth-of-type(odd) {
  float: left;
}

.service li:nth-of-type(even) {
  float: right;
}
/*咨询按钮*/
.meiqiabtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: linear-gradient(90deg, #ffa427, #ff7c3b);
  font-size: 18px;
  color: #fff;
  margin: 50px auto 0;
}
/*线上线下 双重服务无缝衔接*/
.content45{
	padding: 80px 0;
	background: url(../images/bg20.png) no-repeat scroll center;
}
.content4 .p1{
	background: url(../images/pbg3.png) no-repeat;
	width: 986px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	font-size: 36px;
	color: #333;
	margin-bottom: 20px;
}
.content4 .p2{ text-align:center; font-size:18px; color:#9b9b9b; margin-top:13px;}
.content4 .line2{ display:block; margin:0 auto;margin-top:13px; margin-bottom:30px;}
.content4 .content4-1{  width:100%; height:418px; padding-top:15px;}
.content4 .content4-2 .d1{ float:left; background:url(../images/d1.png) no-repeat; width:566px; height:362px; padding-top:11px; cursor:pointer;}
.content4 .content4-2 .d1 .d11{ display:block; margin:0 auto; width:556px; cursor:pointer;}
.content4 .content4-2 .d1 .d12{ padding-top:68px; cursor:pointer;}
.content4 .content4-2 .d1 .d12 ul{ float:left; width:235px; margin-left:50px;}
.content4 .content4-2 .d1 .d12 ul li{ margin-bottom:18px;}
.content4 .content4-2 .d1 .d12 ul li img{ float:left; margin-right:16px; margin-top:2px;}
.content4 .content4-2 .d1 .d12 ul li p{ font-size:19px; color:#434343;}

.content4 .content4-2 .d2{background:url(../images/d2.png) no-repeat; margin-left:33px;}
.content4 .content4-2 .d2 .d12 ul{ margin-left:27px; }
.content4 .content4-2 .d2 .d12 ul li img{ float:left; margin-right:12px; margin-top:1px;}



 

/*因材施教 选择适合自己的课程*/
.content2{  }
.content2 .p1{ text-align:center; font-size:30px; color:#434343;}
.content2 .p2{ text-align:center; font-size:18px; color:#9b9b9b; margin-top:13px;}
.content2 .line2{ display:block; margin:0 auto;margin-top:13px; margin-bottom:28px;}
.content2-1{   padding-bottom:40px;}
.content2-2{ display:block; margin:0 auto; background:url(../images/dbg8.png) no-repeat; width:457px; height:64px; margin-bottom:35px; padding-left:3px; padding-right:3px;}
.content2-2 .p3{ float:left;text-align:center; margin:0 50px; width:52px; padding-top:27px; font-size:15px; color:#434343; cursor:pointer;} 
.content2-2 .active1{ padding-bottom:10px; border-bottom:2px solid #ffb51f;}
.content2-2 .active1-1{ padding-bottom:10px; border-bottom:2px solid #6167f2; }
.content2-2 .active1-2{ padding-bottom:10px; border-bottom:2px solid #ff6c6c; }

.content2-3{ margin-left:103px; }
.content2-3 .d11{ background:url(../images/dbg34.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d11 .p4{ text-align:center; font-weight:bold; color:#fff; font-size:26px; padding-top:95px;}
.content2-3 .d11 .line3{ display:block; margin:5px auto; }
.content2-3 .d11 .p5{ text-align:center; color:#fff; font-size:15px;}
.content2-3 .d11 a{ display:block; margin:0 auto; text-align:center; width:117px; height:34px; line-height:34px; color:#fff; border:1px solid #fff; font-size:15.3px; margin-top:85px;}

.content2-3 .d12{ background:url(../images/dbg4-1.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d12 .p4{ text-align:center; color:#434343; font-size:15px; padding-top:68px;}
.content2-3 .d12 .p5{ font-weight:bold; text-align:center; font-size:26px; color:#434343; margin-top:7px;}
.content2-3 .d12 .line4{ display:block; margin:5px auto; margin-bottom:25px; }
.content2-3 .d12 .p6{ text-align:center; color:#434343; font-size:16px;}
.content2-3 .d12 .p6 a{ color:#434343; display:block;}
.content2-3 .d12 .p6 a:hover{ text-decoration:underline; color:#ffb51f;}
.content2-3 .d1{width:224px; height:302px;padding:0;margin:0;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d; cursor:pointer; float:left; margin-right:32px;}
.content2-3 .d1 .d11{backface-visibility:hidden;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.content2-3 .d1 .d12{position:absolute;top:0;left:0;text-align:center;backface-visibility:hidden;-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg);-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.content2-3 .d1:hover .d11{-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg);}
.content2-3 .d1:hover .d12{opacity:1;-ms-transform:rotateY(0);-o-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);transform:rotateY(0);}

.content2-3 .d13{ background:url(../images/dbg32.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d14{ background:url(../images/dbg22.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d15{ background:url(../images/dbg35.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d12 .a1{ display:block; margin:0 auto; text-align:center; width:117px; height:34px; line-height:34px; color:#fff; border:1px solid #ffdc96; background:#ffb51f; font-size:15.3px; margin-top:43px;}

.content2-3 .d16{ background:url(../images/dbg8.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d17{ background:url(../images/dbg24.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d18{ background:url(../images/dbg33.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d19{ background:url(../images/dbg11.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d122{ background:url(../images/dbg8-1.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d122 a{ display:block; margin:0 auto; text-align:center; width:117px; height:34px; line-height:34px; color:#fff; border:1px solid #a0a4f7; background:#6167f2; font-size:15.3px; margin-top:43px;}

.content2-3 .d20{ background:url(../images/dbg12.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d21{ background:url(../images/dbg13.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d22{ background:url(../images/dbg31.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d23{ background:url(../images/dbg27.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d123{ background:url(../images/dbg12-1.png) no-repeat;width:224px; height:302px; cursor:pointer;}
.content2-3 .d123 a{ display:block; margin:0 auto; text-align:center; width:117px; height:34px; line-height:34px; color:#fff; border:1px solid #ffebeb; background:#ff6c6c; font-size:15.3px; margin-top:43px;}

.wrap-part1
{
	background-color: #fff;
	padding-bottom: 30px
}

.wrap-part1 .wrap-top-form
{
	width: 1200px;
	margin: 0 auto;
	height: 75px;
	padding-top: 28px
}

.wrap-part1 .wrap-form
{
	overflow: hidden;
	padding-left: 60px;
	padding-right: 60px
}

.wrap-part1 .wrap-top-form .form-item
{
	width: 220px;
	margin-right: 66px
}

.wrap-part1 .wrap-top-form .form-item:last-child
{
	margin-right: 0
}

.wrap-part1 .wrap-top-form .inputitem
{
	width: 100%;
	line-height: 45px;
	font-size: 16px;
	border: 0;
	outline: none;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	padding-left: 13px;
	border-radius: 8px
}
.wrap-part1 .wrap-top-form input:-webkit-input-placeholder {
font-size:16px
}

.wrap-part1 .wrap-top-form .form-btn
{
	background: #3c7eff;
	box-shadow: 0 1px 3px #3c7eff;
	color: #fff!important;
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	text-align: center;
	cursor: pointer;
	border-radius: 8px
}

.wrap-part1 .wrap-top-form .warnTips
{
	color: #f30;
	font-size: 14px
}

.wrap-part2
{
	background-color: #f5f5f5
}

.wrap-part2 .part2-content ul
{
	overflow: hidden;
	padding: 15px;
	width: 1200px;
	margin: 0 auto
}

.wrap-part2 .part2-content ul li
{
	width: 48%;
	background-color: #fff;
	padding: 20px;
	border-radius: 4px;
	height: 520px;
	position: relative
}

.wrap-part2 .part2-content ul li .part2-img
{
	position: relative
}

.wrap-part2 .part2-content ul li .part2-img .hover-text
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	color: #fff;
	height: 192px;
	line-height: 192px;
	text-shadow: 2px 2px 2px grey
}

.wrap-part2 .part2-content ul li .part2-text
{
	font-size: 16px;
	line-height: 1.6;
	padding: 20px 0;
	color: #333
}

.wrap-part2 .part2-content ul li dl dd
{
	color: #666;
	font-size: 14px
}

.wrap-part2 .part2-content ul li dl dd span
{
	color: #4b81ee
}

.wrap-part2 .part2-content ul li .part2-btn
{
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background-color: #eb7b30;
	color: #fff;
	border-radius: 35px;
	margin: 0 auto;
	font-size: 14px;
	position: absolute;
	left: 50%;
	margin-left: -75px;
	bottom: 40px
}

.wrap-part3
{
	background-color: #fbeee0
}

.wrap-part3 .part3-content ul
{
	overflow: hidden;
	width: 1200px;
	padding: 10px;
	margin: 0 auto 40px
}

.wrap-part3 .part3-content ul li
{
	width: 33.3%;
	float: left
}

.wrap-part3 .part3-content ul li .part3-info
{
	width: 95%;
	margin: 0 auto;
	background-color: #fff;
	box-shadow: 0 0 10px #fdd9c1;
	-moz-box-shadow: 0 0 10px #fdd9c1;
	-webkit-box-shadow: 0 0 10px #fdd9c1;
	border-radius: 10px;
	padding: 30px 25px
}

.wrap-part3 .part3-content ul li .part3-info .part3-title
{
	text-align: center;
	font-size: 22px;
	color: #4b81ee;
	margin-bottom: 15px
}

.wrap-part3 .part3-content ul li .part3-info .part3-text
{
	font-size: 16px;
	line-height: 1.7;
	text-align: center;
	height: 90px
}

.wrap-part3 .part3-content ul li .part3-info .part3-btn
{
	width: 75%;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border-radius: 35px;
	border: 1px solid #eb7b30;
	font-size: 15px;
	margin: 0 auto;
	color: #eb7b30
}

.wrap-part3 .part3-content ul li .part3-info .part3-btn:hover
{
	background-color: #eb7b30;
	border: 1px solid #eb7b30;
	color: #fff
}

.wrap-part4
{
	background-color: #fff
}

.wrap-part4 .part4-content
{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto
}

.wrap-part4 .part4-content .part4-img
{
	float: left
}

.wrap-part4 .part4-content .part4-text
{
	float: right;
	width: 650px;
	font-size: 18px
}

.wrap-part4 .part4-content .part4-text dl dd
{
	margin-bottom: 40px;
	line-height: 1.6;
	padding-left: 40px;
	position: relative
}

.wrap-part4 .part4-content .part4-text dl dd:before
{
	content: "";
	position: absolute;
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/tag.png") no-repeat 0 0;
	width: 26px;
	height: 25px;
	left: 0
}

.wrap-part5
{
	background-color: #4b81ee
}

.wrap-part5 .part5-content
{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto 40px
}

.wrap-part5 .part5-content ul
{
	overflow: hidden
}

.wrap-part5 .part5-content ul li
{
	float: left;
	width: 50%;
	margin-bottom: 30px
}

.wrap-part5 .part5-content ul li .part5-item
{
	width: 94%;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	overflow: hidden
}

.wrap-part5 .part5-content ul li .part5-item .part5-icon
{
	float: left
}

.wrap-part5 .part5-content ul li .part5-item .part5-text
{
	float: left;
	width: 320px;
	padding-left: 40px
}

.wrap-part5 .part5-content ul li .part5-item .part5-title
{
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px
}

.wrap-part5 .part5-content ul li .part5-item .part5-line
{
	width: 70px;
	height: 2px;
	background-color: #fe7407;
	margin-bottom: 20px
}

.wrap-part5 .part5-content ul li .part5-item .part5-con
{
	font-size: 16px
}

.wrap-part6
{
	background-color: #fff
}

.wrap-part6 .part6-content .teacher-new-swiper
{
	width: 1200px;
	margin: 0 auto 40px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .wrap-part6 .part6-content .teacher-new-swiper .swiper-pagination-custom, .wrap-part6 .part6-content .teacher-new-swiper .swiper-pagination-fraction
{
	bottom: 0
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide
{
	overflow: hidden
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-img
{
	width: 265px;
	height: 240px;
	float: left;
	margin-right: 50px;
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/teacherad.png") no-repeat 0 0;
	padding: 37px 0 0 45px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-img .imgbg
{
	width: 220px;
	height: 165px;
	background-color: #fbeee0;
	border-radius: 8px;
	position: relative
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-img .imgbg img
{
	position: absolute;
	bottom: 0;
	left: 15px;
	width: 164px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo
{
	float: left;
	width: 815px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo .teacher-title
{
	font-size: 27px;
	font-weight: 700;
	margin-bottom: 20px;
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/textbg.png") no-repeat 0 0;
	width: 461px;
	height: 44px;
	letter-spacing: 1px;
	line-height: 60px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo .teacher-subtitle
{
	background-color: #fbeee0;
	color: #eb7b30;
	height: 30px;
	line-height: 30px;
	border-radius: 8px;
	display: inline-block;
	padding: 0 30px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo .teacher-info
{
	padding-top: 15px
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo .teacher-info dl
{
	overflow: hidden
}

.wrap-part6 .part6-content .teacher-new-swiper .swiper-slide .teacher-outerinfo .teacher-info dl dd
{
	display: inline-block;
	font-size: 15px;
	line-height: 1.7
}

.wrap-part7 .part7-content
{
	width: 1230px;
	margin: 0 auto
}

.wrap-part7 .part7-content .part7-top
{
	margin-bottom: 40px
}

.wrap-part7 .part7-content .part7-top ul
{
	overflow: hidden;
	position: relative;
	padding: 30px 0 50px 42px;
	width: 1200px;
	margin: 0 auto
}

.wrap-part7 .part7-content .part7-top ul:before
{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 180px;
	background-color: #e8eefd;
	z-index: 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px
}

.wrap-part7 .part7-content .part7-top ul li
{
	float: left;
	width: 200px;
	height: 260px;
	background-color: #fff;
	border-radius: 10px;
	margin-right: 30px;
	position: relative;
	z-index: 10;
	cursor: pointer;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s cubic-bezier(.46, -1.96, .29, 1.14);
	transition: all .5s cubic-bezier(.46, -1.96, .29, 1.14);
	-webkit-box-shadow: 0 0 10px 0 rgba(46,61,73,.2)
}

.wrap-part7 .part7-content .part7-top ul li:hover
{
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

.wrap-part7 .part7-content .part7-top ul li .part7-top-item .part7-top-img
{
	padding-top: 20px
}

.wrap-part7 .part7-content .part7-top ul li .part7-top-item .part7-top-img img
{
	display: block;
	margin: 0 auto 20px
}

.wrap-part7 .part7-content .part7-top ul li .part7-top-item dl
{
	text-align: center
}

.wrap-part7 .part7-content .part7-top ul li .part7-top-item dl dt
{
	font-size: 15px;
	margin-bottom: 10px
}

.wrap-part7 .part7-content .part7-top ul li .part7-top-item dl dd
{
	font-size: 15px;
	line-height: 1.7
}

.wrap-part7 .part7-content .part7-bottom ul
{
	overflow: hidden;
	padding: 12px 10px 10px;
	margin-bottom: 40px
}

.wrap-part7 .part7-content .part7-bottom ul li
{
	float: left;
	width: 370px;
	height: 400px;
	border-radius: 25px;
	box-shadow: 0 0 5px 0 #dfdfdf;
	-moz-box-shadow: 0 0 5px 0 #dfdfdf;
	-webkit-box-shadow: 0 0 5px 0 #dfdfdf;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s cubic-bezier(.46, -1.96, .29, 1.14);
	transition: all .5s cubic-bezier(.46, -1.96, .29, 1.14);
	-webkit-box-shadow: 0 0 10px 0 rgba(46,61,73,.2);
	margin-right: 50px
}

.wrap-part7 .part7-content .part7-bottom ul li:hover
{
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

.wrap-part7 .part7-content .part7-bottom ul li:last-child
{
	margin-right: 0
}

.wrap-part7 .part7-content .part7-bottom ul li.bg1
{
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/fang1.png") no-repeat 0 0
}

.wrap-part7 .part7-content .part7-bottom ul li.bg2
{
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/fang2.png") no-repeat 0 0
}

.wrap-part7 .part7-content .part7-bottom ul li.bg3
{
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/fang3.png") no-repeat 0 0
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-title
{
	height: 80px;
	line-height: 80px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: 700
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-text
{
	font-size: 16px;
	line-height: 1.7;
	padding: 30px;
	width: 90%;
	margin: 0 auto 40px;
	height: 200px;
	border-radius: 10px
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-text.bge0eaff
{
	background-color: #e0eaff
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-text.bgffd8e4
{
	background-color: #ffd8e4
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-text.bgfbeee0
{
	background-color: #fbeee0
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn
{
	width: 180px;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center;
	margin: 0 auto
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg1
{
	color: #4b81ee;
	border: 1px solid #4b81ee
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg1:hover
{
	background-color: #4b81ee;
	color: #fff
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg2
{
	color: #fb0a54;
	border: 1px solid #fb0a54
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg2:hover
{
	background-color: #fb0a54;
	color: #fff
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg3
{
	color: #eb7b30;
	border: 1px solid #eb7b30
}

.wrap-part7 .part7-content .part7-bottom ul li .part7-btn.btn-bg3:hover
{
	background-color: #eb7b30;
	color: #fff
}

.wrap-part8
{
	background-color: #fff
}

.wrap-part8 .part8-content
{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.wrap-part8 .part8-content .part8-left
{
	width: 375px;
	float: left;
	margin-right: 35px
}

.wrap-part8 .part8-content .part8-middle
{
	width: 375px;
	float: left;
	margin-right: 35px;
	height: 490px;
	padding: 30px
}

.wrap-part8 .part8-content .part8-middle.bgf8f8fe
{
	background-color: #f8f8fe
}

.wrap-part8 .part8-content .part8-middle .part8-icon img
{
	display: block;
	margin: 0 auto
}

.wrap-part8 .part8-content .part8-middle .part8-title
{
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	padding: 30px 30px 20px
}

.wrap-part8 .part8-content .part8-middle .part8-context
{
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 30px
}

.wrap-part8 .part8-content .part8-middle .part8-btn
{
	font-size: 14px;
	width: 150px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center
}

.wrap-part8 .part8-content .part8-middle .part8-btn.bg5
{
	border: 1px solid #6c6de2;
	color: #6c6de2;
	background-color: #eaeafb
}

.wrap-part8 .part8-content .part8-right
{
	width: 375px;
	float: left
}

.wrap-part8 .part8-content .part8-item
{
	height: 230px;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px
}

.wrap-part8 .part8-content .part8-item.bgfef8f4
{
	background-color: #fef8f4
}

.wrap-part8 .part8-content .part8-item.bgf6f9fe
{
	background-color: #f6f9fe
}

.wrap-part8 .part8-content .part8-item.bgfff3f6
{
	background-color: #fff3f6
}

.wrap-part8 .part8-content .part8-item.bgf7fcf8
{
	background-color: #f7fcf8
}

.wrap-part8 .part8-content .part8-item .part8-top
{
	overflow: hidden;
	margin-bottom: 15px
}

.wrap-part8 .part8-content .part8-item .part8-top .part8-img
{
	float: left;
	height: 56px
}

.wrap-part8 .part8-content .part8-item .part8-top .part8-suntitle
{
	float: left;
	padding-left: 20px;
	height: 56px;
	line-height: 56px;
	font-size: 22px;
	font-weight: 700
}

.wrap-part8 .part8-content .part8-item .part-middle
{
	font-size: 15px;
	line-height: 1.6
}

.wrap-part8 .part8-content .part8-item .part-middle.height80
{
	height: 80px
}

.wrap-part8 .part8-content .part8-item .part8-btn
{
	font-size: 14px;
	width: 150px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	text-align: center
}

.wrap-part8 .part8-content .part8-item .part8-btn.bg1
{
	border: 1px solid #eb7b30;
	color: #eb7b30;
	background-color: #fcebe0
}

.wrap-part8 .part8-content .part8-item .part8-btn.bg2
{
	border: 1px solid #fb0a54;
	color: #fb0a54;
	background-color: #ffdbe5
}

.wrap-part8 .part8-content .part8-item .part8-btn.bg3
{
	border: 1px solid #4b81ee;
	color: #4b81ee;
	background-color: #e5edfc
}

.wrap-part8 .part8-content .part8-item .part8-btn.bg4
{
	border: 1px solid #5ec175;
	color: #5ec175;
	background-color: #e7f6eb
}

.wrap-part9
{
	background-color: #f4f7ff
}

.wrap-part9 .part9-content
{
	width: 1200px;
	margin: 0 auto
}

.wrap-part10
{
	background-color: #fbeee0;
	width: 100%
}

.wrap-part10 .part10-content
{
	width: 1230px;
	padding: 15px;
	margin: 0 auto;
	overflow: hidden
}

.wrap-part10 .part10-content .part10-title
{
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 25px
}

.wrap-part10 .part10-content .wrap-btn
{
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #fb0a54;
	color: #fff;
	margin: 0 auto;
	border-radius: 30px
}

.wrap-part10 .part10-content .part10-left
{
	background-color: #fff;
	-moz-box-shadow: 0 0 6px 0 #dfdfdf;
	box-shadow: 0 0 6px 0 #dfdfdf;
	padding: 30px 15px;
	float: right;
	border-radius: 4px;
	width: 470px
}

.wrap-part10 .part10-content .part10-left .part10-form
{
	width: 100%;
	background-color: #fff;
	padding: 28px 30px 40px;
	float: right;
	border-top-left-radius: 4px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 4px
}

.wrap-part10 .part10-content .part10-left .part10-form .wrap-top-form .inputitem
{
	width: 100%;
	line-height: 45px;
	font-size: 16px;
	border: 0;
	outline: none;
	background-color: transparent;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	padding-left: 13px;
	border-radius: 6px
}

.wrap-part10 .part10-content .part10-left .part10-form .wrap-top-form .warnTips
{
	height: 25px;
	line-height: 25px;
	color: #f30
}

.wrap-part10 .part10-content .part10-left .part10-form .wrap-top-form .form-course-btn
{
	height: 45px;
	line-height: 45px;
	width: 100%;
	text-align: center;
	background-color: #4b81ee;
	color: #fff;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer
}

.wrap-part10 .part10-content .part10-right
{
	background-color: #fff;
	-moz-box-shadow: 0 0 6px 2px #dfdfdf;
	box-shadow: 0 0 6px 2px #dfdfdf;
	padding: 30px 15px 0;
	float: left;
	border-radius: 4px;
	width: 680px
}

.wrap-part10 .part10-content .part10-right ul
{
	overflow: hidden;
	margin-bottom: 20px
}

.wrap-part10 .part10-content .part10-right ul li
{
	float: left;
	width: 33.3%;
	margin-bottom: 15px
}

.wrap-part10 .part10-content .part10-right ul li:last-child
{
	margin-bottom: 0
}

.wrap-part10 .part10-content .part10-right ul li .part10-icon
{
	width: 80px;
	margin: 0 auto
}

.wrap-part10 .part10-content .part10-right ul li .part10-icon img
{
	display: block;
	width: 100%
}

.wrap-part10 .part10-content .part10-right ul li .part10-subtitle
{
	font-size: 14px;
	padding: 6px 10px 7px;
	height: 50px;
	text-align: center
}

.wrap-part10 .part10-content .part10-right ul li .info-download
{
	width: 120px;
	height: 25px;
	line-height: 25px;
	border-radius: 25px;
	text-align: center;
	background-color: #d8e5ff;
	color: #3c7eff;
	margin: 0 auto
}

.wrap-part10 .part10-content .part10-right ul li .info-download:hover
{
	color: #fff;
	background-color: #3c7eff
}

.wrap-part11
{
	background-color: #e8eefd
}

.wrap-part11 .part11-content .part11-title
{
	margin-bottom: 40px
}

.wrap-part11 .part11-content .part11-title ul
{
	overflow: hidden;
	width: 599px;
	margin: 0 auto;
	border: 1px solid #4b81ee;
	border-radius: 35px;
	box-sizing: border-box
}

.wrap-part11 .part11-content .part11-title ul li
{
	width: 33.33%;
	cursor: pointer;
	float: left;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 16px
}

.wrap-part11 .part11-content .part11-title ul li.current
{
	background-color: #4b81ee;
	color: #fff;
	border-radius: 35px
}

.wrap-part11 .part11-content .part11-subcontent ul
{
	overflow: hidden;
	width: 1200px;
	margin: 0 auto
}

.wrap-part11 .part11-content .part11-subcontent ul li
{
	display: none;
	padding: 30px;
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden
}

.wrap-part11 .part11-content .part11-subcontent ul li.current
{
	display: block
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left
{
	float: left;
	position: relative
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left .part11-hover
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 10;
	padding: 50px 30px;
	height: 250px
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left .part11-hover .part11-innertitle
{
	font-size: 20px;
	font-weight: 700;
	color: #6161bc;
	margin-bottom: 40px
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left .part11-hover .part11-text
{
	margin-bottom: 40px
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left .part11-hover .part11-text dd
{
	font-size: 16px;
	line-height: 1.7
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-left .part11-hover .part11-leftbtn
{
	background-color: #4b81ee;
	height: 35px;
	line-height: 35px;
	width: 150px;
	color: #fff;
	font-size: 16px;
	border-radius: 35px;
	text-align: center;
	position: absolute;
	bottom: 0
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-right dl dd
{
	padding-left: 50px;
	padding-right: 30px;
	overflow: hidden;
	line-height: 2.5
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-right dl dd .part11-leftnews
{
	float: left
}

.wrap-part11 .part11-content .part11-subcontent ul li .part11-right dl dd .part11-btnnews
{
	float: right;
	color: #4c84f7;
	cursor: pointer
}

.wrap-part12
{
	background-color: #fff
}

.wrap-part12 .part12-content
{
	padding: 0 0 40px 50px;
	border-radius: 15px;
	margin-bottom: 40px;
	width: 1200px;
	margin: 0 auto
}

.wrap-part12 .part12-content ul
{
	height: 230px
}

.wrap-part12 .part12-content ul li
{
	float: left;
	width: 235px;
	height: 200px;
	background-color: #fdf2ea;
	border-radius: 8px;
	margin-right: 55px;
	padding-left: 24px;
	position: relative
}

.wrap-part12 .part12-content ul li:last-child
{
	margin-right: 0
}

.wrap-part12 .part12-content ul li .part4-tag
{
	background: url("https://oss.visionacademy.cn/ukvision/20210915ig/stepnum.png") no-repeat 0 0;
	width: 108px;
	height: 39px;
	position: absolute;
	left: -10px;
	top: 15px;
	color: #fff;
	text-align: center;
	line-height: 25px
}

.wrap-part12 .part12-content ul li .part4-txt1
{
	padding-top: 55px;
	font-size: 20px;
	padding-bottom: 5px
}

.wrap-part12 .part12-content ul li .part4-txt3
{
	font-size: 15px;
	line-height: 1.6;
	padding-right: 20px;
	position: relative;
	padding-left: 7px
}

.wrap-part12 .part12-content ul li .part4-txt3:before
{
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #333;
	border-radius: 50%;
	left: 0;
	top: 12px
}

.wrap-part13
{
	background-color: #fff
}

.wrap-part13 .part13-content
{
	width: 1200px;
	margin: 0 auto 30px
}

.wrap-part13 .part13-content .part6-title
{
	overflow: hidden;
	padding-bottom: 5px
}

.wrap-part13 .part13-content .part6-title li
{
	float: left;
	margin-left: 25px;
	font-weight: 400;
	font-size: 18px;
	position: relative;
	cursor: pointer
}

.wrap-part13 .part13-content .part6-title li.active
{
	color: #3c7eff
}

.wrap-part13 .part13-content .part6-title li.active:before
{
	content: "";
	position: absolute;
	width: 50px;
	height: 2px;
	background-color: #3c7eff;
	left: 50%;
	bottom: -5px;
	margin-left: -25px
}

.wrap-part13 .part13-content .part6-course-lists
{
	overflow: hidden;
	background-color: #fff;
	padding: 30px 0 15px
}

.wrap-part13 .part13-content .part6-course-lists ul
{
	display: none
}

.wrap-part13 .part13-content .part6-course-lists ul.active
{
	display: block
}

.wrap-part13 .part13-content .part6-course-lists ul li
{
	float: left;
	width: 25%
}

.wrap-part13 .part13-content .part6-course-lists ul li .course-img
{
	width: 85%;
	margin: 0 auto
}

.wrap-part13 .part13-content .part6-course-lists ul li .course-img img
{
	border: 1px solid #dfdfdf;
	margin-bottom: 8px
}

.wrap-part13 .part13-content .part6-course-lists ul li .course-text
{
	font-size: 16px;
	text-align: center;
	padding-bottom: 10px
}

#wrapper
{
	background: #f5f5f5
}