@charset "utf-8";
/* 织梦帮模板（91084.com）做专业的网站模板、网站建设平台 */
/*======================公共顶部==========================*/

html,body {

	overflow-x: hidden;

	

}

.top-wrap {

	height: 30px;

	background: #f9f9f9;

	border-bottom: 1px solid #e5e5e5;

}

.head_top span {

	font-size: 12px;

	color: #040004;

	padding: 0 10px;

	line-height: 30px;

}

.head_top span:last-child {

	padding-right: 0;

}

header {

	position: relative;

}

header .row>div {

	height: 95px;

	padding: 0;

}

header .logo_wrap {

	display: block;

	line-height: 95px;

}

.nav_btn,.phone_nav,.mask {

	display: none;

}

.main_icon {

	height: 100%;

	padding-left: 35px;

	float: right;

	background-repeat: no-repeat;

	background-position: left center;

}

.icon_1 {

	background-image: url(../images/main_icon-1.png);

}

.icon_2 {

	background-image: url(../images/main_icon-2.png);

}

.icon_3 {

	background-image: url(../images/main_icon-3.png);

}

.main_icon h3 {

	font-size: 12.5px;

	color: #4e4e4e;

	font-weight: bold;

	margin-top: 35px;

	letter-spacing: 3px;

}

.main_icon  a{
	color: #888;
}

.main_icon p {

	font-size: 12px;

	color: #888;

}

.index_banner_wrap {

	position: relative;

}

nav {

	position: absolute;

	top: 125px;

	left: 0;

	width: 100%;

	height: 55px;

	background: rgba(0,0,0,.75);

	z-index: 99;

}

nav .nav_list {

	max-width: 1200px;

	padding: 0 0.5%;

	margin: 0 auto;

	overflow: hidden;

}

nav .nav_list .nav_item {

	float: left;

	width: 11%;

	height: 55px;

	text-align: center;

}

nav .nav_list .nav_item ul li a:hover  {

	color: #ff0073;

}

nav .nav_list .nav_item>a {

	display: inline-block;

	height: 55px;

	font-size: 14px;

	color: #fff;

	line-height: 55px;

}

nav .nav_list .nav_item ul {

	position: absolute;

	top: 55px;

	left: 0;

	width: 100%;

	height: 55px;

	border-top: 1px solid #2f2724;

	background: rgba(35,24,21,.6);

	display: none;

}

/*nav .nav_list .nav_item:hover ul {

	display: block;

}*/

nav .nav_list .nav_item ul li {

	display: inline-block;

	text-align: center;

}

nav .nav_list .nav_item ul li a {

	display: inline-block;

	height: 55px;

	font-size: 14px;

	color: #fff;

	line-height: 55px; 

	padding: 0 35px;

}

nav .nav_list .nav_item ul li span {

	font-size: 14px;

	color: #fff;

	line-height: 55px;

}

nav .nav_list .nav_item ul li:last-child span {

	display: none;

}

nav .nav_list .nav_item:nth-child(2)>a,

nav .nav_list .nav_item:nth-child(4)>a,

nav .nav_list .nav_item:nth-child(5)>a,

nav .nav_list .nav_item:nth-child(7)>a {

	padding-right: 15px;

	background: url('../images/main_icon-4.png') no-repeat right center;

}

nav .nav_list .nav_item:nth-child(2):hover>a,

nav .nav_list .nav_item:nth-child(4):hover>a,

nav .nav_list .nav_item:nth-child(5):hover>a,

nav .nav_list .nav_item:nth-child(7):hover>a {

	background: url('../images/main_icon-5.png') no-repeat right center;

}

.index_banner_swiper .swiper-slide {

	width: 100%;

	height: 550px;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}

.banner_title,.banner_desc,.banner_more {

	text-align: center;

}

.banner_title {

	font-size: 70px;

	color: #fff;

	font-weight: 900;

	margin-top: 170px;

}

.banner_desc {

	font-size: 23px;

	color: #fff;

	font-weight: 200;

	margin-top: 20px;

	margin-bottom: 35px;

}

.banner_more {

	width: 232px;

	margin: 0 auto;

	text-align: center;

	background: #ff0073;

	border-radius: 5px;

	transition: all 0.3s;

}

.banner_more a {

	display: block;

	height: 50px;

	font-size: 18px;

	color: #fff;

	line-height: 50px;

}

.banner_more:hover {

	background: #fff;

}

.banner_more:hover a {

	color: #ff0073;

}

.index_banner_wrap .index-button-prev {

	left: 50%;

	margin-left: -600px;

	background-image: url('../images/button_prev.png');

}

.index_banner_wrap .index-button-next {

	right: 50%;

	margin-right: -600px;

	background-image: url('../images/button_next.png');

}

.index_banner_wrap .swiper-pagination-bullet {

	background: #fff;

	opacity: 1;

}

.index_banner_wrap .swiper-pagination-bullet-active {

	background: #ff0073;

}

.index_practice {

	padding-top: 85px;

	padding-bottom: 95px;

}

.common_title {

	font-size: 30px;

	color: #010b25;

	line-height: 53px;

	letter-spacing: 3px;

}

.common_title span {

	font-weight: bold;

}

.title_img {

	width: 100%;

	height: 18px;

	margin-bottom: 30px;

	background: url('../images/main_icon-6.png') no-repeat center center;

}

.i_prac_img {

	width: 140px;

	height: 140px;

	border-radius: 50%;

	line-height: 140px;

	overflow: hidden;

	margin: 0 auto;

	text-align: center;

}

.practice_title {

	font-size: 24px;

	color: #010b25;

	line-height: 30px;

	margin: 20px 0 25px 0;

}

