@charset "utf-8";

/* 
date:2017.02.04
Copyright zhuanti&zcool Inc.
Created & Modified by guojunhui.
*/
header{z-index: 2;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	zoom: 1
}

.hide {
	display: none
}

[hidden] {
	display: none
}

.wp {
	width: 1083px;
	margin: 0 auto
}

.wp2 {
	width: 1043px;
	margin: 0 auto;
	overflow: hidden
}

.f-l {
	float: left !important;
	_display: inline
}

.f-r {
	float: right !important;
	_display: inline
}

.text-l {
	text-align: left
}

.text-r {
	text-align: right
}

.text-c {
	text-align: center
}

.mt-55 {
	margin-top: 55px;
}

.radius {
	border-radius: 8px
}

.box-shadow {
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35)
}

.bg-fff {
	background-color: #fff
}

.iconpic {
	display: inline-block;
	cursor: default;
	vertical-align: sub;
	*vertical-align: middle;
	_vertical-align: middle;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat
}

.iconpic-cyjs-title {
	width: 536px;
	height: 210px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cyjs-title.png)
}

.iconpic-cylt-title {
	width: 560px;
	height: 209px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cylt-title.png)
}

.iconpic-jcjj-title {
	width: 729px;
	height: 171px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-title.png)
}

.iconpic-arrow-left {
	width: 20px;
	height: 38px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-arrow.png);
	background-position: 0 0
}

.iconpic-arrow-right {
	width: 20px;
	height: 38px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-arrow.png);
	background-position: -20px 0
}

.iconpic-totop {
	width: 100px;
	height: 114px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-totop.png);
}

.iconpic-title-bg {
	width: 84px;
	height: 98px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/title-bg.png)
}

.iconpic-video {
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-video-L.png);
	background-position: 0 0;
}

.hover .iconpic-video,
a:hover .iconpic-video {
	background-position: 0 -152px
}

.iconpic-video.size-L {
	width: 136px;
	height: 152px;
	background-size: 136px auto
}

.hover .iconpic-video.size-L,
a:hover .iconpic-video.size-L {
	background-position: 0 -152px
}

.iconpic-video.size-M {
	width: 80px;
	height: 89px;
	background-size: 80px auto
}

.hover .iconpic-video.size-M,
a:hover .iconpic-video.size-M {
	background-position: 0 -89px
}

.iconpic-video.size-S {
	width: 50px;
	height: 56px;
	background-size: 50px auto
}

.hover .iconpic-video.size-S,
a:hover .iconpic-video.size-S {
	background-position: 0 -56px
}

.iconpic-index-01 {
	width: 290px;
	height: 70px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-01.png)
}

.iconpic-index-02 {
	width: 914px;
	height: 85px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-02.png)
}

.iconpic-index-03 {
	width: 455px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-03.png)
}

.iconpic-index-04 {
	width: 651px;
	height: 223px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-04.png)
}

.iconpic-index-05 {
	width: 250px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-05.png)
}

.iconpic-index-06 {
	width: 204px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-06.png)
}

.iconpic-index-07 {
	width: 200px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-07.png)
}

.iconpic-index-08 {
	width: 200px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-08.png)
}

.iconpic-index-09 {
	width: 768px;
	height: 206px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-09.png)
}

.iconpic-index-10 {
	width: 698px;
	height: 196px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-10.png)
}

.iconpic-index-11 {
	width: 770px;
	height: 205px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-11.png)
}

.iconpic-index-12 {
	width: 601px;
	height: 395px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/index-12.png)
}

.iconpic-cylt-01 {
	width: 197px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cylt-01.png)
}

.iconpic-cylt-02 {
	width: 197px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cylt-02.png)
}

.iconpic-cylt-03 {
	width: 177px;
	height: 30px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cylt-03.png)
}

.iconpic-cylt-04 {
	width: 177px;
	height: 31px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/cylt-04.png)
}

.iconpic-jcjj-01 {
	width: 300px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-01.png)
}

.iconpic-jcjj-02 {
	width: 205px;
	height: 85px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-02.png)
}

.iconpic-jcjj-03 {
	width: 203px;
	height: 87px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-03.png)
}

.iconpic-jcjj-04 {
	width: 248px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-04.png)
}

