html{
	overflow-y: overlay;
}
body{
	background:url(../amimated/bg3.jpg)top center no-repeat,url(../amimated/bg2_bottom.png) repeat center bottom;
	color:#333
}
body,ul,li{ padding:0; margin:0;}
ul,li{ list-style:none;}
img{ border:none;}
a,a:hover,a:focus{text-decoration:none!important;color:#333;outline:none;} 
p{color:#333;margin:0px auto;}
.container > header,
.codrops-top {
	font-family: 'Lato', Arial, sans-serif;
	color: #34495e;
}

header {
	margin: 0 auto;
	text-align: center;
	color: #fff;
	height:404px;
}

.baniframe{
	width: 100%;
	height: 100%;
	border-width: 0px;
}
/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
	
	
	top:300px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;		
}

.codrops-demos a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin: 0.5em;
	font-size: 1.1em;
	padding: 0.7em 1.1em;
	border: 2px solid #ad986d;
	color: #ad986d;
	font-weight: 700;
	border-radius: 78px;
	width:104px;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #fff;
	color: #fff;
}
.footer{
	border-top: 1px solid #ddd1b6;
	padding: 40px 10px 40px;	
}
p.note {
	font-size: 1.0em;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
	margin-top:20px;
	color:#fff;
}
.nav{
	text-align: center;
	line-height: 50px;
	height:50px;
	font-size: 15px;
	color: #C8C8C8;
	position: relative;
	background:#fff;
	float:left;
    display:block;
	width:100%;
	margin-bottom:20px;
}
.nav ul{
	text-align:center;
}
.nav ul li{
	display:inline-block;
	line-height: 50px;
	height:50px;	
	width:100px;
}
.nav ul li a{
	display:inline-block;
	color:#262626;
}
.red .onlyimg img,.red .right img{
	width:100%;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.red .onlyimg{
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	transition: all 1s ease 0s;	
	border-radius:5px;
}
.box_shadow{
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
	transition: all 1s ease 0s;	
}
.box_shadow:hover{
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.7);
}
.red .onlyimg:hover{
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.7);
}
.red .right a{
	display:block;
	float:left;
	width: 275px;
	margin:0px 5px 5px 5px;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.18);
}
.red .right a:hover{
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0,0,0,0.7);	
}
.red .right p{
	font-size:14px;
	color:#274857;
	text-align:center;
	height:47px;
	line-height:32px;
}
.onlyimg .p1{
	color:#274857;
    font-size:32px;
	line-height:28px;
	text-align:center;
	margin-top:4px;
}
.onlyimg .p2{
	color:#274857;
    font-size:18px;
	line-height:18px;
	text-align:center;
	padding:15px;
}
.onlyimg .p3{
	color:#333;
	line-height:20px;
	padding:2px 10px;	
	font-size:14px;
	text-indent:2em;
}
.ds_wenchuang a{

}
.ds_wenchuang p{
	height:41px;
	line-height:41px;
	text-align:center;
	background:#fff;
	width:100%;
	border-radius: 0 0 3px 3px;
}
.ds_wenchuang p:hover{
    color:#f47983;
}
.bg_white{
	background:#fff;
}
.mar_top20{
	margin-top:20px!important;
}
.box{ width:1140px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
.picbox{ width:1140px; height:213px; overflow:hidden; position:relative;}
.piclist{ height:115px;position:absolute; left:0px; top:0px}
.piclist li{ background:#fbf9f5; margin-right:20px; padding:5px; float:left;border-radius: 5px;}
.piclist li img{width:260px;height:173px;}
.swaplist{ position:absolute; left:-4000px; top:0px}
.piclist li p{text-align:center;height:34px;line-height:34px;width:260px;overflow:hidden}

.og_prev,.og_next{ width:30px; height:50px; background:url(../amimated/img/icon.png) no-repeat; background:url(../amimated/img/icon_ie6.png) no-repeat\9; position:absolute; top:73px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
.og_prev{ background-position:0 -60px; left:4px;}
.og_next{ background-position:0 0; right:4px;}
.img_spec img:hover{
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);	
}
.img_spec img{
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	transition: transform .3s ease-out;	
    /*阴影效果*/ 	
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
    /*考虑浏览器兼容性*/
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 5px rgba(0,0,0,0.8);	
}
.col-md-6{
	padding:0px;
}
/*电子书阅读页面*/
.top{
	position:relative;
}
.wrap_detail{
	width:1050px;
	margin:0px auto;
}
.text-wrap{
	background:#f3e9c6 url(../amimated/img/bg1.png) repeat fixed;
	min-height: 600px;
	margin-bottom: 24px;
	border: 1px solid #d8d8d8;
}
.left-bar-list {
	z-index: 102;
	left: 43.5%;
	margin-left: -468px;
}
.left-bar-list{
	position: fixed;
	width: 60px;
}
.left-bar-list dd{
	background:#f3e9c6 url(../amimated/img/bg1.png) repeat fixed;
	border-top: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
    border: 1px solid #d8d8d8;
}
.left-bar-list dd a{
	font: 12px/16px Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
	display: block;
	width: 58px;
	transition: none;
	text-align: center;
}
.left-bar-list dd a i{
	display: block;
	height: 48px;
	padding-top: 12px;
	color: #999;
	color: rgba(0,0,0,.4);
}
.main-text-wrap {
	padding: 60px 64px;
}
.text-info {
	color: #333;
}
.main-text-wrap .text-head {
	position: relative;
	z-index: 5;
	margin-bottom: 12px;
}

.panel-wrap {
	background: #f8f1d9 url(../amimated/img/bg2.png) repeat;
}
.left-bar-list .panel-wrap {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 69px;
	width: 798px;
}
.panel-wrap .close-panel {
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	transition: .5s;
	transform: rotate(0);
	text-align: center;
	color: #a6a6a6;
}
.left-bar-list .panel-wrap.catalog .panel-box {
	padding-left: 0;
}
.left-bar-list .panel-wrap .panel-box {
	padding: 40px 0 40px 24px;
	border: 1px solid #d8d8d8;
	border: 1px solid rgba(0,0,0,.1);
}
.left-bar-list .panel-wrap.catalog .catalog-tab {
	margin: 0 0 20px 24px;
}
.left-bar-list .panel-list-wrap {
	position: relative;
	z-index: 1;
	min-height: 235px;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap h3 {
	position: relative;
	z-index: 2;
	transition: background .3s;
}
.left-bar-list .panel-wrap.catalog .bookmark-list-wrap, .left-bar-list .panel-wrap.catalog .catalog-scroll-wrap {
	overflow: auto;
	overflow-x: hidden;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap h3 i {
	font: 700 18px/40px;
	display: block;
	width: 754px;
	height: 34px;
	margin-left: 24px;
	padding-bottom: 6px;
	cursor: pointer;
	border-bottom: 1px solid #e5e5e5;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list ul {
	overflow: hidden;
	padding-left: 24px;
}
.panel-wrap .close-panel {
	font-size: 24px;
	line-height: 24px;
	position: absolute;
	top: 8px;
	right: 8px;
	width: 24px;
	height: 24px;
	transition: .5s;
	transform: rotate(0);
	text-align: center;
	color: #a6a6a6;
}
.left-bar-list .panel-wrap.catalog .catalog-tab span.act {
	border-bottom: 1px solid #ed4259;
}
.left-bar-list .panel-wrap.catalog .catalog-tab span.act, .left-bar-list .panel-wrap.catalog .catalog-tab span:hover {
	color: #ed4259;
}
.left-bar-list .panel-wrap.catalog .catalog-tab span {
	font-size: 18px;
	line-height: 22px;
	margin-right: 20px;
	padding: 0 2px 4px;
	cursor: pointer;
	transition: color .3s;
	color: #a6a6a6;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li {
	font: 16px/40px;
	float: left;
	width: 376px;
	border-top: 1px solid #f2f2f2;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li.on a {
	color: #ed4259;
}
.left-bar-list .panel-wrap.catalog .catalog-list-wrap .volume-list li a {
	float: left;
	overflow: hidden;
	max-width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.nav-tabs li{

}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{
	color:#ed4259;
	border:none;
	border-bottom:1px solid #ed4259;	
}

.tab-content{
	padding:22px;
	font: 14px/20px Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
	min-height:360px;
}
#rule dl{
	width:100%;
	float:left;
}
#rule dt{
	font: 700 18px/24px Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;
	border-bottom:1px solid #ddd;
	height:40px;
	margin-bottom:20px;
}
#rule dd{
	width:290px;
	float:left;
	height:40px;
}
/*导航栏*/
.menu{height:60px;display:block;padding:0px;width:100%;-webkit-box-shadow: 0 1px 3px rgba(18,18,18,.1);box-shadow: 0 1px 3px rgba(18,18,18,.1);}
.menu ul{list-style:none;padding:0;margin:0;width:1170px;margin:0px auto;text-align:center}
.menu ul li{display: inline-block;;overflow:hidden;position:relative;line-height:60px;}
.menu ul li a{position:relative;display:block;width:120px;height:60px;font-family:"微软雅黑", "宋体";font-size:15px;text-decoration:none;cursor:pointer;line-height:60px;}
.menu ul li a span{position:absolute;left:0;width:120px;}
.menu ul li a span.out{top:0px;box-shadow: 0 1px 3px rgba(0,0,0,0.18);}
.menu ul li a span.over,  .menu ul li a span.bg{top:-60px;}
#menu2{background-image:url(../amimated/static/img/main-menu.png);background-repeat:repeat;}
#menu2 ul li a{color:#262626;}
#menu2 ul li a:hover{color:#EEDB9D;}
#menu2 ul li a span.over{color:#997f5a;width:120px;background:#fff;border-radius:10px;height:30px;line-height:30px;margin-bottom:10px;box-shadow: 0 1px 3px rgba(0,0,0,0.18);}
#menu2 ul li a.active{color:#997f5a;background:url(../amimated/static/img/active.png) no-repeat center}

.top_img{
	position:absolute;
	width: 330px;
	top: 140px;
	right: 10%;
	border-radius:50%;
	box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.1);
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	animation: breath 6s linear infinite;
}
.top_text{
	position:absolute;
	top:52px;
	left:200px;
	text-align:left;
	
	font-size:54px;	
	letter-spacing:24px;
}
.top_text p{
	color:#e5c079;
	text-shadow: 1px 0px 0px hsla(360, 100%, 100%, 0.1), -3px 0px 1px hsla(0, 0%, 0%, 0.2);
	-webkit-transform: rotateY(15deg);
	-ms-transform: rotateY(15deg);
	transform: rotateY(15deg);	
	-webkit-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transform: scale(0.85,1) skew(0deg,1deg);
	-ms-transform: scale(0.85,1) skew(0deg,1deg);
	transform: scale(0.85,1) skew(0deg,1deg);	
	font-family:FZXiaoBiaoSong-B05S;
}
.top_text p:hover{
    
}
@keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-webkit-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@-moz-keyframes slideDown{
    0% { top: -30px; }
    100% { top: 80px;}
}
@keyframes breath{
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
#menu,#header{
	display:none;
}

/*换一换*/
.cui-btn {
	display: inline-block;
	height: 40px;
	padding: 0 30px;
	border: solid 1px transparent;
	border-radius: 2px;
	background: transparent;
	font-weight: 400;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	transition: 0.2s;
}
.cui-btn-small {
	height: 32px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 30px;
}
.cui-icon {
	font-family: 'cui-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}
.cui-icon-play:before {
	content: "\EA1A";
}

.section-title {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 52px;
}
.section-title h1 {
	position: relative;
	font-size: 36px;
	line-height: 50px;
	letter-spacing: 4px;
	color: #a7a7a7;
}
.section-title h2 {
	margin-top: 10px;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 2px;
	color: #666a75;
}
.section-wrapper {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:4px;
}
.news-body {
	height: 540px;
	box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);
}
.news-body:before, .news-body:after {
	content: " ";
	display: table;
	box-sizing: inherit;
}
.news-main {
	float: left;
	height: 100%;
	width: 32.5%;
}
.news-main-card {
	display: block;
	position: relative;
	height: 100%;
	overflow: hidden;
}
.news-main-card:hover .news-main-card-bg {
	transform: scale(1.1);
}
.news-main-card-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: 0.2s;
}
.news-main-card-bg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	transition: 0.2s;
}
.news-main-card-bg-mb {
	display: none;
}
.news-main-card-top {
	position: relative;
	height: 310px;
}
.news-play-btn {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 30px;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 2px;
	margin: auto;
	font-size: 0;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	transition: 0.2s;
}
.news-play-btn .cui-icon-play {
	font-size: 16px;
	color: #fff;
}
.news-main-card-bottom {
	position: relative;
	height: 230px;
	padding: 5px 40px;
}
.news-main-card-bottom .h2 {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-main-card-bottom .p {
	max-height: 40px;
	font-size: 14px;
	line-height: 20px;
	color: rgba(255, 255, 255, 0.7);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news-main-card-bottom .sub-p {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.news-main-card-bottom .sub-p-date {
	margin-top: 10px;
}
.news-main-card-bottom .sub-p:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	border: solid 2px;
	border-radius: 50%;
	margin-top: -2px;
}
.news-main-card-bottom .sub-p-author {
	margin-top: 5px;
}
.news-main-card-bottom .btn-group {
	position: absolute;
	bottom: 30px;
}
.cui-btn-outline-light {
	border: solid 1px #fff;
	color: #fff;
}
.cui-btn-outline-light:hover {
	border-color: #f66f6a;
	background-color: #f66f6a;
	color: #fff;
}
.news-main-card-bottom .btn-group .cui-icon {
	margin-top: -2px;
	margin-right: 8px;
	font-size: inherit;
}
.news-sub {
	float: left;
	position: relative;
	height: 100%;
	width: 67.5%;
}
.news-list-v {
	position: absolute;
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: 0s 0.2s;
}
.news-list-v.show {
	z-index: 1;
	visibility: visible;
	opacity: 1;
	transition: 0.2s;
}
.news-list-v:before, .news-list-v:after {
	content: " ";
	display: table;
	box-sizing: inherit;
}
.news-list-v:after {
	clear: both;
}
.news-list-v>li {
	float: left;
	width: 33.33333333%;
	height: 50%;
/* 	box-shadow: 0 2px 5px rgba(0,0,0,0.8); */
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.news-list-card {
	display: block;
	position: relative;
	height: 100%;
	padding: 70px 40px 0;
}
.news-list-card:hover .h3, .news-list-card:hover .p {
	transform: translate(0, -26px);
}
.news-list-card:hover .more {
	opacity: 1;
	color: #6F7479;
}
.news-list-v>li:nth-child(5) .news-list-card {
	background: linear-gradient(to bottom,#f03900 0,#bb2c00 100%);
}
.news-list-v>li:nth-child(1){
	width: 66.66666667%;
	background-image: url(../amimated/img/index2.jpg);
	background-size:100% 100%	
} 
.news-list-v>li:nth-child(3) .news-list-card {
	background-image: url(../amimated/img/red_wenchuang_02.jpg);
	background-size: cover;
}
.news-list-v>li:nth-child(4) {
	width: 66.66666667%;
	background-image: url(../amimated/img/index1.jpg);
	background-size:100% 100%
}
.news-list-card .h3 {
	max-height: 56px;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 28px;
	color: #252b3a;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: transform 0.2s;
}
.news-list-card .p {
	max-height: 60px;
	font-size: 14px;
	line-height: 20px;
	color: #666a75;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	transition: transform 0.2s;
}
.news-list-v>li:nth-child(1) .news-list-card .h3, .news-list-v>li:nth-child(2) .news-list-card .h3, .news-list-v>li:nth-child(5) .news-list-card .h3 {
	color: #fff;
}
.news-list-v>li:nth-child(1) .news-list-card .p, .news-list-v>li:nth-child(2) .news-list-card .p, .news-list-v>li:nth-child(5) .news-list-card .p, .news-list-v>li:nth-child(1) .news-list-card .more, .news-list-v>li:nth-child(2) .news-list-card .more, .news-list-v>li:nth-child(5) .news-list-card .more {
	color: rgba(255, 255, 255, 0.7);
}
.news-list-card .more {
	position: absolute;
	bottom: 30px;
	opacity: 0;
	transition: opacity 0.2s;
	color: rgba(255, 255, 255, 0.7);
}
.news-list-card .more i {
	margin-left: 5px;
	transition: transform 0.2s;
}
.news-list-card .more:hover i {
	transform: translate(5px, 0);
}
.cui-icon-more:before {
	content: "\EA19";
}
.section-bottom {
	padding-top: 40px;
	padding-bottom: 50px;
}
.section-more-wrap {
	text-align: center;
}
.section-more-wrap a {
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #666a75;
	cursor: pointer;
	user-select: none;
	transition: 0.2s;
}
.section-more-wrap a:hover {
	color: #f66f6a;
}
.section-more-wrap .news-more {
	display: none;
}
.section-more-wrap a .cui-icon {
	margin-top: -2px;
	margin-left: 10px;
	transition: transform 0.2s;
}
.section-more-wrap .news-change {
	padding-right: 20px;
	background-image: url(../amimated/img/homepage-news-icon-change.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.section-more-wrap .news-change:before, .section-more-wrap .news-change:hover {
	content: "";
	background-image: url(../amimated/img/homepage-news-icon-change-active.png);
}

.mar_top{
    margin-top:270px; 
}
.book_img{
    width:180px!important;
	height:231px;
}
.width_180{
    width:180px!important;
}
.bg_grey{
	border-radius:5px;
	background: #e4ebe9 url(/app/amimated/Slicebox/images/fancy_deboss.png) repeat top left;
}
.fa{
	margin-right:10px;
}
@media only screen and (max-width: 480px) {
	body{
		background-size:100%;
	}
	header,#menu2{
		display:none;
	}
	#header{
		display:block;
	}
	#header, .header, #footer {
		background: #A01A28!important;
	}	
	.top_content{
		margin-top:30px
	}
	#content{
	    padding: 10px!important;
    }
	.book-profile-module dt img {
	width: 1.60rem!important;
	height:auto!important;
}
}