.practice_desc {

	font-size: 16px;

	color: #8b8b8b;

	line-height: 24px;

}

.i_prac_more {

	width: 155px;

	height: 36px;

	margin: 0px auto;

	margin-top: 40px;

	background: #ff0073;

	border-radius: 5px;

	text-align: center;

}

.i_prac_more span {

	font-size: 16px;

	color: #fff;

	line-height: 36px;

}

.i_prac_wrap {

	display: block;

	padding: 60px;

	margin-bottom: 10px;

	box-shadow: 0 0 15px 5px #fdfdfd;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.i_prac_wrap img {

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: all 0.5s;

	-o-transition: all 0.5s;

	-moz-transition: all 0.5s;

}

.i_prac_wrap:hover {

	text-decoration: none;

	box-shadow: 0 0 15px 5px #eee;

}

.i_prac_wrap:hover img {

	transform: rotateZ(360deg);

	-webkit-transform: rotateZ(360deg);

	-o-transform: rotateZ(360deg);

	-ms-transform:rotateZ(360deg);

	-moz-transform:rotateZ(360deg);

	transform-origin: center center;

	-webkit-transform-origin: center center;

	-o-transform-origin: center center;

	-moz-transform-origin: center center;

	-moz-transform-origin: center center;

}

.index_freeClass {

	padding-top: 45px;

	padding-bottom: 50px;

	background: #f9f9f9;

}

.i_class_wrap {

	max-width: 1200px;

	margin: 0 auto;

	overflow: hidden;

}

.i_class_wrap .a_class_box {

	display: block;

	float: left;

	width: 22%;

	margin-right: 4%;

	margin-top: 10px;

	transition: all 0.3s;

}

.i_class_wrap .a_class_box:hover {

	transform: scale(1.05);

}

.i_class_wrap .a_class_box:last-child {

	margin-right: 0;

}

