.titleBox{width:100%; float: left; overflow: hidden;margin:0px auto 50px auto;}
.titleBox h2{color:#333333; font-weight: 500;font-size:22px; text-align: center;margin: auto;}
.titleBox h5{color:#777777; font-weight: 500;font-size:12px; text-align: center;margin: 10px auto auto auto;}
.titleBox h5 span{padding:0px 10px;}
.ArtBack{display: none;}
.topRecord{font-size:14px;}
.main-box{padding: 20px 0 75px;}
.topRecord{padding: 0px 0 20px;}
h2{font-size:2.6rem;}
.Pagination.ArtPagination{display: none;}

.title{margin:20px auto;text-align: center;}
.title h3{ font-size:2rem;}
.title h5{ font-size:0.9rem; font-weight: 300; margin-top:20px;}

.titles{margin:20px auto;text-align: center;}
.titles h3{font-size:2.8rem;font-weight: bold;}
.titles h3 b, .titles h3 strong{color:#e92b29;}
.titles h5{font-size:1rem;font-weight: 500;margin-top:20px;line-height: 1.8rem;}

.classes-wrap{max-width:1280px; margin:auto;}
.ColumnTitle{font-size:2rem; color:#000000;display: flex;align-items: center;margin-left: -20px;}
.ColumnTitle:before{content:""; width:8px; height:2rem; background:#fc5c16;margin-right:10px;}

.btn-red, .btn-red:active, .btn-red:active:focus, .btn-red:active:hover, .btn-red:focus, .btn-red:hover {
  color: #fff
}
.btn-red {
  border-radius: 1px;
  border: none;
  padding: 5px 10px;
  font-size: 16px;
  background-color: #FF4E34;
  line-height: 40px;
 overflow: hidden;
  position: relative;
  -webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	animation-timing-function: cubic-bezier(.215, .61, .355, 1);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
/*.btn-red:hover{
	background: #e52e13;
}*/
.btn-red:active:before, .btn-red:active:focus:before, .btn-red:active:hover:before, .btn-red:focus:before, .btn-red:hover:before {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0)
}
.btn-red:before {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: -1;
  background: #EF2B0B;
  content: "";
  -webkit-transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: -webkit-transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1);
  transition: transform .3s cubic-bezier(.75, 0, .125, 1), -webkit-transform .3s cubic-bezier(.75, 0, .125, 1)
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}


:root {
  --primary: #ffc246;
  --secondary: #384d62;
  --title-color: #1c0a1a;
  --text-color: #5a5a5a;
  --light-bg-color: #fafafa;
  --card-box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);
  --card-hover-box-shadow: 1px 20px 30px #C4C4C433; }

.tm-tab{
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	margin-top:20px;
}
.tm-tab caption{
	font-size: 24px;
	background: #455b98;
	padding:20px;
	color:#fff;
	text-align: center;
    caption-side: top;
}
.tm-tab tr td{
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	padding:20px;
}
.tm-tab tr td:first-child,.tm-tab tr td.font-22,.tm-tab tr td:last-child{
	font-size:20px;
	text-align: center;
	color:#000922;
}
.tm-tab tr td em{
	display: block;
	font-size: 14px;
	margin-top:16px;
	color:#808080;
}
.zixun-btn{
	margin:40px auto 0;
}
.group-btn.tq-btn:hover{
	background: #273f78;
}
.tm-tab-vip{
	margin-top:80px;
}
.tm-tab-vip caption{
	background: #e5bf80;
}
.tm-tab-vip .bg-orange td{
	background: #fffcf6;
}
.zixun-btn.bg-orange{
	background: #e5bf80;
}
.zixun-btn.bg-orange:hover{
	background: #d2a863;
}
/**莽聫颅氓啪鈥姑ぢ概矫ε撀嵜ヅ犅�**/
.section-bg-img-03{
	background: #f2f6ff;
}
.tab{
	width:100%;
	text-align: center;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
}
.tab tr th{
	background: #455b98;
	color:#fff;
	width: 30%;
}
.tab-gz tr th{
	width: 17%;
	}
.tab tr td.txt_left{
	font-size: 16px;
    text-align: left;
    padding: 15px;
	}
.tab tr td,.tab tr th{
	font-size: 20px;
	padding:20px 0;
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
}
.tab tr:nth-of-type(even) td{
	background: #f8faff;
}
.tab tr td .sign-up,.tab tr td .consult{
	width:50%;
	height:60px;
	line-height: 60px;
	border-radius: 60px;	
	display: block;
	margin:0 auto;
}
.tab-gz tr td .sign-up,.tab-gz tr td .consult{
	width:80%;
	}
.tab tr td .sign-up{
	border:1px solid #455b98;
	color:#455b98;
	font-weight:lighter;
}
.tab tr td .sign-up:hover{
	background:#5f88d8;
	border:1px solid #5f88d8;
	color:#fff;
}
.tab tr td .consult{
	background: #455b98;
	border:1px solid #455b98;
	color:#fff;
	margin-top:13px;
}
.tab tr td .consult:hover{
	background: #e5bf80;
	border:1px solid #e5bf80;
}
.tab2{
	margin-top:40px;
	border-bottom:1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	background: #fffcf6;
}
.tab2 tr td{
	border-top:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
	text-align: center;
	padding:10px 0;
}
.tab2 tr td:nth-of-type(1){
	background:#fff;
}
.tab2 tr:nth-of-type(2) td{
	font-size: 20px;
}
.tab2 tr:nth-of-type(1) td{
	background:#455b98;
	font-size: 20px;
	color:#fff;
}
.tab2 tr td:nth-of-type(2){
	background:#f8faff;
}

.bg_gsjj .ArtPagination{display: none;}

.section{padding:80px 0 60px}



/*************************ClassesAuthor*****************************/
.ClassesAuthor{background:#f5f5f5; padding:80px 0px;}
.ClassesAuthor-wrapper{max-width:1200px; margin: auto;}
.ClassesAuthor-wrapper .autherbox{width:100%; display:flex;flex-flow: column;}
.autherbox .autherTitle{width:500px; height: 60px; background:#7ec778; padding-left:70px; line-height: 60px; font-size:1.4rem; color:#FFFFFF; border-top-right-radius: 50px; border-bottom-right-radius: 50px;}
.bgGrenn{background:#7ec778 !important;}
.bgBook1{background:#e67f3a !important;}
.bgBook3{background:#f2c715 !important;}
.bgBook4{background:#42be32 !important;}
.bgBook5{background:#84b2d4 !important;}
.bgBook6{background:#e5d7e7 !important;}

.auther-c{display:flex; flex-flow:row; margin:50px auto 30px auto;}
.auther-c.res{flex-flow:row-reverse;}

.auther-c{display:flex; flex-flow:row; margin:50px auto 30px auto;align-items: center;}
.auther-c .Img{width:350px; overflow: hidden; margin-right:0px; margin-left:50px;flex-shrink: 0;}
.auther-c Img {max-width:200px;}
.auther-c.res .Img{margin-right:50px; margin-left:0px;}
.auther-c .text{}
.auther-c .text h5{font-size:2.2rem; display:flex;align-items: center; margin-bottom: 20px;}
.auther-c .text h5:before{content:"\e657"; font-size:2.4rem; font-family: "iconfont";color:#333; margin-right:10px;}
.auther-c .text p{margin:20px auto 40px auto;    display: flex; font-size:1.25rem; line-height: 2rem;font-weight: 300;}
.auther-c .text p:before{content:"\e646"; font-size:1.25rem; font-family: "iconfont";color:#333; margin-right:10px;}

.autherbox.translator{border-top:1px solid #e5e5e5; padding-top:80px; margin-top:50px;}
.autherbox.translator .autherTitle{width:500px; height: 60px; background:#7ec778; padding-left:70px; line-height: 60px; font-size:1.4rem; color:#FFFFFF; border-top-left-radius: 50px; border-bottom-left-radius: 50px;border-top-right-radius: 0px; border-bottom-right-radius: 0px;margin-left:auto;}



/*************************扫码购买*****************************/
.ScanBuy{ padding:100px 0px 10px 0px;}
.nopadding{padding:0px !important;}
.ScanBuy-wrapper{max-width:1200px; margin: auto; display: flex;align-items: center;}
.ScanBuy .scan-img{width:40%; flex-shrink: 0;}
.ScanBuy .scan-c{margin-left:2rem;}
.scan-c h3{font-size:2.8rem;font-weight: bold; margin-bottom:1rem;}
.scan-c p{font-size:1.45rem;font-weight: 400;}
.scan-c p.small{font-size:0.85rem;}
.scan-c .price{display:flex; margin-top:3rem;align-items: center;}
.scan-c .price h5{font-size:1.9rem; font-weight: 500; color:#ff0000;margin-left:0px;}
.scan-c .price h5 b,.scan-c .price h5 strong{font-size:2.6rem;}
.scan-c .price label{font-size:1.34rem; color:#b4b4b4;margin-left:1rem;text-decoration: line-through;margin-bottom: 0px;}


/*************************章节试读*****************************/
.ClassesChapter{background: #FFFFFF; padding:50px 0px 50px 0px; position: relative; max-width:1200px; margin:auto;}
.ClassesChapter p{font-size:0.95rem;line-height: 1.8rem;margin-bottom: 0px;font-weight: 300;}
.Chapter-c-items{margin:20px auto; display: flex; flex-flow: column;}
.Chapter-c-item{width:100%; display: flex; flex-flow: column;border-bottom:1px solid #e5e5e5; margin:30px auto;padding-bottom:40px;}
.Chapter-c-item h5{font-size:1.4rem; font-weight: 500; margin-bottom:20px; display: flex; flex-flow: row;align-items: center;}
.Chapter-c-item p{font-size:0.95rem;line-height: 1.8rem;margin-bottom: 0px;font-weight: 300;}
.Chapter-c-item ul{margin-left:0px; margin-top:1rem;}
.Chapter-c-item ul li{margin:10px auto;display: flex;}
/*.Chapter-c-item ul li:before{content:"\e656"; font-size:1rem; font-family: "iconfont";color:#333; margin-right:10px;}*/
.Chapter-c-item ul li:before{content:url("/images/classes/icon-classes-gou.png"); font-size:1rem; font-family: "iconfont";color:#333; margin-right:10px;}




.Chapter-img-text{display:flex;}
.Chapter-text{width:50%; padding-right:2rem; flex-shrink: 0;}
.Chapter-img{}
.Chapter-img img{max-width:100%; width:100%;}

.Chapter-c-items2{margin:20px auto; display: flex; flex-flow:wrap;}
.Chapter-c-item2{width:50%; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding-top:4rem;padding-bottom:4rem; padding-left:2rem; padding-right:2rem;padding:4rem;}
.Chapter-c-item2-all{width:100%; margin: 2rem auto 3rem auto; padding-bottom:5rem;}


.Chapter-c-item2:nth-of-type(2),.Chapter-c-item2:nth-of-type(3){border-top:1px solid #e5e5e5;}
.Chapter-c-item2:nth-of-type(2n){padding-right: 4rem;padding-left: 0rem;}
.Chapter-c-item2:nth-of-type(2n+1){border-right:0px;padding-left: 4rem;padding-right: 0rem;}

/* 如果最后一行是2个元素 */
.Chapter-c-item2:last-child:nth-child(2n) {
    border-bottom:0px;
}
/* 如果最后一行是1个元素 */
.List3 li:last-child:nth-child(2n - 1) {
    border-bottom:0px;
}

.Chapter-c-item2 h5{margin-bottom:2rem;}
.Chapter-c-item2 .autherBox{display:flex;margin-bottom: 2rem;}
.Chapter-c-item2 .autherBox .img{width:200px;flex-shrink: 0;}
.Chapter-c-item2 .autherBox .img img{max-width:100%;}
.Chapter-c-item2 .autherBox .text{margin-left:2rem; padding-right:0rem; font-size:0.95rem;}
.Chapter-c-item2 .autherBox .text h2{font-size:2.2rem;font-weight: 300;margin-bottom: 1rem;}
.Chapter-c-item2 .autherBox .text p{line-height:1.6rem;}

.Chapter-c-item2 h6{font-size:1.2rem;font-weight: 500; display: flex;line-height: 1.7rem;}
.Chapter-c-item2 h6 em{flex-shrink: 0;}
.Chapter-c-item2 h6 label{color:#f70000; padding-left:1rem;font-size:1rem; }

.Chapter-c-item2 ul{margin-left:0px; margin-top:1rem;}
.Chapter-c-item2 ul li{margin:10px auto;display: flex;}
.Chapter-c-item2 ul li:before{content:"\e656"; font-size:1rem; font-family: "iconfont";color:#333; margin-right:10px;}
.Chapter-c-item2 ul li p{line-height: normal;}

.Chapter-c-item3{width:100%;display: flex;
    flex-flow: column;
    border-bottom: 1px solid #e5e5e5;
    margin: 30px auto;
    padding-bottom: 40px;}
.Chapter-c-item3-wrapper{display: flex; flex-direction: row;    align-items: center;}
.Chapter-c-item3-img{width:45%; flex-shrink: 0; margin-right:2rem;}
.Chapter-c-item3-img img{max-height:600px;}
.Chapter-c-item3 h5{margin-bottom:4rem;}
.Chapter-c-item3 .autherBox{display:flex;margin-bottom: 2rem;}
.Chapter-c-item3 .autherBox .img{width:200px;flex-shrink: 0;}
.Chapter-c-item3 .autherBox .img img{max-width:100%;}
.Chapter-c-item3 .autherBox .text{margin-left:2rem; padding-right:0rem; font-size:0.95rem;}
.Chapter-c-item3 .autherBox .text h2{font-size:2.2rem;font-weight: 300;margin-bottom: 1rem;}
.Chapter-c-item3 .autherBox .text p{line-height:1.6rem;}
.Chapter-c-item3 .Chapter-text{width:100%;padding-top:4rem; border-top:1px solid #e5e5e5; }

.Chapter-c-item3 h6{font-size:1.2rem;font-weight: 500; display: flex;line-height: 1.7rem;}
.Chapter-c-item3 h6 em{flex-shrink: 0;}
.Chapter-c-item3 h6 label{color:#f70000; padding-left:1rem;font-size:1rem; }

.Chapter-c-item3 ul{margin-left:0px; margin-top:1rem;}
.Chapter-c-item3 ul li{margin:10px auto;display: flex;}
.Chapter-c-item3 ul li:before{content:"\e656"; font-size:1rem; font-family: "iconfont";color:#333; margin-right:10px;}
.Chapter-c-item3 ul li p{line-height: normal;}

.ClassesImg{margin:auto;text-align: center;}

.PageBack{display: none !important;}

.clear {
    clear: both;
    height: 0;
}
@media screen and (max-width: 1199px){
	
	
}
@media screen and (max-width: 1023px){
	.ClassesChapter{padding:20px 0px;}
	.classes-wrap{padding:0px 20px;}
	.Chapter-c-item{margin: 10px auto;padding-bottom: 20px;}
	.Chapter-c-item h5{font-size: 1.6rem;}
	.Chapter-c-item p{font-size:1.2rem; line-height: 2rem;font-weight: 500;}
	
	.Chapter-img-text{flex-direction: column;}
	.Chapter-c-item2-all{margin: 10px auto;padding-bottom: 20px;}
	.Chapter-text{max-width: 100%;width:100%;}
	.Chapter-text h5 {font-size: 1.6rem;}
	.Chapter-text p{font-size:1.2rem; line-height: 2rem;font-weight: 500;}
	.Chapter-img{margin-top:10px;}
	
	.Chapter-c-items2{flex-direction: column;}
	.Chapter-c-item2{width:100%;border-right:0px;border-top: 1px solid #e5e5e5;border-bottom:0px !important;}
	.Chapter-c-item2:nth-of-type(2n){padding-left:0px; padding-right:0px;}
	.Chapter-c-item2:nth-of-type(2n+1){padding-left:0px; padding-right:0px;}
	.Chapter-c-item2 .autherBox{flex-direction: column;}
	.Chapter-c-item2 .autherBox .text{margin-left:0px;}
	.Chapter-c-item2 .autherBox .text p{font-size: 1.2rem; line-height: 2rem;}
	.Chapter-c-item2 ul li p{font-size: 1.2rem;}
	.Chapter-c-item2 ul li:before{font-size: 1.2rem;}
	
	.Chapter-c-item3-wrapper{flex-direction: column;}
	.Chapter-c-item3-img{width:100%;}
	.Chapter-c-item3-img img{max-width: 100%;}
	.Chapter-c-item3 .autherBox{flex-direction: column;}
	.Chapter-c-item3 .autherBox .img{display: none;}
	.Chapter-c-item3 .autherBox .text{margin-left:0px; margin-top: 20px;}
	.Chapter-c-item3 .autherBox .text p{font-size: 1.2rem;}
	.Chapter-c-item3 ul li p{font-size: 1.2rem;}
	.Chapter-c-item3 ul li:before{font-size: 1.2rem;}
	
	.ClassesAuthor{padding:0px 0px 50px 0px;}
	.auther-c{flex-direction: column;width: 100%; padding:20px;}
	.auther-c .Img{margin: auto;text-align: center;width: auto;}
	
	.ScanBuy{padding: 10px;}
	.ScanBuy-wrapper{flex-direction: column;}
	.ScanBuy .scan-img{width:100%;    text-align: center;}
	.ScanBuy .scan-img img{max-width: 100%;}
}
@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 414px)
{
	
}
@media screen and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
}