.iconpic-jcjj-05 {
	width: 301px;
	height: 50px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jcjj-05.png)
}

.iconpic-jiang-01 {
	width: 623px;
	height: 195px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-01.png)
}

.iconpic-jiang-02 {
	width: 475px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-02.png)
}

.iconpic-jiang-03 {
	width: 530px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-03.png)
}

.iconpic-jiang-04 {
	width: 475px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-04.png)
}

.iconpic-jiang-05 {
	width: 637px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-05.png)
}

.iconpic-jiang-06 {
	width: 361px;
	height: 95px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/jiang-06.png)
}

/*按钮*/
.btn {
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	text-align: center;
	font-weight: 700;
	padding: 5px 30px;
	white-space: nowrap;
	vertical-align: middle;
	-moz-padding-start: npx;
	-moz-padding-end: npx;
	border: solid 2px #ddd;
	background-color: #fff;
	width: auto;
	*zoom: 1;
	*overflow: visible;
	font-size: 16px;
	-webkit-transition: background-color .1s linear;
	-moz-transition: background-color .1s linear;
	-o-transition: background-color .1s linear;
	transition: background-color .1s linear
}

a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn.active,
a.btn.disabled,
a.btn[disabled] {
	text-decoration: none
}

.btn:active,
.btn.active {
	background-color: #ccc
}

.btn:first-child {
	*margin-left: 0
}

.btn.active,
.btn:active {}

/*默认——灰色	通常用于取消*/
.btn-default {
	background-color: #fff;
	border-color: #282828;
	color: #282828
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
	color: #282828;
	background-color: #fff;
	border-color: #282828
}

/*主要——主色	通常用于确定、提交、购买、支付等*/
.btn-primary {
	color: #fff;
	background-color: #111412;
	border-color: #111412
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
	color: #fff;
	background-color: #111412;
	border-color: #111412
}

/*Huimodal*/
/*当弹出层出现时，隐藏body右侧滚动条*/
/*隐藏body滚动条时，页面偏移*/
.modal-scrollable {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto
}

/*弹出层的最外层，全屏，用户响应点击和滚动*/
.modal-overflow .modal-scrollable {
	overflow-y: scroll
}

/*弹窗超出屏幕高度时，弹出层替代body右侧滚动条，实现弹出层的整体滚动*/
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1040;
	background-color: #000
}

/*默认遮罩层，全屏黑色*/
* html .modal-backdrop {
	position: absolute;
	left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth);
	top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight)
}

/*解决IE下 遮罩层兼容性*/
.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

/*遮罩层失去时，透明度为0*/
.modal-backdrop,
.modal-backdrop.fade.in {
	opacity: 0.3;
	filter: alpha(opacity=30)
}

/*遮罩层进入 0.7透明度*/

.modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 500px;
	margin-left: -250px;
	z-index: 1050;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-khtml-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	box-shadow: 4px 0px 12px rgba(1, 1, 1, 0.4);
	*border: 1px solid #999
}

/*弹出层，绝对定位，默认【宽度500px，高度自适应，背景白色，带阴影】，自定义宽度可在data-width中设置参数*/

.fade {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear
}

.fade.in {
	opacity: 1;
	filter: alpha(opacity=100)
}

.modal.fade {
	top: -100%
}

/*弹出层进入动画效果*/
.modal.fade.in {
	top: 50%
}

/*弹出层进入后居顶距离，配合margin-top负值，实现上下自动居中*/
.modal.modal-overflow.fade.in {
	top: 0px
}

/*如果弹出层高度大于窗口，弹出窗口距顶0像素*/

.modal-alert {
	position: fixed;
	right: auto;
	bottom: auto;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -30px;
	z-index: 9999;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	outline: 0;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-alert-info {
	padding: 30px;
	text-align: center;
	font-size: 14px;
	background-color: #fff
}

.modal-header {
	position: relative;
}

.modal-header .close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9
}

/*右侧菜单*/
.right-aside-nav {
	position: fixed;
	width: 185px;
	height: 529px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/aside.png);
	right: 0;
	top: 60px
}

.right-aside-nav ul {
	padding-top: 167px
}

.right-aside-nav ul li {
	height: 67px;
	cursor: pointer;
}

