@media only screen and (max-width:1200px) {
	.banner_tip {
		position: absolute;
		top: 450px;
		left: 61%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 40px;
		padding: 20px 0;
		width: 1100px;
		height: 110px;
		box-sizing: border-box;
		font-size: 30px;
		color: #021626;
		background-color: #fff;
		/* box-shadow: 3px 3px 8px 0 #f5f5f5;*/
		border-radius: 16px;
		z-index: 99;
	}
	body {
		min-width: 1200px;
	}
}

@media only screen and (min-width:1200px) {
	.banner_tip {
		position: absolute;
		top: 450px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		bottom: 40px;
		padding: 20px 0;
		width: 1100px;
		height: 110px;
		box-sizing: border-box;
		font-size: 30px;
		color: #021626;
		background-color: #fff;
		/* box-shadow: 3px 3px 8px 0 #f5f5f5;*/
		border-radius: 16px;
		z-index: 99;
	}
}


/*.banner_tip {
    position: absolute;
    top: 450px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 40px;
    padding: 20px 0 ;
    width: 1100px;
    height: 110px;
    box-sizing: border-box;
    font-size: 30px;
    color: #021626;
    background-color: #fff;
    border-radius: 16px;
    z-index: 99;
}*/

.sei {
	height: 30px;
	font-size: 16px;
}

.seif {
	float: left;
	width: 130px;
	border-right: 1px solid #f3f3f3;
	color: #757575;
	text-align: center;
}

.seif1 {
	float: left;
	margin-left: 20px;
}

.seiprice {
	font-size: 30px;
	color: #f34c4c;
	line-height: 59px;
}

.seitext {
	font-size: 14px;
	color: #FFFFFF;
	padding: 13px 20px;
	background: #f13737;
	border-radius: 4px;
	margin-top: 15px;
}

.seititle {
	font-size: 14px;
	text-align: center;
}

.ceblock {
	position: absolute;
	right: 0;
	background: #FFFFFF;
	margin-top: 37px;
}

.ceblockh {
	width: 270px;
	height: 50px;
	margin: 0 auto;
	border: 1px solid #adadad;
	margin-top: 30px;
}

.clears {
	clear: both;
}

.floats {
	float: left;
}

.cehs {
	float: left;
	margin-top: 5px;
}

.cehsm {
	padding-top: 13px;
}

.cehx {
	color: #FFFFFF;
	background: #454858;
	float: right;
	height: 17px;
	width: 100px;
	margin-top: 0;
	text-align: center;
	padding: 17px 0;
}

.cebj {
	margin-top: 20px;
	margin-left: 25px;
}

.cebjc {
	float: left;
}

.cebimgin {
	float: left;
	width: 70px;
	height: 70px;
	overflow: hidden;
	border-radius: 70px;
}

.cebimg {
	width: 70px;
	height: 70px;
}

.cebjinfo {
	float: left;
	height: 40px;
	margin-left: 20px;
	width: 60%
}

.cebximgin {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 40px;
}

.cebxst {
	margin-top: 10px;
	width: 40px;
	text-align: center;
}

.cebx {
	margin-left: 20px;
	margin-top: 30px;
}

.cebximg {
	width: 40px;
	height: 40px;
}

.cebbt {
	font-size: 17px;
	color: #333333;
}

.cebst {
	font-size: 12px;
	margin-top: 10px;
	text-align: left;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #999999;
}

#banner4_list {
	height: 445px;
	overflow: hidden;
}

.kaitext {
	background: rgba(0, 0, 0, 0.5);
	width: 269px;
	z-index: 99;
	position: relative;
	top: -280px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	display: block;
}

.suotext {
	background: rgba(0, 0, 0, 0.5);
	height: 170px;
	width: 270px;
	z-index: 99;
	position: relative;
	top: -340px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 17px;
	background-image: url(/themes/codingnew-1/img/study/clock.png);
	background-repeat: no-repeat;
	background-position: 50% 20%;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding-top: 40%;
	border-radius: 20px;
	display: block;
}

.suotext1 {
	background: rgba(0, 0, 0, 0.5);
	height: 170px;
	width: 270px;
	z-index: 99;
	position: relative;
	top: -170px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 17px;
	background-image: url(/themes/codingnew-1/img/study/clock.png);
	background-repeat: no-repeat;
	background-position: 50% 20%;
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	padding-top: 40%;
	border-radius: 20px;
	padding-top: 0;
	display: none;
	transform: rotateY(-90deg);
	background: #f5f5f5;
	display: block;
}

.ke {
	height: 557px;
	height: auto;
}

.afont {
	font-size: 16px;
	background: #f01414;
	margin-left: 10px;
	padding: 15px 25px;
	position: relative;
	top: -4px;
	color: #FFFFFF;
	border-radius: 5px;
}

.afontafter {
    font-size: 16px;
    background: #ffffff;
	border: 2px solid #f01414;
    margin-left: 10px;
    padding: 13px 25px;
    position: relative;
    top: -4px;
    color: #f01414;
    border-radius: 5px;
}

.table-c table {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.table-c table td {
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	height: 50px;
}

.table-c table td:nth-child(1) {
	width: 80%
}

.table-c table td:nth-child(2) {
	width: 20%;
	text-align: center;
}

.table-c {
	padding: 40px 30px;
}

.clears {
	clear: both;
}

.table-c table td a {
	border-bottom: 1px solid #28aa4c;
	color: #28aa4c;
}

.table-c table td img {
	vertical-align: middle;
	margin-left: 20px;
	margin-right: 10px;
}

.table-c table td span {
	padding-bottom: 5px;
}

.study_xiazai {
	padding: 40px 30px;
}

.study_xiazaiblock {
	margin-bottom: 40px;
}

.study_xiazaititle {
	padding: 10px;
	background: #28aa4c;
	color: #FFFFFF;
	font-size: 20px;
	float: left;
}

.study_xiazaitiao {
	margin-left: 2px;
	border: 1px solid #28aa4c;
	float: left;
	height: 44px;
}

.study_xiazaitext {
	margin-top: 40px;
	font-size: 16px;
	margin-left: 20px;
}

.study_xiazaitext img {
	vertical-align: middle;
	margin-right: 10px;
}

.study_xiazaitext a {
	margin-left: 20px;
	border-bottom: 1px solid #28aa4c;
	color: #28aa4c;
}

.study_myblock {
	margin-bottom: 15px;
	background: #FFFFFF;
	padding: 20px 0px 15px 20px;
	border-bottom: 2px solid #fafafa;
}

.study_myblockq {
	font-size: 16px;
	margin-bottom: 18px;
}

.study_myblockq img {
	vertical-align: bottom;
}

.study_myblocks {
	font-size: 10px;
	padding: 5px 0;
	border-radius: 4px;
	width: 30%;
	text-align: center;
	color: #FFFFFF;
}

.table-cs {
	padding: 40px 30px;
}

.table-cs table {
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

.table-cs table td {
	border-left: 1px solid #e9e9e9;
	border-top: 1px solid #e9e9e9;
	height: 50px;
}

.table-cs_textali {
	text-align: center;
}

.study_zuoyeb {
	padding: 0px 15px 50px 15px;
}

.study_zuoyeti {
	color: #008000;
	margin-top: 15px;
}

.study_zuoyetx {
	margin-top: 15px;
}

.study_zouyexia {
	width: 50%;
}

.study_zouyepad {
	padding-left: 15px;
}

.table-cs table img {
	vertical-align: middle;
}

.tijiaobutton {
	padding: 5px 10px;
	background: #008000;
	border-radius: 4px;
	color: #FFFFFF;
	margin-left: 10px;
}

.chakan {
	margin-left: 10px;
	display: none;
}

.navs {
	width: 1200px;
	margin: 0 auto;
	line-height: 40px;
}

.navs a {
	color: #000000;
	text-decoration: none;
}

.navsa:hover {
	color: #1468ca;
}

.study_myblocks1 {
	background: #c5c314;
}

.study_myblocks2 {
	background: #196a2f;
}

.stusy_myblocks3 {
	background: #992020
}

.zhuan {
	animation-name: myfirst;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-delay: 0s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
	-webkit-animation-name: myfirst;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
}

@keyframes myfirst {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(90deg);
	}
}

@-webkit-keyframes myfirst {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(90deg);
	}
}

