.containter {
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 15px;
	
}

.ul li {
	float: left;
	width: 100px;
	border: 2px solid #333;
	margin-right: 26px;
	text-align: center;
	height: 170px;
	width: 120px;
	font-size: 18px;
	background: #fff;
	margin-top: 20px;
	margin: 10px;
	position: relative;
	border-radius: 10px;
	margin-left: 13px;
	margin-right: 13px;

}

.cleartops img {
	width: 90%;
	display: inline-block;
	margin-top: 20px;

}

.cleartops {

	text-align: center;
	

}
.classroom {
	margin-top:10px !important;
	font-size:24px;
	padding-bottom: 10px;
}
.course-center{
	padding-top:10px;
}
.subject-wrap .course-right{
	    margin-top: -4px !important
}
.classroom p {
	text-align: left;
	padding: 10px;
	padding-bottom: 0px;

	width:1000px;
	margin:0 auto;




}

.book-books {
	width: 300px;
	padding-top: 10px;

}

book .ul li a {
	color: #222;
}

.ul-con {
	width: 600px;
	margin: 0 auto;
	margin-top: 28px;
	display: flow-root;
	padding: 30px;
	padding-top: 20px
}

.ul {
	margin-top: 20px;
	width: 77%;
	margin: 0 auto;
	background: #fd5858;
}

.tehui {

	text-align: bottom;
	margin-top: 7px;
	color: white;
	display: inline-block;
	text-align: left;
	font-size: 65px;
	line-height: 64px;
	font-weight: bold;
	padding-bottom: 8px;
}

.ms-wrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	height: 146px;
	background: #042f47;
	position: relative;
	line-height: 146px;



}

.course-book-right {
	float: right;
	text-align: center;
	margin-right: 36px;
}

.course-book-left {
	float: left;
	text-align: center;
	margin-left: 36px;

}

.course-book {
	background: white;
	display: flow-root;
	clear: both;
	width: 93%;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 20px;

}

.course-book-middle {
	float: left;
	text-align: center;
	width: 140px;
	display: table;
	text-align: center;
	vertical-align: middle;
	margin-top: 60px;
}

.course-book-middle span {

	margin: 0 auto;
	width: 46px;
	line-height: 38px;

	display: inline-block;
	text-align: center;
	letter-spacing: 4px;
}


.eye {
	margin-top: 25px;
}