/*本专题 业务相关的样式*/
body {
	background: #fff;
	overflow: hidden;
	overflow-y: scroll
}

body,
th,
td,
button,
input,
select,
textarea {
	font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
	font-size: 12px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

/*返回顶部*/
/*.toTop{position:fixed;bottom:10px;right:10px; z-index:999;display:none; font-size:16px;cursor: pointer;overflow:hidden;visibility:visible; width:100px; height:114px;text-decoration:none;background:url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-totop.png) no-repeat center;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);}
.toTop:hover{ color:#fff; text-decoration:none;}*/

.ZT-title-1 {
	position: relative
}

.ZT-title-1 .iconpic-title-bg {
	position: absolute;
	left: -40px;
	top: -37px
}

.ZT-title-1 .ZT-title-text {
	position: relative;
	z-index: 1
}

/*主导航*/
.ZT-mainnav-wp {
	padding-top: 18px;
	padding-bottom: 18px;
	width: 100%;
	left: 0;
	right: 0;
	top: -100px;
	background-color: rgba(72, 72, 72, 0.8);
	position: fixed;
	z-index: 1000;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.ZT-mainnav-wp.navshow {
	top: 0
}

.ZT-mainnav-wp .wp {}

.ZT-mainnav-wp ul li {
	font-size: 18px;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	float: left;
	padding: 0 17px;
	border-right: solid 1px #a6a6a4
}

.ZT-mainnav-wp ul li:first-child {
	padding-left: 0
}

.ZT-mainnav-wp ul li:last-child {
	border-right: none
}

.ZT-mainnav-wp ul li a {
	color: #fff
}

.ZT-mainnav-wp ul li a:hover,
.ZT-mainnav-wp ul li.current a {
	text-decoration: none;
	color: #ffe300
}

/*banner*/
.ZT-banner {
	height: 690px;
	position: relative;
	background-color: #120913;
	margin-top: -2px;
	overflow: hidden;
}

.ZT-banner .wp {
	position: relative;
	z-index: 2
}

.ZT-banner .header-01 {
	width: 100%;
	height: 1155px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/header-01.png) no-repeat center;
	top: -20px;
	position: absolute;
	z-index: 1;
	animation-name: up;
	-webkit-animation-name: up;
	animation-duration: 3s;
	-webkit-animation-duration: 3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	overflow: hidden;
}

.ZT-banner .header-02 {
	width: 968px;
	height: 446px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/header-02.png) no-repeat 0;
	position: absolute;
	left: -288px;
	top: 103px;
}

.ZT-banner .bg-lingxing {
	height: 1093px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing.png) no-repeat center top;
	position: absolute;
	top: 0;
	z-index: 2;
	left: -3px;
	right: 0;
}

.ZT-banner .bg-lingxing.bg-lingxing-jiang {
	height: 5660px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing-jiang.png)
}

.ZT-banner .bg-lingxing.bg-lingxing-bbs {
	height: 4725px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing-bbs.png)
}

.ZT-banner .bg-lingxing.bg-lingxing-index {
	height: 10860px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing-index.png);
	background-size: 3000px auto
}

.ZT-banner .bg-lingxing.bg-lingxing-shiji {
	height: 7240px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing-shiji.png);
}