.zhuans {
	animation-name: myfirsts;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-play-state: running;
	animation-fill-mode: forwards;
	-webkit-animation-name: myfirsts;
	-webkit-animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-direction: normal;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;
}

@keyframes myfirsts {
	from {
		transform: rotateY(270deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

@-webkit-keyframes myfirsts {
	from {
		transform: rotateY(270deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

.indexnav_textblock {
	z-index: 99;
	color: #FFFFFF;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 20px;
	width: 100%
}

.indexnav_text {
	width: 1200px;
	margin: 0 auto;
	letter-spacing: 2px;
}

.indexnav_title {
	font-size: 110px;
	margin-top: 20px;
	text-align: center;
	letter-spacing: 10px;
	text-shadow: 5px 5px 0 #c91541, 7px 7px 0 #e8cc30;
}

.indexnav_span {
	font-size: 16px;
	margin-top: 50px;
	line-height: 30px;
	text-align: center;
	padding: 0 131px;
}

.indexnav_span1 {
	font-size: 18px;
	margin-top: 50px;
}

.indexnav_span2 {
	margin-left: 40px
}

.g_course_list .g_course_item {
	display: block;
	line-height: 24px;
	font-size: 16px;
	width: 290px;
	overflow: hidden;
}

.g_course_list .g_course_item .img {
	width: 270px;
	height: 170px;
	overflow: hidden;
	border-radius: 20px;
}

.g_course_list li {
	float: left;
	margin-left: 7px;
}

.g_m2 .g_main .g_banner_box {
	height: 445px;
	width: 300px;
}

.g_course_list .g_course_item .imgs {
	width: 270px;
	height: 170px;
	overflow: hidden;
	border-radius: 20px;
}

.imgblock1 {
	width: 270px;
	height: 170px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	top: -170px;
	transform: rotateY(270deg);
}

.imgdtext {
	position: relative;
	top: -50px;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-size: 16px;
}

.kaitextss {
	background: rgba(0, 0, 0, 0.5);
	width: 269px;
	z-index: 99;
	position: relative;
	top: -134px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	display: block;
	/* position: relative; */
}

.imgblock1s {
	width: 270px;
	height: 170px;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	top: -170px;
	transform: rotateY(270deg);
}

.banner_box {
	position: absolute;
	left: 50%;
	top: 0;
	width: 1920px;
	height: 612px;
	margin-left: -960px;
	overflow: hidden;
}

.banner {
	position: relative;
	z-index: 1;
	height: 612px;
	overflow: hidden;
}

.banner_tip {
	position: absolute;
	top: 640px;
	/*left: 61%;*/
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 40px;
	padding: 28px 15px;
	width: 1196px;
	height: 116px;
	box-sizing: border-box;
	font-size: 30px;
	color: #021626;
	background-color: #fff;
	/* box-shadow: 3px 3px 8px 0 #f5f5f5; */
	border-radius: 16px;
	z-index: 99;
	box-shadow: 0px 4px 5px #f8f8f8;
}

.uplot {
	margin-left: 10px;
	color: #65ba7c;
	border-bottom: 1px solid #65ba7c;
	cursor: pointer;
}

.study_zouyepad a {
	color: #65ba7c;
}

.bannerfoot {
	text-align: center;
	margin-top: 50px;
	font-size: 18px;
}

.bannerfoot span {
	padding: 10px 104px;
	border-radius: 20px;
	background: linear-gradient(to right, #fe2509, #ff730c);
	/*background: #fff;*/
	color: #ffffff;
}

.fontsize20 {
	font-size: 26px;
	color: #435465;
}

.snav {
	text-align: center;
	margin-top: 84px;
	font-size: 20px;
	line-height: 54px;
}

.snavs {
	padding: 14px 40px;
	cursor: pointer;
}

.snavactive {
	color: red;
	border-bottom: 1px solid red;
}

.chuanheade {
	padding-top: 50px;
	min-height: 700px;
	padding-bottom: 100px;
}

.chuantitle {
	text-align: center;
	font-size: 36px;
	margin-top: 0px;
	letter-spacing: 3px;
	color: #333333;
}

.chuangtitlelineh {
	line-height: 55px;
}

.chuanblockimgin {
	position: relative;
	top: 20px;
	left: 183px;
	height: 34px;
	width: 34px;
}

.copen {
	display: none;
}

.cclock {
	display: block;
}

.blocks {
	width: 200px;
	height: 207px;
	overflow: hidden;
	background: #FFFFFF;
	margin-right: 23px;
	margin-top: 0px;
	border-radius: 10px;
}

.blockshead {
	height: 43px;
	background: #454858;
	border-radius: 10px 10px 0 0;
	line-height: 43px;
	font-size: 14px;
	padding-left: 20px;
	color: #FFFFFF;
}

.blockszhe {
	display: block;
	width: 200px;
	height: 164px;
	background: rgba(69, 72, 88, 0.75);
	position: relative;
	top: 20px;
	background-image: url(/themes/codingnew-1/img/study/clock.png);
	background-repeat: no-repeat;
	background-position: 50% 30%;
	background-size: 40px;
}

.blockszhes {
	display: none;
	width: 200px;
	height: 164px;
	background: rgba(69, 72, 88, 0.75);
	position: relative;
	top: 20px;
	background-image: url(/themes/codingnew-1/img/study/clock.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 40px;
}

.blockstitle {
	font-size: 16px;
	color: #404040;
	line-height: 30px;
}

.blockstext {
	font-size: 12px;
	color: #898989;
	line-height: 30px;
}

.cehs img {
	margin-top: 3px;
}

#floats {
	box-shadow: 0px 1px 5px #d2d5d7;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
	background: #FFFFFF;
	display: none;
}

.floatsdiv {
	width: 1198px;
	height: 60px;
	margin: 0 auto;
	color: #202020;
	font-size: 16px;
}

.floatstitle {
	line-height: 60px;
}

.floatsline {
	float: right;
	padding: 22px 0;
}

.floatsbutton {
	padding-bottom: 20px;
	margin-right: 40px;
	cursor: pointer;
}

.floatsprice {
	margin-right: 5px;
	color: red;
}

.floatsactive {
	border-bottom: 1px solid red;
	color: #f34c4c;
}

.ssblock {
	padding: 15px;
	height: 180px;
}

.ssblockzi {
	color: #ffffff;
	font-size: 18px;
	padding-top: 50%;
	padding-left: 30%;
}

#bg1 {
	background-image: url("/themes/codingnew-1/img/study/study_ibg1.jpg");
	background-repeat: no-repeat;
	background-size: 1920px 913px;
	background-position: center;
}

#bg2 {
	background-image: url("/themes/codingnew-1/img/study/study_ibg2.jpg");
	background-repeat: no-repeat;
	background-size: 1920px 780px;
	background-position: center;
}

.fixedd {
	margin-left: 40px;
	padding: 10px 30px;
	background: #f01414;
	color: #FFFFFF;
	border-radius: 5px;
	cursor: pointer;
}
.fixeddafter {
	margin-right: 40px;
	padding: 8px 28px;
	background: #ffffff;
	color: #f01414;
	border-radius: 5px;
	cursor: pointer;
	border: 2px solid #f01414;
}

.study_listpage {
	width: 100%;
	background: #f5f5f5;
}

.study_listpin {
	width: 1200px;
	margin: 0 auto;
	padding: 38px 0;
}

.study_listfixed {
	padding: 30px 0 30px 0;
	font-size: 16px;
	width: 163px;
	background: #FFFFFF;
	position: unset;
	/*top: 577px;*/
	text-align: center;
	border-radius: 10px;
	float: left;
}

.study_listfitext {
	cursor: pointer;
	margin-bottom: 40px;
	color: #424242;
}

.study_listfiactive {
	border-left: 2px solid #23a446;
	color: #23a446;
}

.study_listblock {
	padding: 20px;
	border-radius: 10px;
	width: 972px;
	background: #FFFFFF;
	margin-left: 188px;
	margin-bottom: 38px;
}

.study_listcfloat {
	height: 156px;
}

.study_listcfloat:before {
	clear: both;
}

.study_listcfloat:after {
	clear: both;
}

.floatf {
	float: left;
}

.study_listcfloat img {
	width: 276px;
	height: 156px;
}

.study_listtextblock {
	margin-left: 28px;
	width: 654px;
}

.study_listtbtitle {
	color: #424242;
	font-size: 20px;
	letter-spacing: 3px;
}

.study_liststext {
	line-height: 50px;
	color: #505050;
}

.study_listprice {
	margin-left: 15px;
	color: #23a446;
	margin-right: 40px;
}

.study_listbtext {
	color: #989898;
	letter-spacing: 1px;
	line-height: 24px;
	font-size: 14px;
}

.study_listtian {
	color: #909090;
	font-size: 12px;
	line-height: 45px;
}

.study_liststext a {}

.study_list_tian {
	margin-left: 6px;
	margin-right: 16px;
	color: #3a3a3a;
}

.study_listxianx {
	margin-right: 16px;
	color: #18973a;
}

.study_listxians {
	padding: 10px 15px;
	letter-spacing: 2px;
	background: #35b558;
	color: #FFFFFF;
	border-radius: 5px;
}

.hand {
	cursor: pointer;
}

.c4 {
	background-color: #f4f4f4;
	height: 937px;
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 14px
}

.warp {
	width: 1100px;
	margin: 0 auto;
}

.clearfix {
	zoom: 1;
}

.c4 .warp>div:nth-child(1) {
	width: 349px;
	margin-right: 101px;
}

.fl {
	float: left;
}

.c4 .warp>div:nth-child(1)>div {
	position: relative;
	width: 349px;
	height: 355px;
}

.c4 .warp>div:nth-child(1)>div>img {
	margin-bottom: 13px;
}

img {
	vertical-align: top;
	border: none;
}

.c4 .warp>div:nth-child(1)>div>div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	display: table;
	-webkit-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	opacity: 0;
}

.c4 .warp>div:nth-child(1)>div>div>p {
	display: table-cell;
	font-size: 15px;
	line-height: 30px;
	word-break: break-all;
	color: #fff;
	vertical-align: middle;
	padding: 0 20px;
}

.c4 .warp>div:nth-child(1)>h3 {
	height: 34px;
	font-size: 20px;
	line-height: 34px;
	color: #000;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.c4 .warp>div:nth-child(1)>h3 span {
	font-size: 18px;
	line-height: 34px;
	color: #666;
	margin-left: 20px;
	font-weight: normal;
}

.clearfix {
	zoom: 1;
}

ol,
ul {
	list-style: none;
}

.c4 .warp>div:nth-child(1)>ul>li {
	height: 32px;
	font-size: 15px;
	line-height: 32px;
	color: #797979;
	border: 1px solid #797979;
	padding: 0 14px;
	margin-right: 15px;
	margin-bottom: 11px;
	border-radius: 6px;
}

.c4 .warp>div:nth-child(1) a {
	font-size: 16px;
	line-height: 30px;
	color: #fd213f;
	position: relative;
	width: 100px;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
}

a {
	text-decoration: none;
}

.c4 .warp>div:nth-child(2) {
	position: relative;
	width: 650px;
	padding-top: 36px;
}

.c4 .warp>div:nth-child(2) h3 {
	font-size: 20px;
	line-height: 30px;
	color: #000;
}

.c4 .warp>div:nth-child(2) h2 {
	font-size: 22px;
	line-height: 34px;
	color: #fd213f;
	margin-bottom: 32px;
}

.c4 .warp>div:nth-child(2)>ul {
	margin-bottom: 14px;
}

.c4 .warp>div:nth-child(2)>ul li {
	height: 66px;
	margin-bottom: 20px;
	margin-right: 16px;
	min-width: 308px;
}

.c4 .warp>div:nth-child(2) .c4-pj {
	padding-top: 12px;
	border-top: 1px dashed #d7d7d7;
}

.c4 .warp>div:nth-child(2) .c4-pj h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	color: #fd213f;
}

.c4 .warp>div:nth-child(2) .c4-pj li {
	margin-bottom: 24px;
}

.c4 .warp>div:nth-child(2) .c4-pj li img {
	margin-right: 14px;
}

.c4 .warp>div:nth-child(2) .c4-pj li p {
	font-size: 15px;
	line-height: 25px;
	width: 582px;
}

.clearfix {
	zoom: 1;
}

.c4 .warp>div:nth-child(2)>ul li img {
	margin-right: 18px;
}

.c4 .warp>div:nth-child(2)>ul li p {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	padding-top: 6px;
}

.c4 .warp>div:nth-child(2)>ul {
	margin-bottom: 14px;
}

.c4 .warp>div:nth-child(2) .c4-pj li {
	margin-bottom: 24px;
}

.study_xi {
	height: 250px;
}

.study_xi li {
	height: 50px;
	margin-bottom: 24px;
}

.c10 {
	height: 800px;
}

.c10 .warp {
	padding-top: 34px;
	padding-bottom: 40px;
}

.warp {
	width: 1100px;
	margin: 0 auto;
}

.c10 .warp .tit {
	margin-bottom: 55px;
}

.tit {
	text-align: center;
	padding: 16px 0;
	margin-bottom: 28px;
}

.tit>div {
	display: inline-block;
	position: relative;
}

.tit>div p {
	font-size: 18px;
	line-height: 28px;
	color: #666;
	text-align: center;
}

.tit>div h2 {
	font-size: 32px;
	line-height: 48px;
	color: #000;
	font-weight: bold;
}

.tit>div h2 span {
	color: #fd203f;
}

.c10 .warp>div:nth-child(2) .c10-cont-l {
	width: 360px;
	margin-right: 58px;
	text-align: center;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div {
	height: 324px;
	background-image: url(http://www.mobiletrain.org/images/qf-redhat/c8-pic-10.png);
	text-align: center;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>p:nth-child(1) {
	color: #ff5467;
	padding-top: 20px;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>p {
	font-size: 18px;
	line-height: 32px;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>p:nth-child(2) {
	color: #b27625;
	margin-top: 26px;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>p:nth-child(3) {
	color: #1e6dd1;
	margin-top: 30px;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>p:nth-child(4) {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-top: 38px;
	margin-bottom: 4px;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>div>h3 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
}

.c10 .warp>div:nth-child(2) .c10-cont-l>a {
	width: 278px;
	margin-top: 40px;
}

.btn {
	display: inline-block;
	background-color: #ff2240;
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	border-radius: 8px;
}

.boxfloat:hover {
	-webkit-transform: translate3d(-2px, -3px, 0);
	-ms-transform: translate3d(-2px, -3px, 0);
	-o-transform: translate3d(-2px, -3px, 0);
	transform: translate3d(-2px, -3px, 0);
	-webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.5);
}

.boxfloat {
	-webkit-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

.linux_block1 {
	height: 913px;
	width: 100%;
	background-image: url(/themes/codingnew-1/img/study/linux_block1bg.jpg);
	background-repeat: no-repeat;
	background-size: 1920px 913px;
	background-position: 50% 50%;
}

.linux_block1 .title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block1titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 70px;
}

.linux_block1 .title span:nth-of-type(1) {
	color: #f21131;
	font-size: 94px;
	font-style: oblique;
}

.linux_block1 .title span:nth-of-type(2) {
	font-size: 56px;
}

.linux_block1 .title span:nth-of-type(3) {
	color: #f21131;
	font-size: 60px;
}

.linux_b1 {
	width: 904px;
	margin: 0 auto;
}

.linux_b1 .b1 {
	margin-right: 90px;
}

.linux_b1 .b2 {
	margin-left: 90px;
}

.linux_b1_block {
	width: 362px;
	height: 500px;
	background: #d80f3f;
	float: left;
	border-radius: 0 0 362px 362px;
	box-shadow: 0px 0px 10px #d80f3f;
}

.linux_b1_block .stitle {
	color: #ffffff;
	font-size: 40px;
	text-align: center;
	margin-top: 44px;
}

.linux_line {
	border: 2px solid #ffffff;
	width: 60px;
	margin: 0 auto;
	margin-top: 27px;
}

.rea {
	width: 25px;
	height: 25px;
	background: #ffffff;
	text-align: center;
	margin: 47px auto 0 auto;
	color: #ffffff;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	/* IE 9 */
	-webkit-transform: rotate(45deg);
	/* Safari and Chrome */
}

.linux_nums {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	/* IE 9 */
	-webkit-transform: rotate(-45deg);
	/* Safari and Chrome */
	color: #d80f3f;
	font-size: 18px;
}

.linux_block1_text {
	width: 290px;
	margin: 17px auto 0 auto;
	color: #ffffff;
	font-size: 20px;
	text-align: center;
}

.linux_block2 {
	height: 823px;
	width: 100%;
	background-image: url(/themes/codingnew-1/img/study/linux_block2bg.jpg);
	background-repeat: no-repeat;
	background-size: 1920px 823px;
	background-position: 50% 50%;
}

.linux_block2_title {
	font-size: 62px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding-top: 60px;
	line-height: 104px;
}

.linux_block2_title_span2 {
	color: #e8f60a;
}

.linux_block2_title_text {
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	line-height: 35px;
	margin-top: 30px;
}

.linux_block2_img {
	text-align: center;
	margin-top: 50px;
}

.linux_block2_img img {
	width: 1106px;
	height: 471px;
}

.linux_block3 {
	background: #ffffff;
	height: 800px;
}

.linux_block3_title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block1titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 60px;
	padding-top: 20px;
}

.linux_block3_title span:nth-of-type(2) {
	color: #e31546;
	font-size: 90px;
}

.linux_block3_text {
	width: 900px;
	margin: 0 auto;
	font-size: 24px;
	text-align: center;
}

.linux_block3_text span:nth-of-type(1) {
	color: #e31646;
}

.linux_block3_imgin {
	text-align: center;
}

.inux_block3_imgin img {
	margin: 0 20px;
}

.linux_block4 {
	background: #f8f8f8;
	height: 900px;
}

.linux_block4_title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block1titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 60px;
	padding-top: 20px;
}

.linux_block4_title span:nth-of-type(2) {
	color: #e31546;
}

.linux_block4_imgin {
	text-align: center;
}

.linux_block5_title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block1titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 60px;
	padding-top: 20px;
}

.linux_block5_title_span1 {
	color: #e31646;
	font-size: 100px;
}

.linux_block5_title_span2 {
	color: #343434;
	font-size: 60px;
}

.linux_block6_title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block1titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 60px;
	padding-top: 20px;
}

.linux_block6_title_span1 {
	color: #333333;
	font-size: 60px;
}

.linux_block6_title_span2 {
	color: #e31646;
	font-size: 80px;
}

.linux_block7 {
	height: 1013px;
	width: 100%;
	min-width: 1280px;
	background-image: url(/themes/codingnew-1/img/study/linux_block6_bg.jpg);
	background-repeat: no-repeat;
	background-size: 1920px 1013px;
	background-position: 50% 50%;
}

.linux_block7_title {
	text-align: center;
	width: 100%;
	height: 185px;
	background-image: url(/themes/codingnew-1/img/study/linux_block7_titlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 50%;
	line-height: 185px;
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 60px;
	padding-top: 20px;
	color: #ffffff;
}

.linux_block7_title_span {
	color: #f5f206;
}

.linux_block7_imgin {
	text-align: center;
}

.linux_lastrightblock {
	text-align: center;
	width: 602px;
	height: 707px;
}

.linux_lastrightblock_button {
	padding: 20px 80px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 26px;
	background: #e21e4c;
	cursor: pointer;
}

.linux_lastrightblockdiv1 {
	margin-top: 200px;
	font-size: 40px;
	line-height: 70px;
}

.linux_lastrightblockdiv2 {
	margin-top: 80px;
}

.linux_block8_in {
	width: 1204px;
	margin: 0 auto;
}

.html5_blocks {
	background-image: url(/themes/codingnew-1/img/study/html5/html5_blocks_imgtitlebg.png);
}

.html5_block8 {
	height: 1072px;
	width: 100%;
}

.html5_block8_title {
	font-size: 60px;
	text-align: center;
	color: #313131;
	margin-top: 85px;
	font-weight: bold;
}

.html5_block8_imgin {
	width: 1200px;
	margin: 80px auto 0 auto;
}

.html5_block9 {
	height: 260px;
	width: 100%;
	background: #dc4d22;
}

.html5_block9_button {
	text-align: center;
}

.html5_block9_button span:nth-of-type(2) {
	color: #ffffff;
	background: #ff0000;
	padding: 10px 50px;
	font-size: 25px;
	border-radius: 5px;
	margin-left: 40px;
	cursor: pointer;
}

.html5_block9_button span:nth-of-type(1) {
	color: #ffffff;
	padding: 10px 50px;
	font-size: 25px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	margin-right: 40px;
	cursor: pointer;
}

.html5_block9_title {
	padding: 60px 0 60px 0;
	font-size: 50px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
}

.html5_inputin {
	text-align: center;
}

.html5_block5_title {
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 60px;
}

.html5_block5_title_span1 {
	color: #313131;
}

.html5_block5_title_span2 {
	color: #ea4411;
}

.html5_block1 {
	height: 800px;
	width: 100%;
	background: #f6f6f9;
}

.html5_block1 .title {
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	padding: 60px 0;
}

.html5_block1 span:nth-child(2) {
	color: #c93406;
}

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

.html5_sblock {
	text-align: center;
	width: 287px;
	font-size: 17px;
	color: #3f3f3f;
	letter-spacing: 1px;
	background: #ffffff;
	margin: 0 10px;
}

.html5_stitle {
	color: #f01414;
	font-size: 22px;
	margin: 20px 0;
}

.html5_stext {
	padding: 0 10px;
	margin-bottom: 30px;
}

.html5_block1_button {
	margin-top: 85px;
	text-align: center;
	animation-delay: 1.5s;
}

.html5_block1_button span {
	font-size: 24px;
	color: #ffffff;
	padding: 20px 140px;
	background: #ea4411;
	border-radius: 5px;
}

.html5_block2 {
	height: 1500px;
	background: #292d32;
}

.html5_block2 .title {
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	padding: 60px 0 40px 0;
	color: #ffffff;
}

.html5_block2_stitle {
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	animation-delay: 0.2s;
}

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

.html5_block2_img {
	margin-top: 80px;
}

.html5_block2_imgmar {
	margin-left: 13px;
}

.html5_block2_imgmart {
	margin-top: 16px;
}

.html5_block2_animal div:nth-of-type(1) {
	animation-delay: 0s;
}

.html5_block2_animal div:nth-of-type(2) {
	animation-delay: 0.2s;
}

.html5_block2_animal div:nth-of-type(3) {
	animation-delay: 0.4s;
}

.html5_block2_animal div:nth-of-type(4) {
	animation-delay: 0.6s;
}

.html5_block2_animal div:nth-of-type(5) {
	animation-delay: 0.8s;
}

.html5_block2_animal div:nth-of-type(6) {
	animation-delay: 1s;
}

.html5_block2_animal div:nth-of-type(7) {
	animation-delay: 1.2s;
}

.html5_block2_animal div:nth-of-type(8) {
	animation-delay: 1.4s;
}

.html5_block2_animal div:nth-of-type(9) {
	animation-delay: 1.6s;
}

.html5_block2_animal div:nth-of-type(10) {
	animation-delay: 1.8s;
}

.html5_block2_animal div:nth-of-type(11) {
	animation-delay: 2s;
}

.html5_block3 {
	background-image: url("/themes/codingnew-1/img/study/html5/html5_block3_bg.jpg");
	background-repeat: no-repeat;
	background-size: 1920px 1146px;
	background-position: 50% 50%;
	height: 1146px;
}

.html5_block3 .title {
	font-size: 60px;
	text-align: center;
	font-weight: bold;
	padding: 60px 0 40px 0;
	color: #151515;
}

.html5_block3 .title span:nth-of-type(2) {
	color: #ea4411;
}

.html5_block3_imgin {
	text-align: center;
}

.html5_block3_button {
	text-align: center;
	margin-top: 60px;
}

.html5_block3_button span {
	font-size: 24px;
	color: #ffffff;
	padding: 20px 140px;
	background: #ea4411;
	border-radius: 5px;
}

.html5_block4 {
	text-align: center;
	margin-top: 60px;
	height: 1230px;
	background: #ffffff;
}

.html5_block4 .title {
	font-size: 60px;
	font-weight: bold;
	text-align: center;
}

.html5_block4 .title span:nth-last-of-type(2) {
	color: #ea440f;
}

.html5_block4_teimg {
	width: 376px;
	height: 496px;
	position: relative;
	top: -41px;
}

.html5_block4_textin {
	width: 746px;
	margin-left: 40px;
	text-align: left;
}

.html5_block4_textin div:nth-of-type(1) {
	color: #3e3e3e;
	font-size: 30px;
	font-weight: bold;
	line-height: 90px;
	margin-top: 20px;
}

.html5_block4_textin div:nth-of-type(2) {
	margin-bottom: 50px;
}

.html5_block4_textin div:nth-of-type(2) span {
	font-size: 24px;
	color: #ffffff;
	background: #ea4411;
	padding: 5px 10px
}

.html5_block4_textin div:nth-of-type(3) {
	font-size: 16px;
	color: #656565;
	line-height: 40px;
}

.html5_block4_sblock {
	margin-top: 50px;
}

.html5_block4_sblock_title {
	color: #353535;
	font-size: 40px;
}

.html5_block4_sblock_text {
	color: #6e6e6e;
	font-size: 20px;
	margin-top: 20px;
}

.qfts_index_introduce_block {
	height: 109px;
	background: #ffffff;
	font-size: 16px;
}

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

.qfts_index_introduce_sblock {
	width: 200px;
	text-align: center;
	margin-top: 35px;
}

.qfts_index_introduce_sblockin {
	margin: 0 auto;
	width: 117px;
}

.python_block7 {
	height: 1007px;
	width: 100%;
	min-width: 1280px;
	background-image: url(/themes/codingnew-1/img/study/python/python_block7bg.jpg);
	background-repeat: no-repeat;
	background-size: 1920px 1013px;
	background-position: 50% 50%;
}

.python_block7_title {
	text-align: center;
	width: 100%;
	height: 285px;
	background-image: url(/themes/codingnew-1/img/study/html5/html5_blocks_imgtitlebg.png);
	background-repeat: no-repeat;
	background-size: 746px 185px;
	background-position: 50% 80%;
	/*line-height: 185px;*/
	font-weight: bold;
	margin-bottom: 40px;
	font-size: 40px;
	padding-top: 20px;
	color: #ffffff;
}

.python_block8 {
	height: 1459px;
	margin: 0 auto;
}

.python_block8_title {
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 207px;
}

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

.python_block9 {
	height: 440px;
	width: 100%;
	min-width: 1280px;
	background-image: url(/themes/codingnew-1/img/study/python/python_block9bg.jpg);
	background-repeat: no-repeat;
	background-size: 1920px 440px;
	background-position: 50% 50%;
	text-align: center;
}

.python_block9 span {
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	line-height: 440px;
}

.python_block1 {
	height: 1099px;
	width: 100%;
	background: #f6f6f9;
}

.python_block1 .title {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	padding: 60px 0 30px 0;
}

.python_block1 span:nth-child(2) {
	color: #405ffe;
}

.python_block1 span:nth-child(5) {
	color: #405ffe;
}

.python_block1 .stitle {
	color: #444444;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}

.python_sblock {
	text-align: center;
	width: 287px;
	height: 320px;
	font-size: 17px;
	color: #3f3f3f;
	letter-spacing: 1px;
	background: #ffffff;
	margin: 20px 10px;
	overflow: hidden;
}

.python_block2 {
	height: 915px;
	width: 100%;
	background: #ffffff;
}

.python_block2 .title {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	padding: 40px 0 30px 0;
}

.python_block2 span:nth-child(2) {
	color: #405ffe;
}

.python_block2 span:nth-child(4) {
	color: #405ffe;
}

.python_block2 .stitle {
	color: #434343;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
	font-weight: normal;
}

.python_block2_imgin {
	width: 1200px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
}

.python_block3 {
	height: 2020px;
	width: 100%;
	background: #343944;
}

.python_block3 .title {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	padding: 40px 0 30px 0;
	color: #fcff12;
}

.python_block3 .stitle {
	color: #8e97aa;
	font-size: 24px;
	text-align: center;
	margin-bottom: 0px;
	font-weight: normal;
	line-height: 40px;
}

.python_block3_imgin {
	width: 1200px;
	margin: 50px auto;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	list-style-type: none;
}

.python_block3_imgin img {
	margin-top: 20px;
}

.python_block4 {
	height: 700px;
	width: 100%;
	background: #ffffff;
}

.python_block4 .title {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	padding: 40px 0 30px 0;
	color: #fcff12;
}

.python_block4 span:nth-child(1) {
	color: #1762ec;
}

.python_block4 span:nth-child(2) {
	color: #323232;
}

.python_block4 .stitle {
	color: #434343;
	font-size: 24px;
	text-align: center;
	margin-top: 20px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
}

.python_block5 {
	height: 800px;
	width: 100%;
	background: #ffffff;
}

.python_block5 .title {
	font-size: 40px;
	text-align: center;
	font-weight: bold;
	padding: 40px 0 30px 0;
	color: #3b3b3b;
}

.python_block5 .stitle {
	color: #434343;
	font-size: 24px;
	text-align: center;
	margin-top: 20px;
	font-weight: normal;
}

.python_block5_teimg {
	width: 401px;
	height: 484px;
}

.python_block5_textin {
	width: 500px;
	margin-left: 100px;
	text-align: left;
}

.python_block5_textin div:nth-of-type(1) {
	color: #3e3e3e;
	font-size: 30px;
	font-weight: bold;
	line-height: 90px;
	margin-top: 20px;
}

.python_block5_textin div:nth-of-type(2) {
	margin-bottom: 40px;
	width: 60px;
	border: 3px solid #405ffe;
	line-height: 0px;
}

.python_block5_textin div:nth-of-type(3) {
	font-size: 16px;
	color: #656565;
	line-height: 40px;
	width: 450px;
}

.queans_block {
	width: 950px;
	background: #f1f1f1;
}

.queans_sblock {
	width: 225px;
	height: 270px;
	background: red;
	margin: 5px;
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
}

.queans_sblock_progressBar {
	width: 120px;
	height: 120px;
	margin: 27px auto 0 auto;
	overflow: hidden;
}

.queans_sblock_progressBarin {
	position: relative;
	top: -95px;
	text-align: center;
	font-size: 12px;
}

.qsb_pb_f {
	color: #3c4d5e;
}

.qsb_pb_f span:nth-of-type(1) {
	font-size: 30px;
}

.qsb_pb_s {
	color: #979797
}

.queans_sblock_stage {
	text-align: center;
	margin: 30px 0 30px 0;
	color: #3d3d3d;
	font-size: 14px;
}

.qast_wp {
	color: #929292;
	border: 1px solid #929292;
}

.qast_py {
	color: #f9a542;
	border: 1px solid #f9a542;
}

.qast_tg {
	color: #47ad63;
	border: 1px solid #47ad63;
}

.qast_wt {
	color: #f96364;
	border: 1px solid #f96364;
}

.qastx {
	text-align: center;
}

.qastx span {
	padding: 7px 30px;
	border-radius: 30px;
	font-size: 12px;
}

.queans_sblock_label {
	position: relative;
	top: -291px;
	left: 179px;
	width: 92px;
	height: 92px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.queans_sblock_label div:nth-of-type(1) {
	color: #ffffff;
	font-size: 12px;
	position: relative;
	top: 65px;
	text-align: center;
}

.queans_label_w {
	background: #f73c3c;
}

.queans_label_t {
	background: #28a94c;
}

.linux_sliding_block {
	text-align: center;
	width: 934px;
	height: 484px;
	overflow: hidden;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
}

.linux_sliding_blockin {
	height: 484px;
	width: 200px;
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: 0;
	font-size: 24px;
	color: #ffffff;
}

.linux_sliding_round {
	cursor: pointer;
	width: 70px;
	height: 70px;
	margin: 23px auto;
	text-align: center;
	line-height: 70px;
}

.linux_sliding_ractive {
	border-radius: 70px;
	background: #ea4411;
}

.linux_teacher_leftblock {
	width: 200px;
	height: 200px;
	background: #405ffe;
	position: relative;
	top: -590px;
	left: 1110px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.linux_teacher_leftblockin {
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	color: #ffffff;
	font-size: 15px;
	width: 30px;
	position: relative;
	top: 140px;
	left: 90px;
	line-height: 24px
}

.test_answer {
	width: 100%;
	background: #f1f1f1;
	padding: 20px 0 40px 0;
}

.test_answerin {
	width: 1200px;
	margin: 0 auto;
	background: #ffffff;
}

.test_answerins {
	padding: 35px 35px 10px 35px;
}

.test_answer_title {
	color: #444859;
	font-size: 25px;
}

.test_answer_numb {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 1126px;
	margin-top: 30px;
}

.test_answer_numbs {
	width: 214px;
	height: 142px;
	background: #6ecaf5;
	border-radius: 4px;
}

.test_answer_numbsin {
	padding: 15px;
	text-align: center;
	color: #ffffff;
}

.test_answer_scorein {
	height: 85px;
}

.test_answer_scorein span:nth-of-type(1) {
	font-size: 60px;
}

.test_answer_scorein span:nth-of-type(2) {
	font-size: 20px;
}

.test_answer_scoretitle {
	font-size: 16px;
}

.settask {
	width: 1200px;
	margin: 0 auto;
	min-height: 900px;
	background: #f1f1f1;
	margin-top: 30px;
}

.hw_block1 {
	width: 800px;
	float: left;
	margin-bottom: 100px;
	padding: 0 40px 50px 35px;
	background: #ffffff;
}

.hw_title {
	text-align: center;
	color: #333333;
	font-size: 25px;
}

.hw_topic_tblock {
	background: #f7f7f7;
	border: 1px solid #f1f1f1;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #333333;
	padding-left: 20px;
}

.hw_topic_bblock {
	border: 1px solid #f1f1f1;
	padding: 20px 15px 0 15px;
}

.hw_topic_num {
	font-size: 14px;
	color: #ffffff;
	padding: 6px 10px;
	background: #5f5f5f;
	margin-right: 10px;
}

.hw_topic_radio {
	font-size: 14px;
	line-height: 30px;
	margin-left: 45px;
	margin-top: 10px;
}

.hw_topic_button {
	min-height: 80px;
	border-top: 1px dashed #f1f1f1;
	line-height: 80px;
}

.hw_topic_b span:nth-child(1) {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	margin-left: 35px;
	cursor: pointer;
}

.hw_topic_b span:nth-of-type(2) {
	padding: 10px 25px;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	margin-left: 400px;
	cursor: pointer;
}

.hw_topic_b span:nth-of-type(3) {
	padding: 10px 25px;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	margin-left: 20px;
	cursor: pointer;
}

.hw_topic_explain {
	margin-left: 35px;
	display: none;
}

.hw_topic_rightnav {
	width: 264px;
	background: #ffffff;
	/*position: fixed;*/
	top: 120px;
	margin-left: 896px;
	padding: 20px;
	max-height: 80%;
	overflow: overlay;
	min-height: 50%;
}

.hw_topic_ributton {
	font-weight: bold;
	color: #bcbcbc;
	font-size: 20px;
}

.hw_topic_navblock {
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #f7f7f7;
	border: 1px solid #dedede;
	margin: 2px;
}

.hw_topic_navcrea {
	font-weight: bold;
	font-size: 25px;
	background: #25aa49;
	color: #ffffff;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #189239;
	margin: 2px;
}

.hw_crea {
	width: 1140px;
	margin: 0 auto;
	margin-top: 20px;
	color: #333333;
	padding: 70px;
}

.hw_crea_topt {
	font-size: 26px;
	text-align: center;
}

.hw_crea_block {
	margin-top: 30px;
}

.hw_crea_lblock {
	width: 88px;
	line-height: 40px;
}

.hw_crea_rblock {
	width: 775px;
}

.hw_crea_rain {
	width: 130px;
	text-align: center;
	line-height: 40px;
}

.hw_crea_select select {
	height: 40px;
	width: 100px;
	font-size: 16px;
}

.topbar-wrap {
	height: 50px;
	line-height: 50px;
	background: #1A1A1A;
	overflow: hidden;
}

.topic_choice_navbar {
	line-height: 45px;
}

.topic_choice_navbar a:nth-child(1) {
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.topic_choice_navbar span {
	padding: 10px;
	margin-left: 30px;
}

.topic_choice_navbar .active {
	background: #26b462;
	color: #ffffff;
	border-radius: 3px;
}

.hw_topic_b .active {
	background: #26b462;
	color: #ffffff;
}

.hw_topic_editor {
	float: right;
	margin-left: 30px;
	cursor: pointer;
}

.hw_topic_delete {
	float: right;
	cursor: pointer;
}

.hw_topic_creatque {
	height: 80px;
	width: 1140px;
	margin: 0 auto;
}

.hw_topic_creatblo {
	float: right;
	margin-top: 30px;
}

.hw_topic_creatblo1 {
	padding: 10px 15px;
	border: 1px solid #eaeaea;
	background: #ffffff;
	cursor: pointer;
}

.hw_topic_creatblo2 {
	padding: 10px 15px;
	border: 1px solid #eaeaea;
	background: #ffffff;
	margin-left: 30px;
	cursor: pointer;
}

a {
	text-decoration: none;
	
}

a:visited {
	text-decoration: none;
	
}

a:hover {
	text-decoration: none;
	
}

.hw_topic_creatbutton {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
	font-size: 16px;
}

.hw_topic_creatbutton #no_button {
	padding: 13px 45px;
	border: 1px solid #909090;
	color: #909090;
	border-radius: 4px;
	cursor: pointer;
}

.hw_topic_creatbutton #button {
	padding: 13px 45px;
	background: #25aa49;
	border: 1px solid #25aa49;
	color: #ffffff;
	border-radius: 4px;
	margin: 0 50px;
	cursor: pointer;
}

.hw_topic_creatbutton #buttons {
	padding: 13px 45px;
	background: #25aa49;
	border: 1px solid #25aa49;
	color: #ffffff;
	border-radius: 4px;
	margin: 0 50px;
	cursor: pointer;
}

.hw_topic_creatbutton #go_onbutton {
	padding: 13px 25px;
	border: 1px solid #25aa49;
	color: #25aa49;
	border-radius: 4px;
	cursor: pointer;
}

.test_paper_block {
	margin-top: 30px;
}

.dropbtn {
	background-color: #ffffff;
	color: #212121;
	font-size: 14px;
	border: none;
	cursor: pointer;
	width: 110px;
	height: 40px;
	border: 1px solid #dedede;
}


/* 容器 <div> - 需要定位下拉内容 */

.dropdown {
	position: relative;
	display: inline-block;
}


/* 下拉内容 (默认隐藏) */

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 110px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}


/* 下拉菜单的链接 */

.dropdown-contenta {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}


/* 鼠标移上去后修改下拉菜单链接颜色 */

.dropdown-contenta:hover {
	background-color: #f1f1f1
}


/* 在鼠标移上去后显示下拉菜单 */

.dropdown:hover .dropdown-content {
	display: block;
}


/* 当下拉内容显示后修改下拉按钮的背景颜色 */

.dropdown:hover .dropbtn {
	background-color: #ffffff;
}

.hw_tijiaobutton {
	padding: 12px 98px;
	background: #25aa49;
	color: #ffffff;
	font-size: 14px;
	cursor: pointer;
}

.hw_shortanswerinput {
	width: 100%;
	border: none;
	resize: none;
	padding: 10px 0px;
}

.hw_errtitle {
	color: red;
}

.hw_fromnew {
	background: #f9f9f9;
	border: 1px solid #d8d8d8;
	border-radius: 6px;
	padding: 10px 20px;
	font-size: 16px;
}







.j_g_course_list li {
    float: left;
    margin-left: 28.75px;
	margin-bottom: 15px;
}
.j_g_course_list {
    margin-left: -28.75px;
    float: left;
	
}
.g_course_list .j_g_course_item .st img {
    width: 14px;
	height: 14px;
	vertical-align: middle;
}

.g_course_list .j_g_course_item .img .img_scale {
    display: block;
    transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.g_course_list .j_g_course_item:hover .img .img_scale {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.j_flex_img img{
	width: 1200px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.j_navi4_menu {
    position: absolute;
    left: 0;
    top: 30px;
    width: 210px;
    box-sizing: border-box;
}

.j_head_navi {
    background-color: #fff;
    height: 0px;
}
.j_navi4 {
    position: relative;
    float: left;
    width: 210px;
    height: 0px;
    z-index: 3;
}
.j_navi4_menu li dl dt a {
    display: block;
    line-height: 28px;
    font-size: 16px;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    transition: all 0.2s;
    line-height: 53px;
    padding-left: 20px;
	border-radius: 5px 0 0 5px;
}
.j_sub_menu2 {
    display: none;
    position: absolute;
    left: 210px;
    top: 30px;
    width: 660px;
    height: 445px;
    padding: 35px 27px;
    background-color: rgba(255, 255, 255, 0.9);
    box-sizing: border-box;
    border: none;
    border-left: 0;
}
.j_banner {
    position: relative;
    z-index: 1;
    height: 445px;
    overflow: hidden;
	width: 990px;
    margin: 0 auto;
	border-radius: 0 10px 10px 0;
	overflow: hidden;
	left: 105px;
}
.j_navi4_menu li dl {
    position: relative;
    z-index: 3;
    margin: 0 0 0 10px;
    padding: 4px 0 8px 10px;
    display: block;
    box-sizing: border-box;
    height: 55.625px;
}

.j_navi5 .sub {
    display: inline-block;
    padding: 0 15px;
    height: 70px;
    line-height: 75px;
    font-size: 16px;
    color: #4e555d;
    font-weight: 400;
    transition: background-color 0.2s linear;
}
.j_navi5 {
    float: left;
    padding: 0 10px;
    height: 40px;
	margin-left: 30px;
}

/*.navi5 li:nth-child(2):after {
    position: absolute;
    left: 33px;
    top: -15px;
    width: 50px;
    height: 35px;
    content: "";
    display: inline-block;
    background: url(../img/index/hot.gif) 0 0 no-repeat;
}*/

.navi5 {
    float: left;
    padding: 0 10px;
    height: 40px
}

.j_navi5 li {
    position: relative;
    float: left;
    position: relative
}


.j_navi5 .sub:hover {
    color: #28aa4c
}

.j_navi4_menu li:last-child .libg, .navi4_menu li:last-child:before {
    border-radius: 0px 0px 0px 10px;
}

.j_navi4_menu li:last-child .libg, .navi4_menu li:first-child:before {
    border-radius: 10px 0px 0px 0px;
	overflow: hidden;
}


.j_navi4_menu a:hover {
    display: block;
    background-color: #b8b7b7;
}
.j_search_box2 {
    position: relative;
    float: right;
    margin: 20px 20px 0px 0px;
    width: 280px;
    height: 30px;
}
.j_search_box2 .search_inp {
    float: left;
    padding: 0 10px;
    width: 100%;
    height: 30px;
    line-height: 42px;
	border: none;
    border-bottom: 2px #dadde1 solid ;
    transition: border-color 0.2s linear;
    box-sizing: border-box;
}

.j_search_box2 .search_btn {
    position: absolute;
    right: 2px;
    top: 0px;
    width: 52px;
    height: 30px;
    cursor: pointer;
    background:url(/themes/codingnew-1/img/new_index/search.png);
	background-repeat: no-repeat;
	background-size:18px 22px;
	background-position: 50% 50%;
    color: #fff;
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    border: 0;
    transition: all 0.2s linear;
	
}

.j_search_box2 .search_tip {
    position: absolute;
    right: 42px;
    top: 5px;
}
.j_search_box2 .search_tip a {
    display: inline-block;
    padding: 0 5px;
    font-size: 12px;
    background-color: #f2f2f2;
    height: 20px;
    line-height: 20px;
    color: #4e555d;
    transition: background-color 0.2s linear;
}
.j_search_box2 .search_tip li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.j_header_link li a {
    font-size: 12px;
    color: #333;
    display: inline-block;
    padding-top: 34px;
}
.j_header_link .xcx {
    display: none;
    position: absolute;
    left: 0;
    top: 65px;
    transform: translateX(-50%);
    width: 110px;
    height: 120px;
    border: 1px #ccc solid;
    box-shadow: 1px 1px 5px 0 #ccc;
    background-color: #fff;
    padding: 10px;
    z-index: 20;
}
.message .j_num {
    height: 14px;
    padding: 0 1px;
    min-width: 14px;
    position: absolute;
    left: 30px;
    top: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 14px;
    background-color: #ff0000;
    border-radius: 7px;
}
.j_header_link li {
    position: relative;
    width: 45px;
    float: right;
    text-align: center;
}
.j_sub_menu2 .recommend dd {
    width: 50%;
    margin-right: 0px;
	margin-top: 50px;
}
.j_sub_menu2 .recommend dd a img {
    width: 125px;
}
.j_sub_menu2 .recommend dd a .j_rc_name {
    display: block;
    width: 100%;
    overflow: hidden;
    /*white-space: nowrap;
    text-overflow: ellipsis;*/
	height: 38px;
}

#denglu{
	display: none;
    position: absolute;
    left: -30px;
    top: 65px;
    transform: translateX(-50%);
    width: 220px;
    height: 280px;
    border: 1px #ccc solid;
    box-shadow: 1px 1px 5px 0 #ccc;
    background-color: #ffffff;
    padding: 25px;
    z-index: 20;
	
}

#denglu:after,
#denglu:before {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 82%;
    top: -10px;
    border: 5px #ccc solid;
    border-color: transparent transparent #ccc;
    transform: translateX(-50%);
}

.j_last_active{
	background: #494c54;
	color: #ffffff;
}
.j_last_school{
	width: 400px;line-height: 46px;
}
.j_last_school .j_last_schoolin{
	width: 350px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
.j_lasta a {
	display: block;
	font-size: 14px;
	color: #4e555d;
	float: left;
	width: 180px;
	margin: 10px;
}
.newfooter{
	width: 1200px;
	margin: 0 auto;
	background-color: #ffffff;
    color: #cdcdcd;
	border-top:1px solid #e7e7e7;
}
#biaoqian a{
	color: #4e555d;
	font-size: 12px;
	margin-right: 47px;
	display: block;
	margin-top: 20px;
	float: left;
	
}

.j_navi4_menu li dl dt a {
    display: block;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    box-sizing: border-box;
    transition: all 0.2s;
    line-height: 53px;
    padding-left: 15px;
    border-radius: 5px 0 0 5px;
}