.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;}

.book-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)
  }
}



.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #f96c45;
    color: #FFFFFF;
    padding: 15px 40px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: #e92b29;}

: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}


/*************************showBook*****************************/
.showBooks{padding:50px 0px 100px 0px; text-align: center;max-width:1200px;margin: auto;}
.showBook{width:100%; max-width:1280px; margin:auto;display:flex;flex-flow:row;align-items: center;}
.showBook .showImg{width:45%; margin-right:30px; flex-shrink: 0;}
.showBook .showImg img{max-width:100%; overflow: hidden;width:100%;}

.showBook .showDesc{margin-right:auto;text-align: left;}
.showDesc h3{font-size:1.8rem; line-height: 2.6rem;}
.showDesc h5{font-size:1.4rem; line-height: 2rem; margin-top:10px;}
.showDesc .text{margin-top:20px; padding-top:30px; border-top:1px solid #e5e5e5;}
.showDesc .text p{font-size:0.8rem; line-height: 1.6rem; margin-bottom:10px;}


/*************************BookDesc*****************************/
.BookDesc{background-color:#f5f5f5; padding: 100px 0px;}
.BookDesc .desc-cont{display:flex; flex-flow: row;max-width:1280px; margin:auto;align-items: center;}
.descDesc{width:50%; overflow: hidden; margin-right:50px;}
.descDesc ul{margin-top: 40px;}
.descDesc ul li{display:flex; flex-flow: row; align-content: flex-start; color:#333;font-size: 1.2rem;margin-bottom: 10px;}
.descDesc ul li:before{content:"\e656"; font-size:1.2rem; font-family: "iconfont";color:#333; margin-right:10px;}

.descImg{width:50%; overflow: hidden;}
.descImg img{max-width:100%; width:100%; transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;}
.descImg img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


/*************************BookAuthor*****************************/
.BookAuthor{background:#FFFFFF; padding:80px 0px;}
.BookAuthor-wrapper{max-width:1280px; margin: auto;}
.BookAuthor-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;}
.auther-c .Img{width:250px; overflow: hidden; margin-right:0px; margin-left:50px;flex-shrink: 0;}
.auther-c.res .Img{margin-right:50px; margin-left:0px;}
.auther-c .text{}
.auther-c .text h5{font-size:2rem; display:flex;align-items: center;}
.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 auto auto; font-size:1.2rem; line-height: 2rem;}

.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;}



/*************************目录展示*****************************/
.BookCatalog{background: #f5f5f5; padding:100px 0px 30px 0px; position: relative;}
.ColumnTitle.Grenn:before{background:#7ec778;}
.ColumnTitle.ColorBook1:before{background:#e67f3a;}
.ColumnTitle.ColorBook3:before{background:#f2c715;}
.ColumnTitle.ColorBook4:before{background:#42be32;}
.ColumnTitle.ColorBook5:before{background:#84b2d4;}
.ColumnTitle.ColorBook6:before{background:#e5d7e7;}

.Catalog-c-items{margin:60px auto; display: flex; flex-flow: row;justify-content: space-between; border-bottom:1px solid #e5e5e5; padding-bottom:50px;}
.Catalog-c-item{width:50%; display: flex; flex-flow: column;}
.Catalog-c-item h5{font-size:1.4rem; font-weight: 500; margin-bottom:20px; display: flex; flex-flow: row;align-items: center;}
.Catalog-c-item h5:before{content:"\e736"; font-size:1.5rem; font-family: "iconfont";color:#333; margin-right:10px;}

.Catalog-c-items:nth-last-of-type(1){border:0px;}

/*************************章节试读*****************************/
.BookChapter{background: #FFFFFF; padding:100px 0px 0px 0px; position: relative;}
.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;}

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


.clear {
    clear: both;
    height: 0;
}
@media screen and (max-width: 1199px){
	
	
}
@media screen and (max-width: 1023px){
	.titleBox h2{font-size:1.8rem; padding:0px 20px;}
	
	.showBooks{padding: 50px 20px 50px 20px;}
	.showBook{flex-direction: column;}
	.showBook .showImg{width:100%; margin:0px;    margin-bottom: 50px;}
	.showDesc .text p{font-size:1.2rem;    line-height: 2rem;}
	
	.BookDesc{padding: 50px 20px 50px 20px;}
	.BookDesc .desc-cont{flex-direction: column;}
	.descDesc{width:100%;margin: auto;}
	.descDesc h3{font-size: 1.8rem;line-height: 2.6rem;}
	.descDesc ul{margin-top: 20px;}
	.descImg{width:100%;margin: auto;}
	
	.BookAuthor{padding:20px 0px;}
	.BookAuthor-wrapper{width:100%;}
	
	.autherbox .autherTitle{width:100%;}
	.auther-c,.auther-c.res{flex-direction: column; padding:0px 20px;}
	.auther-c .Img,.auther-c.res .Img{margin: 10px auto auto auto;text-align: center;}
	
	.autherbox.translator{margin-top:20px;padding-top: 40px;}
	.autherbox.translator .autherTitle{width:100%;}
	
	.BookCatalog{padding: 50px 20px 30px 20px;}
	.Catalog-c-items{margin: auto;flex-direction: column; border:0px;padding-bottom:0px;}
	.Catalog-c-item{width:100%;margin: 20px 10px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
	.Catalog-c-item h5{align-items: flex-start;}
	.Catalog-c-item p{font-size:1.2rem;}
	
	.BookChapter{padding:50px 20px 0px 20px;}
	.Chapter-c-items{margin:auto;}
	.Chapter-c-item p{font-size:1.2rem; line-height: 2rem;}
	.Chapter-c-item h5{font-size: 1.6rem;}
}
@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}
@media screen and (max-width: 375px)
{
	
	
}
@media screen and (max-width: 320px)
{
	
}