.course-book span {
	text-shadow: #c50d0d 2px 0 0, #c50d0d 0 1px 0, #c50d0d -3px 0 0, #c50d0d 0 -1px 0;

	-webkit-text-shadow: #c50d0d 1px 0 0, #c50d0d 0 1px 0, #c50d0d -1px 0 0, #c50d0d 0 -1px 0;

	-moz-text-shadow: #c50d0d 1px 0 0, #c50d0d 0 1px 0, #c50d0d -1px 0 0, #c50d0d 0 -1px 0;

	*filter: Glow(color=#c50d0d, strength=1);
	color: white;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 4px;
}

.time {
	text-shadow: inherit !important;
	color: #c50d0d !important;
	font-weight: bold;
}


.stripes {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 43px;
}

.ms {
	width: 100%;

	color: white;
	font-size: 24px;
	margin-top: 10px;
}

.day {
	display: inline-block;
	background: white;
	height: 45px;
	line-height: 45px;
	width: 300;
	width: 254px;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	margin-top: 10px
}

.mscontainter {
	margin-bottom: 60px;
}

.proposal-wrap {
	display: flow-root;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
	position: relative;

}

.canyu {
	text-align: center;
	font-size: 24px;
	color: white;
	padding-bottom: 10px;
}

.list a {
	display: block;
	padding-top: 8px;
}

.divs {
	position: relative;
	top: -13px;
}

.zhuzhi {
	position: relative;
	top: 16px;
}

.stripe {
	width: 28px;
	/* height: 10px; */
	color: white;
	margin: 0 auto;
	border: 1px solid white;
	margin: 0 auto;
	text-align: center;
	margin-top: 2px;
}

.proposal {
	position: relative;
	text-align: center;
	padding-top: 20px;
	color: white;
	font-size: 20px;
	padding-bottom: 10px;

}

.topped .course-left img {
	margin-left: 34px;
	width: 524px !important;
	margin-top: 45px;
}

.topped .course-right {
	width: 23%;
	position: relative;
	text-align: left;
	    margin-top: -24px;


}

.topped .course-right p {
	white-space: nowrap;
}
.course-center img{
	display: block;
	width:250px;
}
.proposal-containter .prices{
	font-size:25px;
}
.proposal-containter {

	width: 79%;
	margin: 0 auto;
	margin-top: 687px;

	padding-top: 45px;
	padding-bottom: 25px;
	padding-left: 25px;
	padding-right: 25px;
	
}
.book-bug{
	    font-size: 34px;
	    color: #efa428;
	    text-align: center;
	    padding-top: 155px;
}
.proposal-wrap-con{
	       width: 1000px;
	       margin: 0 auto;
	       background-size: 100% !important;
	       padding-bottom: 37px;
	       margin-bottom: 10px;
}
.proposal-containter .zy span {
	text-align: left;
}
.subject-wrap{
	margin-top:10px !important
}
.grey {
	background: #fff;
	display: flow-root;
	padding: 30px;
	padding-top: 60px;
	border-radius: 20px;
	padding-bottom: 10px;
}

.course-left img {
	width: 503px;
}

.grey-top-right {
	float: right;
	position: relative;
	width: 18%
}

.grey-top-left {
	float: left;

}

.cir {

	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: -16px;
	left: 85px;
	font-size: 34px;
	font-weight: normal;

}

.danmai {
	height: 179px;
	width: 50px;
	text-align: center;
	position: absolute;
	color: white;
	background: #042f47;
	top: 325px;
	left: 36px;
}

.dm {
	width: 20px;
	margin: 0 auto;
	margin-top: 15px;
	font-size: 27px;
	margin-right: 16px
}

.cleartops {
	position: relative;
	text-align: center;
}

.border {
	width: 120px;
	height: 50px;
	line-height: 50px;
	color: #505050;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	border: 2px solid #848080;
	/* margin-top: 24px; */
	position: relative;
	top: 32px;
	right: 35px;

}

.course-center {
	text-align: center;
}

.tel {
	position: absolute;
	right: 69px;
	top: 75px;
	color: #666;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;

}

.book-con-left {
	float: left;
}

.book-con-right {
	float: right;
	width: 43%;
	margin-top: 38px;
}

.book-con {
	width: 83%;
	margin: 0 auto;
	margin-top: 20px;
	display: flow-root;
	text-align: center;
}

.shop {
	color: #c50d0d;
	text-align: center;
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top: 39px;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 6px;
	display: flow-root;
}

.buy-containter-right {
	float: right;
	background: #c50d0a;
	width: 70px;
	height: 794px;

}

.buy-containter-left {

	margin: 0 auto;

	margin: 0 auto;
}

.book-con-left img {
	margin-top: 76px;
}

.course-left {
	float: left;
	padding: 10px;
	padding-left: 5px;
	margin-top: 33px;

}

.bgs {
	background: #042f47;
	display: flow-root;
	position: relative;

}

.logos {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 159px;
	top: 32px
}

.course-right {

	padding: 15px;
}

.zy {
	clear: both;
}

.book {

	font-weight: bold;
	font-size: 24px !important;
	text-align: left;
	display: inline-block;
	white-space: nowrap
}
.top-left{
	float:left
}
.top-right{
	float:right
}



.course-right p {
	line-height: 29px;
	color: #555;
	font-size: 14px;
}
.send{
	font-size:35px !important;
	color:#999;
	font-weight: bold;
	padding-bottom: 10px;
}

.zy {
	padding: 15px;
	float: left;
	padding-left: 54px;
	padding-top: 0
}
.proposal-wrap-con  .proposal-containter{
	width:90%
}

 .proposal-wrap-con .course-center img{
	 width:65%
 }
  .proposal-wrap-con  .prices{
	  width:40px;
  }
.proposal-wrap-con .course-right p {
	font-size:20px;
	margin-top: 7px
}
.proposal-wrap-con  .topped{
	width:71%
}
.topped {

	    width: 46%;
	    margin: 0 auto;
	    margin-top: -40px !important
}

.proposal-wrap-con  .prices  {
	font-size:50px;
}

.proposal-wrap-con  .price{
	font-size:50px;
}
.proposal-wrap-con  .sub{
	font-size:40px;
}


.book {
	font-size: 26px;
	color: #9f21e5;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;

}

.price {
	color: #ff3133;
	font-size: 25px;
	font-weight: bold;

}


.buy {
	width: 100px;
	height: 35px;
	line-height: 35px;
	color: white;
	display: inline-block;
	background: #fcaf2f;
	text-align: center;
	margin-left: 10px;
	position: relative;
	left: 21px;
	top: -10px;
	/* font-weight: bold; */
	font-size: 16px;
	border-radius: 30px;

}
.demo .price{
 font-size:51px;
}
.top-lefts img{
	width:220px;
	height: 120px;
}

.top-right img{
	width:220px;
	height: 120px;
}
.demo .sup{
	font-size:38px
}
.demo .buy{
	width:178px;
	height:50px;
	line-height: 50px;
	font-size:30px
}


.demo .prices{
	font-size:51px;
}
.proposal-wrap-con .zy-right{
    padding: 15px;
    width: 99%;
    position: relative;
    right: 14px;
    top: -12px;
	}
	
.proposal-wrap-con	 .topped .course-right{
	margin-left: 20px;
}

.proposal-wrap-con .sup{
	font-size:40px;
}
.proposal-wrap-con .buy{
	width:180px;
	font-size:30px;
	height:48px;
	line-height: 48px;
	display: inline-block;

}
.zy-right {

	padding: 15px;
	width:100%;
	clear: both;

}

.classroom {
	background: #fefaef;
	width: 940px;
	margin: 0 auto;
	height: 100px;
	margin-bottom: 10px;
	padding-bottom: 10px;

}

.prices {
	font-size: 60px;
	color: #ff3133;
	position: relative;
	font-weight: bold
}

.sup {
	font-size: 21px;
	    text-decoration: ;
	    white-space: nowrap;
	    left: 12px;
	    color: #999;
	    top: -4px;
	    text-decoration: line-through;
	}
	



.zy span {
	font-size: 16px;
	color: #555;
	font-weight: bold;
	line-height: 30px;

}

.buy-containter {

	margin: 0 auto;
	background: white;
	display: flow-root;

}

 .buy-sigle  {
	 
	background:#9932e1;
	width:230px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color:white;
	left:0;
	right:0;
	border-radius: 36px;
	margin:0 auto;
	font-size:30px;
	font-weight:bold;
	margin-bottom: 10px;
	margin-bottom: 25px;
	}
.preferential{
     background:#fed94c;
	width:230px;
	height:50px;
	line-height: 50px;
	text-align: center;
	color:#a622e8;
	position: absolute;
	top:620px;
	left:0;
	right:0;
	border-radius: 36px;
	margin:0 auto;
	font-size:30px;
	font-weight:bold;
	margin-bottom: 10px;

}
.buy-left {
	float: left;
	width: 40%;
	padding: 15px;
	margin-top: -24px
}
.buy-right-two {
	width:48% !important
}

.buy-right-one{
	width:28% !important;
}
.buy-right-three{
	width:31% !important;
}
.buy-right {
	float: right;
	width: 33s%;
	padding: 15px;
	color: #666;
	margin-top: 40px;
}

.bottom-left {
	float: left;
	padding: 15px;
	clear: both;
	display: inline-block;
	padding-left: 0;
	padding-top: 0;
	color: #3e3e3e;
	font-size: 16px;

}

.bottom-right {
	float: right;
	padding: 15px;
	width: 23%;
	padding-top: 0;
	position: relative;
	top: -18px;
}

.containter-bottom {

	margin: 0 auto;
}

.buy-containter-two {
	padding-top: 20px !important;
	margin-top: 20px !important;
	height: 351px;
}

.buy-containter-middle {
	text-align: center;
	/* border: 1px solid red; */
	/* background: red; */
	height: 200px;
	width: 148px;
	float: left;
	display: inline-block;

}

.left {
	text-align: left;

	width: 87%;
	float: left
}

.left img {
	width: 60% !important;
	text-align: left !important;
	margin-left: 40px !important;

}

.right {
	float: right;
	font-size: 16px;
	color: #555;
	margin-right: 1px;

}


.bottom-right-two {
	float: right !important;
	width: 20%;
}

.text-left {
	float: left !important;
	position: relative;
	top: 37px;
}


.imss {
	width: 301px
}

.top-two {
	float: right !important;
	width: 18%;
}

.right ul {
	float: right;
	list-style: disc !important;
}

.right ul li {
	list-style: disc;
	padding-bottom: 10px;
	text-align: left;
}

.box-left {
	float: left;
	width: 45%;
	text-align: center;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.box-right {
	float: right;
	width: 45%;
	text-align: center;
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;

}

.box-wrap {
	width: 95%;
	margin: 0 auto;

}

.box {
	background: #c50d0a;
	display: table;
	padding-top: 20px;
	padding-bottom: 40px;

}

.mon-two {
	margin-top: -7px !important;
}


.exam-containter {
	text-align: center;
	width: 1000px;
	/* border: 1px solid red; */
	margin: 0 auto;
	margin-bottom: 31px;

}

.box {
	width: 100%;
	margin: 0 auto;
	border: 1px solid red
}

.bottom {
	float: left;
	clear: both;
}

.texts {
	color: #042f47;
	font-size: 18px;
	float: right;
	height: 40px;
	line-height: 40px;
	display: inline-block;


}

.top {
	float: left;
}

.grey {

	margin: 0 auto;
	text-align: center;
}

.grey img {
	margin: 0 auto;
	display: inline-block;


}

.exam {
	clear: both;
	display: table;
}

.buy-containter-middle div {
	color: white;
	width: 96px;
	/* float: left; */
	font-size: 53px;
	/* text-align: center; */
	margin: 0 auto;
	margin-top: -10px
}

.mon {
	color: #a30404;
	position: relative;
	margin-top: 56px;
	display: inline-block;

}

.course-lefts {
	WIDTH: 100% !important;

}

.mons {
	margin-left: 69px;
}

.buy-bottom {
	margin-top: 10px !important;
	width: 42%;
}

.bottom-rights {
	top: -109px !important;

}

.bugbutton {
	background: #a30404;
	height: 40px;
	line-height: 40px;
	width: 164px;
	text-align: center;
	color: white;
	display: inline-block;
	font-size: 20px;
}

.qian {
	font-size: 28px;
	font-weight: bold;
	font-size: 36px;
}

.mon sup {
	position: absolute;
	white-space: nowrap;
	top: -25px;
	font-size: 14px;
	right: -40px;
	color: #4d4d4d;
	text-decoration: line-through;
}

.buy-right span {
	line-height: 24px;
	white-space: nowrap
}

.greys {
	padding: 20px !important;
}

.buy-containter {
	margin-bottom: 10px;


}

.buy-containter img {
	margin-top: 30px
}

.bottom-right-one {
	position: relative;
	top: -101px;

}
#Section1 img{
	width:125%;
	}


.grey {
	padding: 0
}

.wrap-wrap {
	float: left;
}

.greys .sup {
	top: -7px !important;
	font-size: 14px;
	right: -44px !important;

}

.yuanjia {
	top: -2px !important;
	font-size: 14px;
	right: -44px !important;
}

.containter-books-books {
	width: 70%;
	margin: 0 auto;
	background: white;


}

.buy-book {


	margin: 0 auto;
}

.containter-books-books {
	width: 68%;
	background: white;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.containter-books-books .grey {
	padding: 15px;
	width: 87%;
	margin: 0 auto
}

.containter-books-books .grey .left p {
	font-size: 20px;
	text-align: left;
	line-height: 36px;
	color: #494949;
}

.zhuzhi {
	font-size: 14px;
	display: inline-block;
	font-size: 18px;
	display: inline-block;
	margin-top: 2px;
}

.xq {
	font-size: 14px;
	display: inline-block;
	padding-left: 10px;
	color: #c50d0d
}

.dandu {
	color: #6e6e6e;
	padding-top: 10px;
	font-size: 20px;
}

.containter-books-books .grey .right .buy-book {
	width: 177px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #ccc;
	color: #c50d0d;
	font-weight: bold;
	font-size: 37px;
	padding: 10px;
}

.containter-books-books .grey .left {
	width: 60%;
	margin-left: 34px;
}

.containter-books-books .bottom-left {
	float: left;
	width: 70%;
}

.containter-books-books .bottom-right {
	float: right;
	position: relative;
	right: 42px;
	margin-top: 70pX;
	width: 22%;
}

.containter-books-books .bottom-left img {
	width: 90%;
	margin-top: 24px;
	float: left;
	POSITION: RELATIVE;
	TOP: 18PX;
}

.tickimg {
	text-align: center;
}

.topsss {
	text-align: center;
	color: white;
	font-size: 18px;
	margin-top: 40px;

}

.product-box a {

	display: inline-block;
	text-align: center;
	white-space: nowrap;
	color: white;




}

.product-box {
	background: #c50d0d;
	margin-top: 10px;
	padding-bottom: 20px;
}

.product-box ul li {
	display: inline;
	list-style-type: none;
	width: 185px;
	text-align: center;
	float: left;


}

.product-box ul {
	text-align: center;
	list-style-type: none;
}

.product-box span {
	display: inline-block;
}

.name {
	color: white;
	text-align: center;
	font-size: 16px;
	padding-bottom: 20px;
}

.menu {
	background: #c50d0d;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: 20px;
}

.demo {
	padding: 1em 0;
}


.top-lefts{
	float: left;
}
a:hover,
a:focus {
	outline: none;
	text-decoration: none;
}

.tab .nav-tabs {
	width: 53%;
	margin: 0 auto;
}

.tab .nav-tabs li.active a:before {
	content: "";

	height: 4px;
	background: none !important;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;

}

.tab .nav-tabs li {
	margin: 0;
}

.tab .nav-tabs li a {
	font-size: 18px;

	color: #7321df;
	margin: 0;
	/* padding: 20px 25px; */
	border-radius: 0;
	border: none;
	border-right: 1px solid #ddd;
	text-transform: uppercase;
	position: relative;
	width: 200px;
	display: inline-block;
	text-align: center;
	height: 35px;
	line-height: 35px;
	border: 1px solid #7321df;
	font-weight: bold;
}
.tab .nav-tabs li.active a:after{
		content: "";
		border-top: 10px solid #7321df;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		bottom: -10px;
		left: 43%;
	}
.tab .nav-tabs li a:hover {
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	border:0
	
	
}

.tab .nav-tabs li.active a,
.tab .nav-tabs li.active a:hover {
	color: #fff;
	border: none;
	background: #7321df;

}

.tab .nav-tabs li.active a:before {
	content: "";
	width: 58%;
	height: 4px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.tab .nav-tabs li.active a:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 43%;
}

.tab .tab-content {
	font-size: 13px;
	color: #999898;
	line-height: 25px;
	background: #fff;
	padding: 20px;
	margin-top: 35px;
	border-top: none;
	border: 1px solid #7321df;
	width: 53%;
	margin: 0 auto;
	margin-top: 20px;
	height:408px;
}

.tab .tab-content h3 {
	font-size: 24px;
	color: #999898;
	margin-top: 0;
}