.class_top {

	height: 168px;

	padding-top: 35px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.a_class_box:last-child .class_top {

	padding-top: 25px;

}

.class_p-1 {

	font-size: 44px;

	color: #fff;

	font-weight: bold;

	line-height: 48px;

}

.class_p-2 {

	font-size: 24px;

	color: #fff;

	line-height: 48px;

}

.class_p-3 {

	font-size: 33px;

	color: #fff;

	font-weight: bold;

	line-height: 48px;

}

.class_p-4 {

	font-size: 30px;

	color: #fff;

	line-height: 40px;

}

.class_p-1,.class_p-2,.class_p-4 {

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.class_p-3 {

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 2;

}

.a_class_box:last-child .class_top .class_p-3 {

	line-height: 40px;

}

.class_bottom {

	height: 160px;

	padding: 25px 20px;

	position: relative;

	background: #fff;

}

.class_p_desc {

	font-size: 18px;

	color: #000;

	font-weight: 200;

	line-height: 30px;

	text-align: left;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 3;

}

.class_p_more {

	position: absolute;

	font-size: 14px;

	color: #9e9e9e;

	right: 25px;

	bottom: 25px�?
}

.i_class_more {

	width: 300px;

	height: 44px;

	background: #ff0073;

	border-radius: 5px;

	margin: 0 auto; 

	margin-top: 50px;

}

.i_class_more a {

	font-size: 18px;

	color: #fff;

	line-height: 44px;

}

.index_teachers {

	padding-top: 80px;

	padding-bottom: 65px;

	border-bottom: 11px solid #f7f7f7;

	overflow: hidden;

}

.i_teachers_wrap {

	overflow: hidden;

}

.index_teacher_box {

	display: block;

	width: 20%;

	float: left;

	margin-top: 10px;

}

.index_teacher_img {

	width: 202px;

	max-width: 100%;

	height: 202px;

	margin: 0 auto;

	padding: 10px;

	background: url('../images/main_icon-7.png') no-repeat left center;

}

.index_img_wrap {

	width: 100%;

	height: 100%;

	border-radius: 50%;

	background-position: center center;

	background-size: cover;

	background-repeat: no-repeat;

	transition: all 0.8s;

	-webkit-transition: all 0.8s;

	-o-transition: all 0.8s;

	-ms-transition: all 0.8s;

	-moz-transition: all 0.8s;

}

.index_teacher_box:hover .index_img_wrap {

	transform: rotateY(180deg);

	-webkit-transform: rotateY(180deg);

	-o-transform: rotateY(180deg);

	-ms-transform:rotateY(180deg);

	-moz-transform:rotateY(180deg);

}

.index_teacher_box:hover .name_ch,.index_teacher_box:hover .name_en {

	color: #ff0073;

}

.name_ch,.name_en {

	font-size: 20px;

	font-weight: 500;

	line-height: 34px;

}

.name_ch {	

	color: #010b25;

	position: relative;

	margin-top: 15px;

}

.name_ch:after {

	content: '';

	height: 1px;

	width: 54px;

	background: #ff0073;

	position: absolute;

	top: 0;

	left: 50%;

	margin-left: -27px;

}

.name_en {

	color: #74777f;	

}

.index_teacher_box:last-child .index_teacher_img {

	font-size: 20px;

	color: #fff;

	line-height: 182px;

	background: #bcbcbf;

	border-radius: 50%;

	transition: all 0.3s;

}

.index_teacher_box:last-child .index_teacher_img:hover {

	color: #ff0073;

}

.index_teacher_box:last-child .index_teacher_img:hover .index_mg_wrap {

	transform: rotateY(0deg);

	-webkit-transform: rotateY(0deg);

	-o-transform: rotateY(0deg);

	-ms-transform:rotateY(0deg);

	-moz-transform:rotateY(0deg);

}

.index_links {

	padding-top: 65px;

	padding-bottom: 110px;

}

.i_links_wrap {

	overflow: hidden;

}

.link_box {

	display: block;

	width: 25%;

	float: left;

	padding: 10px 0;

	background: #393b3e;

	text-align: center;

	margin: 0 6.25%;

	margin-top: 50px;

	box-shadow: 3px 3px 0px #5e6266;

	position: relative;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.link_box:hover {

	background: #ff0073;

}

.link_box:nth-child(3n+1) {

	margin-left: 0;

}

.link_box:nth-child(3n) {

	margin-right: 0;

}

.link_box:after {

	content: '';

	height: 68px;

	width: 2px;

	background: #ff0073;

	position: absolute;

	top: 0;

	right: -26%;

}

.link_box:nth-child(3n):after,.link_box:last-child:after {

	width: 0;

}

.link_box .link_span-1 {

	font-size: 20px;

	color: #fff;

	font-weight: 500;

}

.link_box .link_span-2 {

	font-size: 12px;

	color: #fff;

	font-weight: 200;

}

.link_box div {

	display: inline-block;

	width: auto;

	margin: 0 auto;

	text-align: left;

}

footer {

	width: 100%;

	min-height: 373px;

	padding-top: 100px;

	position: relative;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center center;

}

.foot_left .foot_logo img {

	max-width: 100%;

}

.foot_list {

	overflow: hidden;

	margin-top: 15px;

}

.foot_list li {

	float: left;

	font-size: 12px;

	color: #fff;

	line-height: 26px;

	padding-right: 35px;

}

.foot_num {

	font-size: 26px;

	color: #fff;

	font-weight: 900;

	letter-spacing: 2px;

}

.foot_middle {

	padding-top: 6px;

	overflow: hidden;

	position: relative;

}

.foot_middle:before {

	content: '';

	width: 1px;

	height: 120px;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -60px;

	border-left: 1px dotted #fff;

}

.foot_middle:after {

	content: '';

	width: 1px;

	height: 120px;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -60px;

	border-right: 1px dotted #fff;

}

.foot_contact {

	float: left;

	padding-top: 20px;

	margin-left: 100px;

}

.foot_contact span {

	display: block;

	font-size: 18px;

	color: #fff;

	line-height: 32px;

}

.foot_contact_desc {

	float: left;

	margin-left: 35px;

}

.foot_contact_desc span {

	display: block;

	font-size: 12px;

	color: #fff;

	line-height: 18px;

}

.foot_contact_desc span.foot_span-1 {

	font-weight: bold;

}

.foot_contact_desc span.foot_span-2 {

	font-weight: bold;

	margin-bottom: 15px;

}

.foot_right {

	line-height: 160px;

	text-align: right;

}

.foot_right img {

	display: inline-block;

	vertical-align: middle;

	margin-left: 25px;

}

.recordation {

	position: absolute;

	bottom: 0;

	width: 100%;

	height: 30px;

	font-size: 12px;

	color: #fff;

	line-height: 30px;

	background: rgba(0,0,0,.6);

	z-index: 99;

}

/*========================热门玩法教程===============*/

.common_banner_wrap {

	width: 100%;

	height: 310px;

	padding-top: 120px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.common_banner_title {

	font-size: 65px;

	color: #fff;

	font-weight: bold;

	letter-spacing: 8px;

}

.common_banner_desc {

	font-size: 22px;

	color: #fff;

	font-weight: 200;

	line-height: 50px;

	letter-spacing: 3px;

}

.plan_main {

	padding-top: 65px;

	padding-bottom: 65px;

	background: #f4f6f8;

}

.plan_main .col-md-6:nth-child(odd) {

	padding-left: 0;

}

.plan_main .col-md-6:nth-child(even) {

	padding-right: 0;

}

.plan_item,.video_item {

	height: 103px;

	margin-bottom: 25px;

	background: #fff;

	box-shadow: 0 0 6px 3px #eee;

	position: relative;

}
.plan_item span i{
	font-style: normal;
}

.plan_item span {

	font-size: 18px;

	color: #6f6f6f;

	line-height: 103px;

	padding-left: 3.5%;

	letter-spacing: 5px;

}

.plan_item span em,.video_item span em {

	font-style: normal;

	font-size: 24px;

	color: #010b25;

	line-height: 103px;

	font-weight: normal;

}

.plan_item:hover span,.plan_item:hover span em,.video_item:hover span em {

	color: #ff0073;

}

.plan_item a,.video_item a {

	position: absolute;

	right: 3.5%;

	top: 40px;

	font-size: 16px;

	color: #fff;

	padding: 2px 25px;

	background: #ff0073;

	border-radius: 5px;

}

.plan_item a:hover,.video_item a:hover {

	color: #ff0073;

	background: #fff;

	border: 1px solid #ff0073;

}

.video_item a {

	right: 11%;

}

.more,.more_desc {

	font-size: 18px;

	color: #a9a9a9;

	line-height: 36px;

}

.video_item span {

	font-size: 24px;

	color: #010b25;

	font-weight: bold;

	line-height: 103px;

	padding-left: 11.5%;

	letter-spacing: 5px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.video_item span em {

	padding-left: 40px;

}

.main_desc {

	font-size: 18px;

	color: #707070;

	line-height: 36px;

	margin-bottom: 20px;

	padding: 0 15px;

}

.free_item {

	display: block;

	font-size: 24px;

	color: #010b25;

	height: 103px;

	line-height: 103px;

	font-weight: normal;

	letter-spacing: 1px;

	text-align: center;

	background: #fff;

	box-shadow: 0 0 6px 3px #eee;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.free_title {

	font-size: 24px;

	color: #010b25;

	margin-top: 60px;

	margin-bottom: 30px;

}

.free_title span {

	color: #707070;

}

.plan_main .free_row .col-md-6:nth-child(odd) {

	padding-left: 0;

	padding-right: 15px;

}

.plan_main .free_row.col-md-6:nth-child(even) {

	padding-right: 0;

	padding-left: 15px;

}

.hot_img_wrap img {

	display: block;

	max-width: 100%;

	margin-bottom: 10px;

}

.img_title {

	margin-top: 65px;

}

.hot_2 {

	margin-top: 40px;

}

/*各类目粉丝排行榜*/

.rank_wrap a {

	display: block;

	width: 23.5%;

	margin-right: 2%;

	height: 57px;

	line-height: 57px;

	font-size: 24px;

	color: #010b25;

	text-align: center;

	margin-bottom: 25px;

	float: left;

	background: #fff;

	box-shadow: 0 0 10px 5px #eee;

	transition: all 0.3s;

}

.rank_wrap a:nth-child(4n) {

	margin-right: 0;

}

.rank_wrap a:last-child {

	background: transparent;

	box-shadow: none;

}

.rank_wrap a:hover {

	color: #ff0073;

	box-shadow: 0 0 10px 5px #ccc;

}

.rank_wrap a:last-child:hover {

	color: #010b25;

	background: transparent;

	box-shadow: none;

}

.teacher_box {

	padding: 50px 40px;

	margin-bottom: 35px;

	background: #fff;

    box-shadow: 0px 1px 17.04px 6.96px rgba(243, 240, 246, 0.65);



}

.teacher_box .teacher_img_box {

	height: 333px;

	padding: 0;	

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.teacher_txt_box {

	height: 333px;

	padding-left: 40px;

	border: 1px solid #e5ecf1;
	
	overflow:hidden;
}

.teacher_name {

	font-size: 24px;

	color: #ff0073;

	font-weight: bold;

	line-height: 34px;

	margin-top: 35px;

	margin-bottom: 15px;

}

.teacher_for,.teacher_desc {

	font-size: 16px;

	color: #010b25;

	line-height: 30px;

}

.teacher_for {

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.teacher_desc {

	color: #585c67;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 7;

}

.day7_class_wrap {

	padding: 30px 0;

	background: #fff;

}

.class_small_title {

	font-size: 24px;

	color: #010b25;

	font-weight: 600;

	margin: 30px 0;

}

.day7_class_box {

	width: 66%;

	margin: 0 auto;

}

.day7_class_box .class_item {

	display: block;

	width: 100%;

	height: 58px;

	margin-bottom: 25px;

	padding-left: 145px;

	text-align: left;

	box-shadow: 0 0 15px 5px #fafafa;

}

.day7_class_box .class_item span {

	font-size: 24px;

	color: #010b25;

	line-height: 58px;

	letter-spacing: 3px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}
.day7_class_box .class_item span i{
	font-style: normal;
}

.day7_class_box .class_item span em {

	font-style: normal;

	font-weight: 600;

	padding-right: 30px;

}

.day7_class_box .class_item:hover span {

	color: #ff0073;

}

.class_more_desc {

	font-size: 18px;

	color: #9c9c9c;

	line-height: 30px;

	padding: 20px 0;

}

.day21_class_box .class_item {

	padding-left: 70px;

}

.day21_class_wrap .class_small_title {

	font-weight: bold;

	letter-spacing: 3px;

}

/*===============案例分析=====================*/

.case_item {

	height: 155px;

	margin-bottom: 25px;

	background: #fff;

	box-shadow: 0 0 6px 3px #eee;

	position: relative;

	padding-top: 31px;

}

.case_item .case_txt {

	display: block;

	position: absolute;

	top: 0;

	left: 20px;

	width: 42px;

	height: 156px;

	padding: 0 15px;

	line-height: 20px;

	font-size: 14px;

	color: #565656;

	background: #e0e1e6;

}
.case_item .case_txt>em{
	font-style: normal;
	display: block;
	position: relative;
	top: 50%;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}
.case_item a {

	position: absolute;

	right: 11%;

	top: 65px;

	font-size: 16px;

	color: #fff;

	padding: 2px 25px;

	background: #ff0073;

	border-radius: 5px;

}
.case_item a:hover {
	color: #ff0073;
	background: #fff;
	border: 1px solid #ff0073;
}

.case_item:hover .case_name,.case_item:hover .case_desc {
	color: #ff0073;
}

.case_img {

	position: absolute;

	width: 94px;

	height: 94px;

	border-radius: 50%;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	left: 11.5%;

	top: 31px;

}

.case_desc_box {

	margin-left: 24.5%;

}

.case_name {

	font-size: 24px;

	color: #010b25;

	line-height: 50px;

	letter-spacing: 3px;

}

.case_desc {

	font-size: 18px;

	color: #4c515c;

	line-height: 36px;

}

/*======一对一服务===========*/

.one_top_wrap {

	margin-bottom: 75px;

}

.one_top_wrap,.one_bottom_wrap {

	background: #fff;

	padding-top: 35px;

	padding-bottom: 50px;

	box-shadow: 0 0 15px 5px #eee;

}

.one_top_title {

	font-size: 24px;

	color: #ff0073;

	font-weight: 700;

	line-height: 56px;

	letter-spacing: 3px;

}

.one_top_left,.one_top_right {

	padding-left: 95px !important;

	padding-top: 40px;

	padding-bottom: 60px;

	position: relative;

}

.one_top_left dt,.one_top_left dd {

	font-size: 24px;

	color: #010b25;

	line-height: 42px;

}

.one_top_left dt {

	font-weight: bold;

}

.one_top_left:after {

	content: '';

	width: 2px;

	height: 288px;

	background: #e2e2e2;

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -144px;

}

.one_top_right ul li {

	font-size: 24px;

	color: #010b25;

	line-height: 48px;

}

.one_top_right ul li span {

	font-weight: bold;

}

.class_price {

	width: 182px;

	height: 31px;

	font-size: 18px;

	color: #fff;

	line-height: 31px;

	margin: 0 auto;

	background: #ff0073;

}

.one_bottom_wrap {

	padding-bottom: 65px;

}

.one_bottom_wrap .one-1 {

	margin-top: 15px;

	padding-left: 60px !important;

	padding-right: 30px;

}

.one_bottom_wrap .one-2 {

	margin-top: 15px;

	padding-left: 30px;

	padding-right: 60px;

}

.one_bottom_wrap img {

	max-width: 100%;

}

/*=========================关于我们===================*/

.about_company {

	padding-top: 65px;

	padding-bottom: 80px;

}

.about_co_img {

	padding-left: 30px;

	padding-right: 37px;

	height: 244px;

	line-height: 244px;

	text-align: center;

}

.about_co_img img {

	max-width: 100%;

}

.about_co_name {

	font-size: 24px;

	color: #ff0073;

	font-weight: bold;

	line-height: 70px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.about_co_desc {

	font-size: 16px;

	color: #000;

	line-height: 34px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 5;

}

.about_serve {

	padding-top: 40px;

	padding-bottom: 55px;

	background: #f9fafb;

}

.about_serve_img {

	padding: 40px 0;

	background: #fff;

}

.about_serve_img img {

	max-width: 100%;

}

.about_desc {

	padding-top: 60px;

	padding-bottom: 35px;

}

.about_serve_left {

	padding-left: 100px;

	height: 272px;

	line-height: 272px;

}

.about_serve_right {

	padding-left: 90px;

}

.about_desc img {

	max-width: 100%;

}

.about_vip_wrap {

	padding-top: 35px;

	margin-bottom: 65px;

  	box-shadow: 0px 0px 32px 0px rgba(240, 241, 241, 0.45);

}

.vip_item_box {

	margin-bottom: 36px;

}

.vip_item {

	display: block;

	box-shadow: 0px 0px 10px 2px rgba(240, 241, 241, 0.6);

}

.vip_item img {

	width: 100%;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-o-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-moz-transition: all 0.3s;

}

.vip_item:hover img {

	transform: scale(1.05);

	-webkit-transform: scale(1.05);

	-o-transform: scale(1.05);

	-ms-transform: scale(1.05);

	-moz-transform: scale(1.05);

}

.vip_item span {

	display: block;

	text-align: center;

	font-size: 18px;

	color: #131d3c;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	-ms-text-overflow: ellipsis;text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical; 

	-webkit-line-clamp: 1;

}

.about_vip_lg {

	padding: 0 75px;

}

.about_vip_lg .vip_item {

	display: block;

	float: left;

	width: 330px;

	margin-right: 30px;

	margin-bottom: 36px;

}

.about_vip_lg .vip_item:nth-child(3n) {

	margin-right: 0;

}

.about_cooperation {

	padding-top: 32px;

	padding-bottom: 30px;

	background: #f9fafb;

	margin-bottom: 90px;

}

.coo_item {

	display: block;

	float: left;

	width: 152px;

	margin-right: 110px;

	margin-bottom: 15px;

}

.coo_item:nth-child(5n) {

	margin-right: 0;

}

.coo_item img {

	height: 84px;

	width: 100%;

	border-radius: 76px/42px;

	border: 1px solid #606060;

	overflow: hidden;

	line-height: 84px;

}

.coo_item span {

	display: block;

	text-align: center;

	font-size: 23px;

	color: #000;

	line-height: 43px;

}

.practice_main {

	padding-top: 55px;

	background: #f4f6f8;

}

.pactice_teachers {

	padding: 40px 0;

	background: #fff;

}

.p_teacher_box {

	width: 85%;

	min-height: 364px;

	margin: 0 auto;

	margin-bottom: 30px;

	padding-top: 25px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 100% 100%;

}

.p_teacher_img {

	padding: 8px;

	background: url('../images/teacher_bg-3.png') no-repeat center center;

}

.p_teacher_name {

	font-size: 26px;

	color: #000;

	font-weight: bold;

	line-height: 36px;

	margin-top: 10px;

}

.p_teacher_desc {

	font-size: 24px;

	color: #000;

	line-height: 30px;

}

.teacher_p {

	font-size: 24px;

	color: #515151;

	line-height: 36px;

	padding-right: 100px;

	margin-bottom: 38px;

}

.p_teacher_box:last-child .teacher_p {

	padding-left: 100px;

	padding-right: 0;

}

.p_teacher_box:last-child .teacher_p:first-child {

	padding-top: 65px;

}

.p_title {

	margin-top: 55px;

}

.practice_plan {

	padding-top: 40px;

	padding-bottom: 50px;

	background: #fff;

}

.learn_plan {

	width: 170px;

	height: 44px;

	font-size: 28px;

	color: #fff;

	line-height: 44px;

	background: #000;

	text-align: center;

	margin: 0 auto;

}

.learn_item {

	padding-left: 21%;

}

.learn_chapter {

	display: inline-block;

	font-size: 40px;

	color: #000;

	font-weight: bold;

	line-height: 54px;

	padding: 0 10px;

	margin-top: 50px;

	background: url('../images/learn_bg.png') no-repeat bottom center/100% auto;

}

.learn_title {

	font-size: 28px;

	color: #000;

	line-height: 38px;

	margin-top: 25px;

	margin-bottom: 15px;

}

.learn_list li,.learn_train {

	font-size: 24px;

	color: #707070;

	line-height: 36px;

	padding-left: 50px;

}

.learn_train {

	margin-top: 10px;

	padding-left: 85px;

}

.for_you {

	padding: 45px 0;

	background: #fff;

}

.for_you p {

	font-size: 24px;

	color: #707070;

	line-height: 36px;

}

.practice_other {

	padding: 50px 11%;

	background: #fff;

}

.practice_other dl:first-child {

	margin-bottom: 50px;

}

.practice_other dt,.practice_other dd {

	font-size: 24px;

	line-height: 48px;

	color: #000;

}

.practice_other dd {

	color: #707070;

	padding-left: 45px;

}

.practice_vip {

	padding-top: 60px;

	padding-bottom: 25px;

	background: #fff;

}

.p_vip_wrap {

	margin-bottom: 0;

}

.nav_line {

	height: 3px;

	background: #ff0073;

	position: absolute;

	top: 35px;

	left: 0;

	transition:all 0.5s;

}



/*.online {

	width: 128px;

	height: 56px;

	background: #ff0073;

	border-radius: 28px;

	text-align: center;

	position: fixed;

	right: 5%;

	top: 75%;

	z-index: 999;

}

.online a {

	display: inline-block;

	height: 56px;

	font-size: 16px;	

	color: #fff;

	line-height: 56px;

	padding-left: 30px;

	background: url('../images/online.png') no-repeat left center;

}*/





@media (max-width: 1200px) {

	.i_class_wrap .a_class_box {

		width: 23.5%;

		margin-right: 2%;

	}

	.index_teacher_box {

		width: 25%;

	}

	.index_teacher_box:last-child {

		display: none;

	}

	.link_box {

		display: block;

		width: 30%;

		float: left;

		padding: 10px 0;

		background: #393b3e;

		text-align: center;

		margin: 0 2.5%;

		margin-top: 50px;

		box-shadow: 3px 3px 0px #5e6266;

		position: relative;

	}

	.link_box:after {

		content: '';

		height: 68px;

		width: 1px;

		background: #ff0073;

		position: absolute;

		top: 0;

		right: -10%;

	}

	.foot_contact {

		margin-left: 50px;

	}

	.foot_right img {

		display: inline-block;

		vertical-align: middle;

		margin-left: 2%;

		width: 48%;

	}

	.video_item a {

		right: 3.5%;

	}

	.video_item span {

		padding-left: 3.5%;

		padding-right: 18%;

	}

	.day7_class_box {

		width: 90%;

		margin: 0 auto;

	}

	.day7_class_box .class_item {

		padding-left: 60px;

		text-align: left;

	}

	.day7_class_box .class_item span {

		font-size: 20px;

	}

	.day7_class_box .class_item span em {

		padding-right: 10px;

	}

	.coo_item {

		margin-right: 52px;

	}

	.coo_item:nth-child(5n) {

		margin-right: 0px;

	}

	.index_banner_wrap .index-button-prev {

		left: 50%;

		margin-left: -500px;

	}

	.index_banner_wrap .index-button-next {

		right: 50%;

		margin-right: -500px;

	}	

}

@media (max-width: 992px) {

	.i_prac_wrap {

		padding: 20px ;

	}

	.i_class_wrap .a_class_box {

		width: 46%;

		margin-right: 2%;

		margin-left: 2%;

	}

	.index_teacher_box {

		width: 50%;

	}

	.link_box:nth-child(3n+1) {

		margin-left: 2.5%;

	}

	.link_box:nth-child(3n) {

		margin-right: 2.5%;

	}

	.link_box {

		display: block;

		width: 45%;

		float: left;

		padding: 10px 0;

		background: #393b3e;

		text-align: center;

		margin: 0 2.5%;

		margin-top: 50px;

		box-shadow: 3px 3px 0px #5e6266;

		position: relative;

	}

	.link_box:after {

		content: '';

		height: 68px;

		width: 2px;

		background: #ff0073;

		position: absolute;

		top: 0;

		right: -6.5%;

	}

	.link_box:nth-child(3n):after {

		width: 2px;

	}

	.link_box:last-child:after {

		width: 0;

	}

	.foot_middle {

		margin: 20px 0;

	}

	.foot_middle:before,.foot_middle:after {

		content: '';

		width: 0;

		height: 0;

	}

	.foot_contact {

		margin-left: 0px;

	}

	.foot_right {

		text-align: left;

		margin-bottom: 30px;

	}

	.foot_right img {

		display: inline-block;

		vertical-align: middle;

		margin-left: 2%;

		width: auto;

		max-width: 100%;

	}

	.plan_main .col-md-6:nth-child(odd) {

		padding-left: 15px;

	}

	.plan_main .col-md-6:nth-child(even) {

		padding-right: 15px;

	}

	/*各类目粉丝排行榜*/

	.rank_wrap a {

		display: block;

		width: 46%;

		margin-right: 2%;

		margin-left: 2%;

		overflow: hidden;

		-ms-text-overflow: ellipsis;text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical; 

		-webkit-line-clamp: 1;

	}

	.plan_main .free_row .col-md-6:nth-child(odd),.plan_main .free_row.col-md-6:nth-child(even) {

		padding-left: 15px;

		padding-right: 15px;

		margin-bottom: 25px;

	}

	/*======一对一服务===========*/

	.one_top_wrap {

		margin-bottom: 50px;

	}

	.one_top_left,.one_top_right {

		padding-top: 20px;

		padding-bottom: 20px;

		position: relative;

	}

	.one_bottom_wrap .one-1 {

		padding-left: 30px !important;

	}

	.one_bottom_wrap .one-2 {

		padding-right: 30px !important;

	}

	.about_desc {

		text-align: center;

	}

	.about_serve_left {

		padding-left: 15px;

		margin-bottom: 15px;

	}

	.about_serve_right {

		padding-left: 15px;

	}

	.coo_item {

		margin-right: 47px;

	}

	.coo_item:nth-child(5n) {

		margin-right: 47px;

	}

	.coo_item:nth-child(4n) {

		margin-right: 0;

	}

	.pactice_teachers {

		padding: 40px 0;

		background: #fff;

	}

	.teacher_p {

		padding-right: 15px;

		padding-left: 15px;

	}

	.p_teacher_box:last-child .teacher_p {

		padding-left: 15px;

		padding-right: 15px;

	}

	.p_title {

		margin-top: 25px;

	}

	.practice_plan {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.learn_item {

		padding-left: 5%;

		padding-right: 5%;

	}

	.index_banner_wrap .index-button-prev {

		left: 50%;

		margin-left: -450px;

	}

	.index_banner_wrap .index-button-next {

		right: 50%;

		margin-right: -450px;

	}

}

@media (max-width: 768px) {

	.main.on {

		left: -240px;

	}

	header .row>div {

		height: 75px;

	}

	header .logo_wrap {

		line-height: 75px;

		margin-left: 20px;

	}

	.nav_btn {

		display: block;

		width: 30px;

		height: 42px;

		position: absolute;

		right: 20px;

		top: 50%;

		margin-top: -21px;
		cursor:pointer;

	}

	.nav_btn span {

		display: block;

		width: 100%;

		height: 5px;

		background: #ff0073;

		margin: 7px 0;

	}

	.mask {
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 98;
		background: rgba(0,0,0,.7);
		transition: all 0.3s;
	}

	.phone_nav {

		display: block;

		position: fixed;
		/*position: absolute;*/

		top: 0;

		bottom: 0;

		right: -240px;

		width: 240px;

		padding: 50px 30px;

		background: #ff0073;

		z-index: 999;

		overflow: auto;

		transition: all 0.3s;

	}

	.phone_nav.nav_on {

		right: 0;

	}

	.phone_nav .phone_nav_list .phone_nav_item {
		cursor: pointer;
	}

	.phone_nav .phone_nav_list .phone_nav_item>a {

		font-size: 18px;

		color: #fff;

		line-height: 50px;

	}

	.phone_nav .phone_nav_list .phone_nav_item ul li a {

		font-size: 16px;

		color: #fff;

		line-height: 36px;

		padding-left: 20px;

	}

	.phone_nav .phone_nav_list .phone_nav_item ul {

		display: none;

	}

	.phone_nav .phone_nav_list .phone_nav_item:nth-child(2)>a,

	.phone_nav .phone_nav_list .phone_nav_item:nth-child(4)>a,

	.phone_nav .phone_nav_list .phone_nav_item:nth-child(5)>a,

	.phone_nav .phone_nav_list .phone_nav_item:nth-child(7)>a {

		padding-right: 15px;

		background: url('../images/main_icon-4.png') no-repeat right center;

	}

	nav {

		display: none;

	}

	.index_banner_swiper .swiper-slide {

		width: 100%;

		height: 550px;

		background-size: cover;

		background-position: center center;

		background-repeat: no-repeat;

	}

	.banner_title {

		font-size: 50px;

		margin-top: 140px;

	}

	.index_banner_wrap .index-button-prev {

		left: 10%;

		margin-left: 0;

	}

	.index_banner_wrap .index-button-next {

		right: 10%;

		margin-right: 0;

	}

	.index_practice {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.index_freeClass {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.i_class_more {

		width: 250px;

		height: 44px;

		background: #ff0073;

		border-radius: 5px;

		margin: 0 auto; 

		margin-top: 50px;

	}

	.i_class_more a {

		font-size: 18px;

		color: #fff;

		line-height: 44px;

	}

	.index_teachers {

		padding-top: 25px;

		padding-bottom: 25px;

	}	

	.index_links {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.link_box {

		display: block;

		width: 95%;

		float: left;

		padding: 10px 0;

		background: #393b3e;

		text-align: center;

		margin: 0 2.5%;

		margin-top: 30px;

		box-shadow: 3px 3px 0px #5e6266;

		position: relative;

	}

	.link_box:after {

		content: '';

		height: 0;

		width: 0;

	}

	footer {

		padding-top: 30px;

	}

	/*========================热门玩法教程===============*/

	.common_banner_wrap {

		padding-top: 100px;

	}

	.common_banner_title {

		font-size: 50px;

	}

	.plan_item span {

		font-size: 16px;

		padding-right: 35%;

		overflow: hidden;

		-ms-text-overflow: ellipsis;text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical; 

		-webkit-line-clamp: 1;

	}

	.plan_item span em,.video_item span em {

		font-size: 20px;

	}

	.plan_item a,.video_item a {

		position: absolute;

		right: 10px;

		padding: 2px 10px;

	}

	.video_item span {

		font-size: 20px;

		padding-left: 3.5%;

		padding-right: 100px;

		letter-spacing: 2px;

	}

	.video_item span em {

		padding-left: 10px;

	}

	.rank_wrap a {

		font-size: 20px;

	}	

	.hot_img_wrap img {

		display: block;

		max-width: 100%;

		margin-bottom: 10px;

	}

	.img_title {

		margin-top: 25px;

	}

	.teacher_box {

		padding: 50px 20px;

	}

	/*===============案例分析=====================*/

	.case_item a{

		right: 10px;

		font-size: 16px;

		padding: 2px 10px;

	}

	.case_img {

		left: 70px;

	}

	.case_desc_box {

		margin-left: 180px;

	}

	.case_name,.case_desc {

		padding-right: 120px;

		overflow: hidden;

		-ms-text-overflow: ellipsis;text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-box-orient: vertical; 

		-webkit-line-clamp: 1;

	}

	.one_top_left,.one_top_right {

		padding-left: 30px !important;

	}

	.one_top_left dt,.one_top_left dd {

		font-size: 20px;

	}

	.one_top_left dt {

		font-weight: bold;

	}

	.one_top_left:after {

		content: '';

		width: 0;

	}

	.one_top_right ul li {

		font-size: 20px;



	}	

	/*=========================关于我们===================*/

	.about_company {

		padding-top: 25px;

		padding-bottom: 25px;

	}

	.about_co_name {

		font-size: 24px;

		color: #ff0073;

		font-weight: bold;

		line-height: 70px;

	}

	.coo_item_box {

		text-align: center;

	}

	.coo_item {

		display: inline-block;

		float: none;

		margin-left: 10px;

		margin-right: 10px;

	}

	.coo_item:nth-child(5n) {

		margin-right: 10px;

	}

	.coo_item:nth-child(4n) {

		margin-right: 10px;

	}

	.practice_main {

		padding-top: 25px;

	}

	.learn_title {

		font-size: 24px;

	}

	.learn_list li,.learn_train {

		font-size: 20px;

	}

	.for_you {

		padding: 45px 10px;

	}

	.for_you p {

		font-size: 20px;

	}

	.practice_other dt,.practice_other dd {

		font-size: 20px;

		line-height: 40px;

	}

	.practice_other dd {

		color: #707070;

		padding-left: 45px;

	}

	.practice_vip {

		padding-top: 60px;

		padding-bottom: 25px;

		background: #fff;

	}

	.nav_line {

		height: 3px;

		background: #ff0073;

		position: absolute;

		top: 35px;

		left: 0;

		transition:all 0.5s;

	}

}

@media (max-width: 500px) {

	.foot_contact {

		width: 30%;

	}

	.foot_contact_desc {

		width: 70%;

		margin-left: 0;

		padding-left: 35px;

	}

}

@media (max-width: 440px) {

	.index_teacher_box {

		width: 100%;

	}

}
@media (max-width: 768px) {
	.practice_vip{
		padding: 15px;
	}
	.about_vip_lg .vip_item{
		float: none;
		margin-right: 0;
		width: 100%;
	}
}


.inner_top{
	max-width: 1200px;
	margin:0 auto;
	background: #fff;
	padding: 30px 120px;
}
.inner_top .left{
	width: 80%;
	float: left;
	text-align: left;
	padding-right: 15px;
}
.inner_top .left h1{
	font-size: 33px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f2f6fa;
	margin-bottom: 25px;				
}
.inner_top .left p{
	font-size: 18px;
	color: #707070;
}
.inner_top .left p span{
	color: #ff0073;
}
.inner_top .right{
	width: 20%;
	float: left;
}
.inner_top .right img{
	display: block;
	max-width: 100%;
	margin:0 auto;
}
.inner_banner{
	height: auto;
	padding-bottom: 30px;
	padding-right: 15px;
	padding-left: 15px;
}

.inner_main{
	padding-top: 60px;
	padding-bottom: 50px;
}
.inner_main .inner_con{
	background: #fcfdfd;
	padding: 20px;
}
.inner_main .inner_con p{ padding-bottom:15px}
.inner_main .inner_con iframe{
	width: 100%;
	max-width: 100%;
	height: 450px;
}
.inner_main .hot_ul{
	background: #fcfdfd;
	padding: 20px;
	margin-bottom: 25px;
}
.inner_main .hot_ul h2{
	font-size: 22px;
	color: #010101;
	padding-left: 20px;
	background: url(../images/fire.png) no-repeat left center;
	margin-bottom: 20px;
}
.inner_main .hot_ul li{
	line-height: 45px;
	border-bottom: 1px solid #e7eaef;
}
.inner_main .hot_ul li a{
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px;
	color: #000;				
	position: relative;
}
.inner_main .hot_ul li a:hover{
	color: #ff0073;
}
.inner_main .code_box{
	background: #fcfdfd;
	text-align: center;
	padding: 20px 15px;
}
.inner_main .code_box p{
	margin-bottom: 15px;
}
.inner_main .code_box img{
	display: block;
	max-width: 100%;
	margin:0 auto;
}
@media (max-width: 960px) {
	.inner_top .right,.inner_top .left{
		width: 100%;
		float: none;
	}
	.inner_top{
		padding-right: 15px;
		padding-left: 15px;
	}
	.inner_top .right{
		margin-top: 25px;
	}
	.inner_main .inner_con{
		margin-bottom: 35px;
	}
	.inner_main{
		padding-right: 0;
		padding-left: 0;
	}
}
.sin_slogen{
	float:left;
	line-height:95px;
	font-size:16px;
	font-weight:bold;
	padding-left:40px !important;
	background:url(../images/icon_tv.png) no-repeat left 26px;
	margin-right:50px;
}
header .row .col-md-3{
	margin-right:90px;
}
.sin_erer{
	float:right;
	margin-top:6px;
}
.sin_slogen:nth-child(3){
	margin-right:0;
	background:url(../images/icon_dio.png) no-repeat left 26px;
}
@media (max-width:1200px){
.sin_erer{
	display:none;
}
}
@media (max-width:992px){
.sin_erer{
	display:block;
}
.sin_slogen{
	display:none;
}
}
@media (max-width:768px){
.sin_erer{
	display:none;
}
.sin_slogen{
	display:none;
}
}


/* 织梦帮模板（91084.com）做专业的网站模板、网站建设平台 */