.ZT-banner .bg-lingxing.bg-lingxing-jijin {
	height: 13920px;
	background-image: url(https://img.zcool.cn/special-resource/cube2016/images/bg-lingxing-jijin.png);
	background-size: 3000px auto
}

.section {
	position: relative;
	z-index: 9;
	padding-top: 60px;
	padding-bottom: 60px
}

/*首页 - 嘉宾*/
.jiabin-list {
	margin-right: -136px;
	padding-top: 70px
}

.jiabin-list li {
	position: relative;
	width: 270px;
	height: 282px;
	overflow: hidden;
	float: left;
	margin-right: 136px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	cursor: default
}

.jiabin-list li img {
	width: 280px;
}

.jiabin-list li .item-box {
	position: absolute;
	width: 270px;
	height: 282px;
	-webkit-transform: skewX(-43.9deg);
	-ms-transform: skewX(-43.9deg);
	transform: skewX(-43.9deg);
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	overflow: hidden;
	bottom: 0;
	left: -140px;
}

.jiabin-list li:hover {
	z-index: 30;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
}

.jiabin-list li:hover .item-box {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.jiabin-list li .item-box img {
	width: 282px;
	-webkit-transform: skewX(43.9deg);
	-ms-transform: skewX(43.9deg);
	transform: skewX(43.9deg);
}

.jiabin-list li .mask-box {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	/*background:url(https://img.zcool.cn/special-resource/cube2016/images/bg-jiabin.png) no-repeat center*/
}

.jiabin-list li .text-box {
	position: absolute;
	left: 97px;
	right: -43px;
	bottom: 0;
	z-index: 1;
	background-color: rgba(255, 227, 0, 0.9);
	padding: 10px;
	-webkit-transform: skewX(43.9deg);
	-ms-transform: skewX(43.9deg);
	transform: skewX(43.9deg);
}

.jiabin-list li .text-box dt {
	font-size: 24px;
	line-height: 32px;
	color: #030303
}

.jiabin-list li .text-box dd {
	font-size: 15px;
	line-height: 18px;
	padding-right: 50px;
	color: #030303;
	height: 36px
}

.jiabin-list-2 li {
	margin-right: 0
}

.jiabin-list li.item2 .text-box {
	left: 106px;
	right: -36px;
}

/*首页 - 表演嘉宾*/
.byjb-list .item {
	margin-top: 37px;
	position: relative;
}

.byjb-list .item .user-box {
	background-color: #fff;
	position: absolute;
	width: 230px;
	height: 230px;
	padding: 4px;
	border-radius: 4px;
	bottom: 22px;
	right: 39px
}

.byjb-list .item .user-box img {
	display: block;
	width: 230px;
	height: 230px
}

.byjb-list .item .text-box {
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 4px;
	text-align: center;
	background-color: rgba(255, 227, 0, 0.9);
	padding: 8px;
}

.byjb-list .item .text-box dt {
	font-size: 24px;
	line-height: 32px
}

.byjb-list .item .text-box dd {
	font-size: 15px;
	line-height: 18px
}

/*首页 - 合作伙伴*/
#section-8 h3 {
	padding: 0;
	margin: 0;
	font-size: 29px;
	color: #323434;
	margin-top: 30px
}

.logo-list {
	margin-right: -5px;
	margin-top: 22px
}

.logo-list li {
	float: left;
	margin-right: 5px;
	margin-bottom: 9px;
	border: solid 1px #dcdcdc
}

.logo-list li,
.logo-list li img {
	width: 210px;
	height: 67px;
}

.logo-list li img {
	display: block
}

/*演讲嘉宾列表*/
.yanjiang-list {
	margin-right: -9px
}

.yanjiang-list li {
	background-color: #fff;
	width: 355px;
	float: left;
	margin-right: 9px;
	margin-bottom: 16px
}

.yanjiang-list li .pic-box {
	position: relative;
	overflow: hidden
}

.yanjiang-list li .pic-box,
.yanjiang-list li img {
	width: 355px;
	height: 235px;
	display: block
}

.yanjiang-list li img {
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.yanjiang-list li .pic-box .iconpic-video {
	position: absolute;
	left: 8px;
	bottom: 6px
}

.yanjiang-list li .text-box {
	padding: 10px;
	text-align: center
}

.yanjiang-list li .text-box dt {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px
}

.yanjiang-list li .text-box dd {
	font-size: 16px;
	line-height: 22px
}

.yanjiang-list li a,
.yanjiang-list li a:hover {
	color: #000;
	text-decoration: none
}

.yanjiang-list li a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
}

.yanjiang2-list .pic-box {
	position: relative
}

.yanjiang2-list .text-box {
	padding: 15px 25px
}

.yanjiang2-list .text-box .text-1 {
	font-size: 17px;
	color: #000
}

.jiabin-text-list li {
	float: left;
	font-size: 14px;
	width: 25%;
	height: 24px;
	line-height: 24px;
	margin-top: 5px;
	color: #2b2b2b
}

/*集锦*/
.jijin-list {
	margin-right: -5px
}

.jijin-list li {
	float: left;
	width: 539px;
	margin-right: 5px;
	padding-bottom: 10px;
	cursor: pointer;
	overflow: hidden
}

.jijin-list li .pic-box {
	position: relative;
	overflow: hidden
}

.jijin-list li img {
	display: block;
	width: 539px;
	height: 208px;
}

.jijin-list li .text-box {
	text-align: center;
	font-size: 16px;
	line-height: 30px
}

.jijin-list li a:hover {
	text-decoration: none
}

.jijin-list li .pic-box .iconpic-video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -44px;
	margin-left: -40px
}

@keyframes up {
	0% {
		transform: translateY(-5px);
	}

	50% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(-5px);
	}
}

@-webkit-keyframes up {
	0% {
		-webkit-transform: translateY(-5px);
	}

	50% {
		-webkit-transform: translateY(10px);
	}

	100% {
		-webkit-transform: translateY(-5px);
	}
}

@-moz-keyframes up {
	0% {
		-moz-transform: translateY(-5px);
	}

	50% {
		-moz-transform: translateY(10px);
	}

	100% {
		-moz-transform: translateY(-5px);
	}
}

@-ms-keyframes up {
	0% {
		-ms-transform: translateY(-5px);
	}

	50% {
		-ms-transform: translateY(10px);
	}

	100% {
		-ms-transform: translateY(-5px);
	}
}

@keyframes up2 {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.1, 1.1);
	}

	100% {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes up2 {
	0% {
		-webkit-transform: scale(1, 1);
	}

	50% {
		-webkit-transform: scale(1.1, 1.1);

	}

	100% {
		-webkit-transform: scale(1, 1);

	}
}

@-moz-keyframes up2 {
	0% {
		-moz-transform: scale(1, 1);
	}

	50% {
		-moz-transform: scale(1.1, 1.1);

	}

	100% {
		-moz-transform: scale(1, 1);

	}
}

@-ms-keyframes up2 {
	0% {
		-ms-transform: scale(1, 1);
	}

	50% {
		-ms-transform: scale(1.1, 1.1);

	}

	100% {
		-ms-transform: scale(1, 1);

	}
}

/**/
.hex-list {
	padding-right: 40px
}

.hex-list .item {
	float: left;
	position: relative;
	width: 163px;
	height: 93px;
	padding-left: 1px;
	margin-right: 5px;
	margin-bottom: 53px;
}

.hex-list .item img {
	width: 163px;
	height: 93px
}

.hex-list .item .item-bg {
	width: 167px;
	height: 143px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/bg-hex.png) no-repeat 0 0;
	position: absolute;
	left: 0;
	top: -48px;
	padding-top: 48px
}

.shiji-list {
	margin-right: -10px
}

.shiji-list .item {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	width: 536px;
	height: 362px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.shiji-list .item .pic-box {
	position: absolute;
	height: 278px;
	top: 0;
	left: 0;
	right: 0;
	overflow: hidden
}

.shiji-list .item img {
	width: 536px;
	height: 363px;
	display: block
}

.maskBar {
	position: absolute;
	height: auto;
	left: 0;
	bottom: -100%;
	right: 0;
	padding: 15px 18px;
	background-color: rgba(255, 227, 0, 0.9);
	font-size: 16px;
	line-height: 24px;
	z-index: 2;
	color: #030203 !important;
	transition: bottom 200ms;
	-moz-transition: bottom 200ms;
	/* Firefox 4 */
	-webkit-transition: bottom 200ms;
	/* Safari 和 Chrome */
	-o-transition: bottom 200ms;
}

.item.hover .maskBar {
	bottom: 0px;
}

#slider-qianshou {
	margin-top: 70px
}

.slider {
	position: relative;
	text-align: center;
	margin: 0 auto;
	z-index: 1;
}

.slider .bd,
.slider .bd li,
.slider .bd img {
	width: 1083px;
	height: 414px
}

/*请给每个幻灯片套个div并设置id，通过id重置这个地方的宽度，达到自定义效果*/
.slider .bd {
	z-index: 2;
	overflow: hidden
}

.slider .bd li {
	float: left;
	width: 100%;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat
}

.slider .bd li a {
	display: block;
	width: 100%;
	height: 100%
}

.slider .bd li img {
	display: block
}

.slider .hd {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	bottom: -30px;
	padding: 0 10px;
	text-align: center
}

.slider .hd li {
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
}

/*圆点*/
.dots li {
	width: 10px;
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/slider-dot.png) no-repeat 0 0
}

.dots li.active {
	background-position: right 0
}


.jingcai-img-wrap img {
	width: 100%;
	display: block;
	margin-bottom: 5px
}

.jiangbei {
	position: absolute;
	left: 0;
	top: -30px;
	right: 0;
	height: 415px;
	background: url(https://img.zcool.cn/special-resource/cube2016/pic/jiang/jiangbei.jpg) no-repeat 0 0;
	animation-name: up2;
	-webkit-animation-name: up2;
	animation-duration: 10s;
	-webkit-animation-duration: 10s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.banjiang-video-list {
	margin-top: 65px;
}

.banjiang-video-list .item {
	position: relative;
	height: 386px;
	overflow: hidden;
}

.banjiang-video-list .item img {
	display: block;
	height: 386px;
}

.banjiang-video-list .item .text-box {
	color: #000;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	height: auto;
	padding: 10px 15px;
	background-color: rgba(255, 227, 0, 0.9);
}

.banjiang-video-list .item-left {
	float: left;
	cursor: pointer;
}

.banjiang-video-list .item-left,
.banjiang-video-list .item-left img {
	width: 688px;
}

.banjiang-video-list .item-left .iconpic-video {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -76px;
	margin-left: -68px
}

.banjiang-video-list .item-left .text-box {
	text-align: center;
	font-size: 20px;
	line-height: 55px;
	font-weight: bold;
}

.banjiang-video-list .item-right {
	float: right
}

.banjiang-video-list .item-right,
.banjiang-video-list .item-right img {
	width: 386px;
}

.banjiang-video-list .item-right .text-box {
	text-align: center
}

.banjiang-video-list .item-right .text-box dt {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

.banjiang-video-list .item-right .text-box dd {
	font-size: 16px;
}

.banjiang-list-2 {
	margin-top: 25px;
	margin-right: -7px
}

.banjiang-list-2 .item {
	float: left;
	margin-right: 4px;
	width: 105px;
	background-color: #fff;
	margin-top: 5px
}

.banjiang-list-2 .pic-box,
.banjiang-list-2 .pic-box img {
	display: block;
	width: 105px;
	height: 132px
}

.banjiang-list-2 .text-box {
	text-align: center;
	padding: 5px;
}

.banjiang-list-2 .text-box dt {
	height: 22px;
	line-height: 22px;
	color: #040404;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowra
}

.banjiang-list-2 .text-box dd {
	height: 22px;
	line-height: 22px;
	color: #040404;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowra
}

.banjiang-list-2 a:hover {
	text-decoration: none
}

.banjiang-list-2 a .text-box dt {
	color: #040404;
}

.banjiang-list-2 a .text-box dd {
	color: #040404;
}


.banjiang-list-3 {
	margin-top: 30px;
	margin-right: -15px
}

.banjiang-list-3 .item {
	float: left;
	margin-right: 15px;
	width: 351px;
	background-color: #fff;
}

.banjiang-list-3 .pic-box {
	overflow: hidden
}

.banjiang-list-3 .pic-box,
.banjiang-list-3 .pic-box img {
	width: 351px;
	height: 222px;
	display: block
}

.banjiang-list-3 .text-box {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	padding: 10px;
	color: #000
}

.jiabin-info-wp {
	background-color: #fff;
	margin-top: 10px;
	padding: 30px 90px
}

.jiabin-info-header {
	position: relative;
	min-height: 109px;
	padding-left: 140px;
}

.jiabin-info-header .jiabin-headpic {
	position: absolute;
	left: 0;
	top: 0;
	width: 106px;
	height: 109px;
	overflow: hidden
}

.jiabin-info-header .jiabin-headpic img {
	width: 106px;
}

.jiabin-info-header .headpic-mask {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 106px;
	height: 109px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/cyjs-detail.png) no-repeat center
}

.jiabin-info-header .text-box {
	padding-top: 23px
}

.jiabin-info-header .text-name {
	font-size: 24px;
	font-weight: bold;
	color: #313131
}

.jiabin-info-header .text-dec {
	font-size: 15px;
	color: #8c8c8c;
}

.jiabin-info-body {
	line-height: 1.8;
	padding-top: 50px
}

.jiabin-info-body p {
	font-size: 16px
}


.rollpic .prev,
.rollpic .next {
	display: block;
	height: 38px;
	width: 20px;
	cursor: pointer;
	position: absolute;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-arrow.png) no-repeat 0 0;
	margin-top: -19px;
	top: 50%
}

.rollpic .prev {
	background-position: 0 0;
	left: -40px;
}

.rollpic .next {
	background-position: -20px 0;
	right: -40px;
}

.rollpicshow li {
	padding-right: 10px;
	position: relative;
	overflow: hidden
}

.rollpicshow li .iconpic-video {
	position: absolute;
	left: 8px;
	bottom: 6px;
}

.rollpicshow li img {
	width: 355px;
	height: 235px;
}

.footer {
	z-index: 3
}

.books-list-1 {
	position: relative;
	padding-left: 159px;
	padding-top: 23px
}

.books-list-1 .book-box {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3
}

.books-list-1 .text-pic {
	border: solid 4px #ffef24;
	position: relative;
	overflow: hidden;
	width: 917px;
	height: 365px;
}

.books-list-1 .text-pic .mask-box {
	position: absolute;
	left: 0;
	height: 365px;
	bottom: -100%;
	right: 0;
	background-color: #ffef24;
	font-size: 16px;
	line-height: 24px;
	z-index: 2;
	color: #030203 !important;
	transition: bottom 200ms;
	-moz-transition: bottom 200ms;
	/* Firefox 4 */
	-webkit-transition: bottom 200ms;
	/* Safari 和 Chrome */
	-o-transition: bottom 200ms;
}

.books-list-1.hover .text-pic .mask-box {
	bottom: 0px
}

.books-list-1 .text-pic .mask-box dl {
	padding: 85px 10px 20px 168px;
	color: #000
}

.books-list-1 .text-pic .mask-box dl dt {
	font-size: 18px;
	font-weight: bold
}

.books-list-1 .text-pic .mask-box dl dd {
	font-size: 15px;
	line-height: 24px;
	padding-top: 25px
}

.books-list {
	margin-right: -15px
}

.books-list .item {
	float: left;
	margin-top: 38px;
	margin-right: 15px;
	width: 452px;
	height: 306px;
	position: relative;
	padding-left: 82px
}

.books-list .item .book-box {
	position: absolute;
	left: 0;
	top: 16px;
	z-index: 3
}

.books-list .item .book-box img {
	width: 191px
}

.books-list .item .text-pic {
	border: solid 4px #ffef24;
	position: relative;
	overflow: hidden;
	width: 444px;
	height: 298px;
}

.books-list .item .text-pic .mask-box {
	position: absolute;
	left: 0;
	height: 298px;
	bottom: -100%;
	right: 0;
	background-color: #ffef24;
	font-size: 16px;
	line-height: 24px;
	z-index: 2;
	color: #030203 !important;
	transition: bottom 200ms;
	-moz-transition: bottom 200ms;
	/* Firefox 4 */
	-webkit-transition: bottom 200ms;
	/* Safari 和 Chrome */
	-o-transition: bottom 200ms;
}

.books-list .item.hover .text-pic .mask-box {
	bottom: 0px
}

.books-list .item .text-pic .mask-box dl {
	padding: 20px 10px 20px 110px;
	color: #000
}

.books-list .item .text-pic .mask-box dl dt {
	font-size: 18px;
	font-weight: bold
}

.books-list .item .text-pic .mask-box dl dd {
	font-size: 15px;
	line-height: 24px;
	padding-top: 25px
}

.wx-share {
	position: fixed;
	display: block;
	width: 30px;
	height: 30px;
	background: url(https://img.zcool.cn/special-resource/cube2016/images/iconpic-wx.png) no-repeat center/30px auto;
	z-index: 100;
	left: 50%;
	margin-left: 546px;
	bottom: 122px
}

a.wx-share:hover {
	text-decoration: none
}

.wx-share span {
	display: none;
}

a.wx-share:hover span {
	position: absolute;
	display: block;
	top: 0;
	right: 40px;
	width: 100px;
	height: 100px;
	padding: 5px;
	background-color: #fff;
	border: solid 1px #ddd
}

a.wx-share:hover span img {
	width: 100px;
	height: 100px;
}

.appdown-2code {
	top: auto;
	bottom: 162px
}