/* font & color */
.fw_300{font-weight: 300;}
.fw_600{font-weight: 600;}
.fs_10{font-size: 10px;}
.fs_12{font-size: 12px;}
.fs_13{font-size: 13px;}
.fs_14{font-size: 14px;}
.fs_16{font-size: 16px;}
.fs_18{font-size: 18px;}
.fs_20{font-size: 20px;}
.fs_24{font-size: 24px;}
.fs_26{font-size: 26px;}
.fs_28{font-size: 28px;}
.fs_30{font-size: 30px;}
.c_b_0{color: #000000;}
.c_b_3{color: #333333;}
.c_b_6{color: #666666;}
.c_b_9{color: #999999;}
.c_b_26{color: #262626;}
.c_b_53{color: #535353;}
.c_b_2{color: #222222;}
.c_b_s_1{color: #33343b;}

.c_r_1{color: #e74b3b;}
.c_r_2{color: #b83c2f;}

.c_w_f{color: #ffffff;}
.c_w_f8{color: #f8f8f8;}
.c_w_f0{color: #f0f0f0;}
.c_w_87{color: #878787;}

.c_g{color: #28ca42;}

.c_b{color: #3890e9;}
.card-list {
	margin-left: -5px;
	margin-right: -5px
}
.mt5 {
    margin: 5px auto 0 !important;
}
.mt15 {
    margin: 15px auto  !important;
}
.mt10 {
    margin: 10px auto 0 !important;
}
.card-list.three-card-list {
	margin-top: 20px;
	margin-bottom: -30px
}

.card-list.three-card-list .card-item-online {
	margin: 0 20px 0px 0
}
.other-tool .wxwb{float: right; padding-left: 30px;}
.other-tool .wxwb img{ margin-top: 17px;}
.card-list.three-card-list .card-item-online:nth-of-type(3n),
.card-list.three-card-list .card-item-online:last-child {
	margin-right: 0
}

.card-list.three-card-list .card-item-online .card-wrap {
	width: 380px
}

.card-list.three-card-list .card-item-online .card-wrap .item-top {
	height: 175px
}

.card-list.three-card-list .card-item-online .card-wrap .item-bottom {
	height: 124px
}

.card-list.three-card-list .card-item-online .card-wrap .item-bottom .course-title {
	height: 22px;
	font-size: 16px;
	line-height: 22px
}

.card-list.three-card-list .card-item-online .card-wrap .item-bottom .extra {
	margin-top: 12px
}

.card-list.three-card-list .card-item-online .card-wrap .item-bottom .extra .join-wrap {
	float: left
}

.card-list.three-card-list .card-item-online .card-wrap .item-bottom .extra .price-wrap {
	float: right
}

.vertical-line {
	margin: 0 4px;
	width: 2px;
	height: 12px;
	background-color: #f0f0f0
}

.card-item-online {
	position: relative;
	float: left;
	padding: 0 3px;
	margin: 20px 10px 0 0
}

.card-item-online:nth-of-type(4n),
.card-item-online:last-child {
	margin-right: 0
}

.card-item-online .tag {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 26px;
	padding-left: 10px;padding-right: 10px;
	color: #000;
	z-index: 1;
	background: rgba(253,208,0);
}

.card-item-online .tag.tag-short {
	
}

.card-item-online .tag.tag-long {
	
}

.card-item-online .vip-tag {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 22px;
	border-radius: 13px;
	background-image: linear-gradient(to right, #f3cd81, #d59848);
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #000;
	padding: 0 12px;
	z-index: 1
}

.card-item-online .card-wrap {
	width: 270px;
	border:1px #b5b5b5 solid;
	overflow: hidden;
	
}
.card-item-online .card-wrap:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4)}
.card-item-online .card-wrap .item-top {
	position: relative;
	height: 150px
}

.card-item-online .card-wrap .item-top a {
	display: block;
	height: 100%;
	overflow: hidden;
	background: #f0f0f0
}

.card-item-online .card-wrap .item-top a .cover {
	width: 100%;
	transition: 0.3s cubic-bezier(0, 1, 0.75, 1)
}

.card-item-online .card-wrap .item-top a .cover:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.card-item-online .card-wrap .item-top a .audio-market {
	width: 46px;
	height: 19px;
	line-height: 19px;
	border-radius: 2px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 12px;
	color: #fff;
	transform: scale(0.83)
}

.card-item-online .card-wrap .item-top a .end-market {
	width: 44px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	background-color: #dddddd;
	font-size: 12px;
	text-align: center;
	position: absolute;
	left: 12px;
	top: 12px;
	color: #999999
}

.card-item-online .card-wrap .item-bottom {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 150px;
	padding: 14px 16px 16px;
	background-color: #fff
}

.card-item-online .card-wrap .item-bottom .detail-wrap .course-title {
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #333;
	line-height: 20px;
	transition: .15s ease-in-out;
	overflow:hidden;
　　text-overflow:ellipsis;
　　white-space:nowrap;

}

.card-item-online .card-wrap .item-bottom .detail-wrap .course-title:hover {
	color: #e74b3b
}

.card-item-online .card-wrap .item-bottom .detail-wrap .intro {
	
	align-items: center;
	text-align: left;
	padding-top: 12px;
	font-size: 12px;
	color: #999;
	line-height: 18px
}
.card-item-online .card-wrap .item-bottom .detail-wrap .intro i {
	float: right;
	
	}
.card-item-online .card-wrap .item-bottom .detail-wrap .intro i img{float: left; margin-top: 2px;}
.card-item-online .card-wrap .item-bottom .detail-wrap .intro span {
	position: relative;
	display: block;
	white-space: nowrap
}

.card-item-online .card-wrap .item-bottom .detail-wrap .intro span.name i {
	display: block;
	max-width: 150px
}

.card-item-online .card-wrap .item-bottom .detail-wrap .intro span.brief {
	padding-left: 22px
}

.card-item-online .card-wrap .item-bottom .detail-wrap .intro span.brief:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 10px;
	background-color: #f0f0f0;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.card-item-online .card-wrap .item-bottom .course-intro {
	font-size: 12px;
	font-weight: 300;
	line-height: 1.83;
	color: #999;
	height: 42px;
	word-break: break-all
}

.card-item-online .card-wrap .item-bottom .type-wrap {
	padding-top: 12px
}

.card-item-online .card-wrap .item-bottom .type-wrap .type-list {
	max-height: 22px;
	overflow: hidden
}

.card-item-online .card-wrap .item-bottom .type-wrap .type-list .type-item {
	float: left;
	border-radius: 2px;
	background-color: #f7f7f7;
	margin-right: 8px
}

.card-item-online .card-wrap .item-bottom .type-wrap .type-list .type-item a {
	display: block;
	height: 22px;
	padding: 0 8px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	color: #333;
	cursor: default
}

.card-item-online .card-wrap .item-bottom .type-wrap .activity-end-time {
	display: inline-block;
	font-size: 12px;
	color: #e74b3b;
	line-height: 22px;
	border-radius: 2px;
	background-color: rgba(231, 75, 59, 0.1);
	padding: 0 8px
}

.card-item-online .card-wrap .item-bottom .type-wrap .activity-end-time .text {
	padding-right: 4px
}

.card-item-online .card-wrap .item-bottom .type-wrap .activity-end-time .d-wrap {
	padding-right: 4px
}

.card-item-online .card-wrap .item-bottom .type-wrap .activity-end-time i {
	text-align: right
}

.card-item-online .card-wrap .item-bottom .type-wrap .activity-end-time i.s {
	display: inline-block;
	min-width: 15px
}

.card-item-online .card-wrap .item-bottom .extra {
	min-height: 22px;
	line-height: 22px;
	margin-top: 18px
}

.card-item-online .card-wrap .item-bottom .extra .join-wrap {
	float: right;
	font-size: 12px;
	text-align: justify;
	color: #999;
	margin-top: 1px
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap {
	float: left
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap span {
	display: inline-block;
	vertical-align: middle
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap span.origin-price {
	font-size: 12px;
	font-weight: 300;
	color: #999;
	padding-left: 4px;
	text-decoration: line-through
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap span.current-price {
	font-size: 18px;
	font-size: 18px;
	font-weight: 600;
	color: #ff4038
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap .pintuan-price {
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: 28px;
	padding: 0 12px;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 500;
	line-height: 28px;
	text-align: center;
	color: #ffffff;
	background-color: #e74b3b;
	transition: .15s ease-in-out
}

.card-item-online .card-wrap .item-bottom .extra .price-wrap .pintuan-price:hover {
	background-color: #cf4334
}

.card-item-offline {
	position: relative;
	float: left;
	padding: 0 5px;
	margin: 20px 10px 0 0
}

.card-item-offline:nth-of-type(4n),
.card-item-offline:last-child {
	margin-right: 0
}

.card-item-offline .tag {
	position: absolute;
	top: 0px;
	right: 15px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 26px;
	padding-left: 10px;padding-right: 10px;
	color: #000;
	z-index: 1;
	
}

.card-item-offline .tag.tag-short {
	
	background:rgba(253,208,0);
}

.card-item-offline .tag.tag-long {
	width: 72px;
	
}

.card-item-offline .vip-tag {
	position: absolute;
	top: 12px;
	left: 17px;
	height: 22px;
	border-radius: 13px;
	background-image: linear-gradient(to right, #f3cd81, #d59848);
	line-height: 22px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding: 0 12px;
	z-index: 1
}

.card-item-offline .card-wrap {
	width: 285px;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05)
}

.card-item-offline .card-wrap .item-top {
	position: relative;
	height: 193px
}

.card-item-offline .card-wrap .item-top .end-market {
	width: 44px;
	height: 20px;
	line-height: 20px;
	border-radius: 2px;
	background-color: #dddddd;
	font-size: 12px;
	text-align: center;
	position: absolute;
	left: 12px;
	top: 12px;
	color: #999999
}

.card-item-offline .card-wrap .item-top a {
	display: block;
	height: 100%;
	overflow: hidden;
	background: #f0f0f0
}

.card-item-offline .card-wrap .item-top a .cover {
	width: 100%; height: 193px;
	transition: 0.3s cubic-bezier(0, 1, 0.75, 1)
}

.card-item-offline .card-wrap .item-top a .cover:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.card-item-offline .card-wrap .item-top a .tag {
	position: absolute;
	top: 12px;
	left: 12px;
	height: 26px;
	background-size: cover;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 0 #fb580d
}

.card-item-offline .card-wrap .item-top a .tag.tag-short {
	width: 70px;
	background-image: url(../../../../oss-xpc0.xpccdn.com/Upload/edu/2019/10/245db165ce34af3.png)
}

.card-item-offline .card-wrap .item-top a .tag.tag-long {
	width: 82px;
	background-image: url(../../../../oss-xpc0.xpccdn.com/Upload/edu/2019/10/245db165d0b4a9d.png)
}

.card-item-offline .card-wrap .item-bottom {
	
	background-color: #fff;
	padding: 14px 16px 16px
}

.card-item-offline .card-wrap .item-bottom .mask .course-title {
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	color: #000;
	line-height: 20px;
	transition: .15s ease-in-out
}

.card-item-offline .card-wrap .item-bottom .mask .course-title:hover {
	color: #e74b3b
}

.card-item-offline .card-wrap .item-bottom .course-teacher {
	position: relative;
	font-size: 12px;
	color: #999;
	line-height: 18px;
	padding-top: 12px
}

.card-item-offline .card-wrap .item-bottom .course-teacher .left {
	display: flex;
	align-items: center;
	text-align: left
}

.card-item-offline .card-wrap .item-bottom .course-teacher .left span {
	position: relative;
	display: block;
	white-space: nowrap
}

.card-item-offline .card-wrap .item-bottom .course-teacher .left span.name i {
	display: block;
	
}

.card-item-offline .card-wrap .item-bottom .course-teacher .left span.brief {
	padding-left: 22px
}

.card-item-offline .card-wrap .item-bottom .course-teacher .left span.brief:before {
	content: "";
	position: absolute;
	width: 2px;
	height: 10px;
	background-color: #f0f0f0;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

.card-item-offline .card-wrap .item-bottom .course-intro {
	font-size: 12px;
	line-height: 1.5;
	color: #999;
	height: 36px;
	word-break: break-all;
	padding-top: 10px
}
.course-intro i{ padding-top: 10px;float: left;}


.course-intro span {
	font-size: 20px;
	font-weight: 300;float: right;font-weight: bold;

	color: #e6002d;
	
}
.card-item-offline .card-wrap .item-bottom .extra {
	padding-top: 12px;
	line-height: 22px;
	min-height: 22px
}

.card-item-offline .card-wrap .item-bottom .extra .type-list {
	float: left;
	overflow: hidden;
	max-height: 22px
}

.card-item-offline .card-wrap .item-bottom .extra .type-list .type-item {
	float: left;
	border-radius: 2px;
	background-color: #f7f7f7;
	margin-right: 8px
}

.card-item-offline .card-wrap .item-bottom .extra .type-list .type-item a {
	display: block;
	height: 22px;
	padding: 0 8px;
	font-size: 12px;
	text-align: center;
	color: #333;
	cursor: default
}

.card-item-live {
	display: inline-block;
	width: 353px;
	margin: 40px 40px 0 0
}

.card-item-live:nth-of-type(3n) {
	margin-right: 0
}

.card-item-live:hover .card-wrap:after {
	visibility: visible;
	opacity: 1
}

.card-item-live .card-wrap {
	position: relative;
	display: block
}

.card-item-live .card-wrap img {
	position: absolute;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	background-color: #d8d8d8
}

.card-item-live .card-wrap .content {
	margin-left: 106px
}

.card-item-live .card-wrap .content .time-wrap {
	display: flex;
	align-items: center
}

.card-item-live .card-wrap .content .time-wrap .time {
	font-size: 12px;
	color: #666;
	line-height: 1.5;
	text-align: justify
}

.card-item-live .card-wrap .content .time-wrap .status {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.5;
	text-align: justify;
	margin-left: 12px
}

.card-item-live .card-wrap .content .time-wrap .status.order {
	color: #7ec865
}

.card-item-live .card-wrap .content .time-wrap .status.live {
	color: #ea4064
}

.card-item-live .card-wrap .content .time-wrap .status.record {
	color: #a1a1a1
}

.card-item-live .card-wrap .content .title {
	height: 40px;
	font-size: 14px;
	color: #333;
	font-weight: 500;
	font-style: normal;
	text-align: justify;
	cursor: pointer;
	padding-top: 7px;
	transition: .15s ease-in-out
}

.card-item-live .card-wrap .content .title:hover {
	color: #e74b3b
}

.card-item-live .card-wrap .content .intro-wrap {
	position: relative;
	display: flex;
	align-items: center;
	text-align: left;
	padding-top: 7px;
	font-size: 12px;
	color: #999;
	line-height: 18px
}

.card-item-live .card-wrap .content .intro-wrap span.author {
	max-width: 175px
}

.card-item-live .card-wrap .content .intro-wrap span.sms-remind {
	position: absolute;
	right: 0;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	font-weight: 500;
	text-align: justify;
	color: #fff;
	border-radius: 11px;
	background-color: #7ec865;
	padding: 0 12px;
	z-index: 1;
	transition: .3s ease
}

.card-item-live .card-wrap .content .intro-wrap span.sms-remind:hover {
	background-color: #71B35A
}

.card-item-live .card-wrap .content .intro-wrap span.sms-remind.disabled {
	color: #fff;
	background-color: #ddd;
	cursor: default
}

.card-item-live .card-wrap:after {
	content: "";
	position: absolute;
	left: -12px;
	top: -12px;
	width: 378px;
	height: 114px;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: .15s ease-in-out
}

.card-item-path {
	display: inline-block;
	width: 545px;
	margin: 28px 50px 0 0
}

.card-item-path:nth-of-type(2n) {
	margin-right: 0
}

.card-item-path:hover .card-wrap:after {
	opacity: 1;
	visibility: visible
}

.card-item-path .card-wrap {
	position: relative;
	display: block
}

.card-item-path .card-wrap .img-wrap {
	position: absolute;
	padding-bottom: 10px
}

.card-item-path .card-wrap .img-wrap img {
	width: 140px;
	height: 140px;
	border-radius: 8px
}

.card-item-path .card-wrap .img-wrap img.img-top {
	position: relative;
	background-color: #d8d8d8;
	z-index: 1
}

.card-item-path .card-wrap .img-wrap img.img-mid {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 120px;
	height: 130px;
	opacity: 0.1 !important;
	transform: translateX(-50%)
}

.card-item-path .card-wrap .img-wrap img.img-down {
	position: absolute;
	left: 50%;
	bottom: 5px;
	width: 130px;
	height: 120px;
	opacity: 0.2 !important;
	transform: translateX(-50%)
}

.card-item-path .card-wrap .content {
	position: relative;
	top: 7px;
	margin-left: 160px
}

.card-item-path .card-wrap .content .title {
	font-size: 16px;
	color: #333;
	font-weight: 600;
	line-height: 22px
}

.card-item-path .card-wrap .content .desc {
	height: 40px;
	font-size: 14px;
	color: #666;
	padding-top: 8px
}

.card-item-path .card-wrap .content .subtitle {
	font-size: 12px;
	color: #999;
	line-height: 1.5;
	padding-top: 8px
}

.card-item-path .card-wrap .content .btn {
	display: block;
	width: 88px;
	height: 28px;
	line-height: 28px;
	border-radius: 15px;
	background-image: linear-gradient(to right, #f5826d 4%, #e74b3b);
	font-size: 12px;
	font-weight: 500;
	text-align: justify;
	color: #fff;
	text-align: center;
	margin-top: 12px
}

.card-item-path .card-wrap:after {
	content: "";
	position: absolute;
	left: -16px;
	top: -16px;
	width: 577px;
	height: 172px;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
	transition: .15s ease-in-out
}




/*过渡*/
.transition{transition:all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;}

.card-item-teacher {
	width: 270px;
	height: 367px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05);
	float: left
}
.card-item-teacher img{ width: 283px; height: 354px; cursor: pointer;}
.card-item-teacher .mingcheng{ height: 55px;background: rgba(0,0,0,.8); width: 100%; position: absolute; color: #fff; bottom: 0; text-align: center; padding-top: 3px;}
.card-item-teacher .mingcheng .damingzi{font-size: 18px; line-height: 1.6;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.card-item-teacher .mingcheng .diecheng{font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.card-item-teacher .tearchIns{width: 100%;height:287px;position:absolute;left: 0; text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);color: #fff; padding-top:10px; top: 280px;}

.card-item-teacher .inteas{line-height: 18px; max-height: 90px; overflow: hidden;font-size: 12px;}
.card-item-teacher .sline{border-top: 1px dashed #fff; width: 180px; margin: 0 auto;}
.card-item-teacher:hover .tearchIns{ padding-top: 80px; top: 0;}


.card-item-teacher .jieshao{background: rgba(0,0,0,.8); width: 100%; position: absolute; height: 100%; color: #fff; text-align: center; display: none;}
.card-item-teacher .jieshao .damingzi{font-size: 18px; line-height: 2; margin-top: 50px;}
.card-item-teacher .jieshao .diecheng{font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
    .card-item-teacher .jieshao .xiangxi{font-size: 12px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; padding: 30px 20px 0;}
.card-item-teacher:hover.card-item-teacher .jieshao{display:  block;}
.card-item-teacher:hover.card-item-teacher .mingcheng{ display: none;}

.card-item-teacher .card-wrap {
	padding: 20px
}

.card-item-teacher .avatar-wrap {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.card-item-teacher .avatar-wrap .teacher-img {
	width: 100%;
	border-radius: 50%;
	transition: .3s ease
}

.card-item-teacher .avatar-wrap .teacher-img.hover:hover {
	opacity: .5 !important
}

.card-item-teacher .avatar-wrap .author-v {
	width: 18px;
	height: 18px;
	bottom: 4px;
	right: 4px
}

.card-item-teacher .teacher-text .name-wrap {
	text-align: center;
	padding-top: 12px
}

.card-item-teacher .teacher-text .name-wrap .teacher-name {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: .3s ease
}

.card-item-teacher .teacher-text .name-wrap .teacher-name.hover:hover {
	color: #e74b3b
}

.card-item-teacher .teacher-text .teacher-title {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	color: #999;
	padding-top: 4px
}

.card-item-teacher .teacher-text p {
	position: relative;
	width: 100%;
	font-size: 12px;
	color: #666;
	line-height: 2.17;
	text-align: left;
	height: 182px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	padding-top: 10px
}
/* 个人页 */
.header-container .hover-wrap{top: 35px; left: -20px;}
.header-container .author-v{width: 10px; height: 10px; background-size: cover; background-repeat: no-repeat; position: absolute; right: 10px; bottom: 10px;}
.header-container .banner-wrap{position: relative;height: 370px;background-size: cover;background-position: center; overflow: inherit;}
.header-container .banner-btn a{height: 30px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; text-align: center; line-height: 30px; margin-left: 12px;}
.header-container .show-qr, .header-container .show-menu-btn{border: 1px solid rgba(153,153,153,.5); width: 32px!important; height: 30px;position: relative;}
.header-container .show-qr i, .header-container .show-menu-btn i{display: inline-block; vertical-align: middle;}
.header-container .show-qr i:before,.header-container .show-menu-btn i:before{font-size: 14px; color: #333;}
.header-container .show-menu-btn .drop-menu{display: none;}
.header-container .home-page {height:32px;padding: 0 16px; font-size:12px;font-weight: 500;color:#333;border:1px solid rgba(153,153,153,.5);position: relative;}
.header-container .home-page .home-page-new, .sort-new{width: 50px;height: 24px;border-radius: 4px;background-color: #e74b3b; font-size: 18px; color:#fff;font-weight: normal;position: absolute;display: block;font-stretch: normal;font-style: normal;line-height: 1.33;letter-spacing: normal;top: -12px;right: -20px;transform: scale(0.5);}
.header-container .show-menu-btn:hover .drop-menu {
  display: block;
  position: absolute;
  bottom: -52px;
  padding-top: 5px;
}
.header-container .show-menu-btn:hover .drop-menu .menu-item {
  border-radius: 2px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 120px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
  font-weight: 300;
  color:#333;
  text-align: left;
  padding-left: 20px;
}
.header-container, .header-container .show-menu-btn .drop-menu .menu-item:hover{
  background: #fff;
}
.header-container .banner-btn a.to-private-list{border: 1px solid rgba(153,153,153,.5); padding: 0 13px;}
.header-container .banner-btn a.set-bg{border: 1px solid rgba(153,153,153,.5); padding: 0 13px;}
.header-container .banner-btn a.set-info{border: 1px solid rgba(153,153,153,.5); padding: 0 18px;}
.header-container .banner-wrap .avator-wrap-s{border: 2px solid #fff;overflow:hidden;width: 100px; height: 100px;bottom: -52px; margin-left: -52px; position: absolute; left: 50%; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.header-container .banner-wrap .avator-wrap-s img{width: 100px; }
.header-container .banner-wrap .avator-wrap-s .author-v{width: 20px; height: 20px; right: 10px; bottom: 2px;}
.header-container .creator-info-wrap{background: #fff; border-bottom: 1px solid #f0f0f0;}
.header-container .creator-info-wrap .follow-btn .common-ajax-loading{width: 18px!important; height: 18px!important; margin: -9px 0 0 -9px!important;}
.header-container .creator-info-wrap .follow-btn .common-ajax-loading:before, .header-container .creator-info-wrap .follow-btn .common-ajax-loading:after{width: 16px!important; height: 16px!important; border-width: 2px!important;}
.header-container .creator-info-wrap .follow-btn .common-ajax-loading:after{width: 18px; height: 18px; border-width: 2px;}
.header-container .creator-info{padding-bottom: 30px; background: #fff; text-align: center;}

.header-container .creator-info p.creator-name{margin-top: 20px;}
.header-container .creator-info p.creator-name .vip1{
  display: inline-block;
  width: 26px;
  height: 20px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/09/055d70f8a79a45b.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding:0;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -4px;
}
.header-container .creator-info p.creator-name .vip1-overdue{
  display: inline-block;
  width: 26px;
  height: 20px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/09/055d70f8a79aa3c.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding:0;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -4px;
}
.header-container .creator-info p.creator-name .vip2{
  display: inline-block;
  width: 50px;
  height: 20px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/09/055d70f8a79a8f1.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding:0;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -4px;
}
.header-container .creator-info p.creator-name .vip2-overdue{
  display: inline-block;
  width: 50px;
  height: 20px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/09/055d70f8a789726.png);
  background-repeat: no-repeat;
  background-size: contain;
  padding:0;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -4px;
}
.header-container .creator-info p.creator-name .user-settings{
  width: 20px;
  height: 20px;
  background-image: url(https://oss-xpc0.xpccdn.com/Upload/edu/2019/11/205dd52654cac25.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.header-container .creator-info p.creator-name .user-settings:hover {opacity: 0.5;}
.header-container .creator-info p.creator-desc{margin-top: 10px; height: 21px;}
.header-container .creator-info p.creator-detail{margin-top: 14px;}
.header-container .creator-info p.creator-detail .fans-wrap, .header-container .creator-info p.creator-detail .follow-wrap{cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; margin-left: 36px;}
.header-container .creator-info p.creator-detail .fans-wrap:hover, .header-container .creator-info p.creator-detail .follow-wrap:hover{color: #333;}


.card-contanier .jieshao{width: 100%;  height: 100%; text-align: center; color: #202020;}
.card-contanier .jieshao .damingzi{font-size: 18px; line-height: 2; margin-top: 10px;}
.card-contanier .jieshao .diecheng{font-size: 14px;}
.card-contanier .jieshao .xiangxi{font-size: 12px;padding: 10px 20px 0; width: 500px; margin: 0 auto; color: #848383;}

  /* tab */
 .index-tab .tab-list > li.select{font-weight: 600; position: relative;}
.index-tab .tab-list > li.select > a{font-weight: 600;}
.index-tab .tab-list > li.select:after{content: ""; position: absolute; width: 70px; height: 4px; background-color: #fdd000; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.index-tab .tab-list > li a .tool-tip {
  /*display: block;*/
  bottom: 46px;
  width: 132px;
}

.index-tab{background: #fff; position: relative; margin-top: 30px;}
.index-tab .tab-list{font-size: 0; text-align: center; min-width: 500px; border-bottom: 1px solid #878787;}
.index-tab .tab-list > li{display: inline-block; margin: 0 20px; padding: 0 20px; height: 50px; line-height: 50px; cursor: pointer; position: relative; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.index-tab .tab-list > li:hover{font-weight: 600; color: #666;}
.index-tab .tab-list > li:hover > a{font-weight: 600; color: #666;}




.btn-wrap{font-size: 0; text-align:  center; padding-top: 60px; width: 960px; margin: 0 auto;}
.btn-wrap .btn{display: inline-block; width: 80px; height: 20px; line-height:20px; border: 0px solid rgba(153,153,153,.5); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  text-align: center;cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; background-color: #fff; vertical-align: top;}
.btn-wrap .btn.ajax-loading::before {margin-top: 8px;}
.btn-wrap .btn:hover{background-color: #f0f0f0;}
.btn-wrap .banner-btn a{position: relative; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.btn-wrap .banner-btn a:hover{background-color: #f0f0f0;}
.btn-wrap .banner-btn a .award-con-wrap {
  color: #fffefe; 
  line-height: 1.5;
  position: absolute;
  width: 185px;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 1;
  padding-bottom: 15px;
  transition: .3s ease;
  display: none;
}
.btn-wrap .banner-btn a .award-con-wrap:after {
  content: "";
  position: absolute;
  border-left: 5px solid rgba(0,0,0,0);
  border-right: 5px solid rgba(0,0,0,0);
  border-top: 8px solid #e74b3b;
  border-bottom: 8px solid rgba(0,0,0,0);
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.btn-wrap .banner-btn a .award-con-wrap .award-con{
  padding: 8px;
  background-color: #e74b3b;
  display: block;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  font-weight: 300;
}
.btn-wrap .follow-btn{width: 60px; border-color: #e74b3b; color: #000; font-size: 0;}
.btn-wrap .follow-btn .follow-icon:before{font-size: 12px; padding-right: 5px;}
.bg-red{background: #fdd000!important; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.bg-red:hover{background: #e1b902!important;}
.bg-red:active{background: #e1b902!important;}



/* 评论 */
.v-comment .cont li .com-box .name, .v-comment .cont li .com-box .re, .v-comment .cont li .com-box .func, .v-comment .cont li .com-box .re-img {
    margin: 0 0 0 65px;
}
.common-comment{background-color: #fff; position: relative; margin-bottom: 20px;font-size: 12px;}
.common-comment #comment-anchor{position: absolute; height: 90px; position: absolute; width: 100%; top: -90px; visibility: hidden;}
.common-comment .comment-top{padding: 20px 30px 30px;/* border-bottom: 1px solid #f0f0f0;*/}
.common-comment .comment-top .input-wrap{margin-top: 20px; position: relative;}
.common-comment .comment-top .input-wrap .avator-wrap{position: absolute; cursor: pointer; width: 38px; height: 38px;}
.common-comment .comment-top .input-wrap .input-area{margin-left: 55px;}
.common-comment .comment-top .input-wrap .input-area textarea{display: block; width: 100%; height: 80px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  background-color: #ffffff; border: solid 1px #e3e4e5; padding: 10px 14px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; font-size: 14px; color: #333; resize: none; margin-bottom: 14px; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .comment-top .input-wrap .input-area textarea:focus{border-color: #bbb;}
.common-comment .comment-top .input-wrap .input-area textarea{outline: none;}
.common-comment .comment-top .input-wrap .input-area textarea::-webkit-input-placeholder{color: #999; font-size: 14px; font-weight: 300;}
.common-comment .comment-top .input-wrap .input-area .relpy-wrap{position: relative; padding: 14px 100px 14px 20px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  background-color: #f8f8f8; line-height: 1.8; margin-bottom: 18px;}
.common-comment .comment-top .input-wrap .input-area .relpy-wrap a{color: #59ACF8;}
.common-comment .comment-top .input-wrap .input-area .relpy-wrap a:hover{color: #3E94E3;}
.common-comment .comment-top .input-wrap .input-area .relpy-wrap i.icon-close{position: absolute; font-size: 10px; color: #979797; top: 19px; right: 19px; cursor: pointer;}
.common-comment .comment-top .input-wrap .input-area .send-comment{float: right; width: 90px; height: 32px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  background-color: #e74b3b; color: #fffefe; text-align: center; line-height: 32px; cursor: pointer; position: relative;}
.common-comment .comment-top .input-wrap .input-area .send-comment .common-ajax-loading{width: 20px!important; height: 20px!important; margin: -10px 0 0 -10px!important;}
.common-comment .comment-top .input-wrap .input-area .send-comment .common-ajax-loading:before, .common-comment .comment-top .input-wrap .input-area .send-comment .common-ajax-loading:after{width: 20px!important; height: 20px!important; border-width: 2px!important;}
.common-comment .comment-top .no-login-wrap{padding-top: 15px; text-align: center;}
.common-comment .comment-top .no-login-wrap a{cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .comment-top .no-login-wrap a:hover{color: #666;}

.common-comment .comment-bottom .comment-list{padding: 0 30px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.common-comment .comment-bottom .comment-list li{position: relative; padding: 20px 0 12px; border-bottom: 1px solid #f0f0f0;}
.common-comment .comment-bottom li > a{position: absolute; cursor: pointer;}
.common-comment .comment-bottom li > a .head-wrap{display: block; width: 38px; height: 38px;}
.common-comment .user-avator{width: 100%; height: 100%; border: solid 1px #f0f0f0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;  transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .user-avator:hover{opacity: .5;}
.common-comment .comment-bottom .comment-list li:last-child{border-bottom: none;}
.common-comment .comment-bottom .comment-list li .comment-wrap{margin-left: 55px;}
.common-comment .comment-bottom .comment-list li .comment-wrap .user-name{transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; cursor: pointer;}
.reply-user-name{transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.reply-user-name:hover{color: #666;}
.common-comment .comment-bottom .comment-list li .comment-wrap .user-name:hover{color: #666;}
.common-comment .comment-bottom .comment-list li .comment-wrap .send-time{margin-left: 10px;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-con{line-height: 1.8; margin-top: 4px;word-wrap: break-word;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-con a{color: #59ACF8; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-con a:hover{color: #3E94E3;}

.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap{padding: 14px 20px; background-color: #f8f8f8; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  margin: 17px 0 8px;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap .head-wrap{position: static; display: inline-block;vertical-align: middle;}
/*.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap .reply-user-name{line-height: 1;}*/
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap .reply-con{padding-top: 6px; line-height: 1.8; word-wrap: break-word;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap .reply-con a{color: #59ACF8; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-reply-wrap .reply-con a:hover{color: #3E94E3;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-btn{float: right; margin-top: 10px; line-height: 1;position: absolute;top: 14px;right: 0;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-btn span{display: inline-block; vertical-align: middle; cursor: pointer; transition: .15s ease-in-out; -webkit-transition: .15s ease-in-out; -moz-transition: .15s ease-in-out; -ms-transition: .15s ease-in-out; -o-transition: .15s ease-in-out;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-btn span:hover{color: #333;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-btn span.approved{color: #e74b3b;}
.common-comment .comment-bottom .comment-list li .comment-wrap .comment-btn span:last-child:after{content: "";}
.common-comment .comment-bottom  .more-comment{height: 50px; text-align: center; line-height:  50px; cursor: pointer;}
.common-comment .comment-bottom .more-comment.no-more{color: #e3e4e5; cursor: default; background: #fff!important; height: 50px!important; line-height: 50px!important; padding-bottom: 0;}
.common-comment .comment-bottom .more-comment.more-btn{color: #999;}
.common-comment .comment-bottom .comment-empty{text-align: center; padding: 30px 0; color: #e3e4e5; border-top: 1px solid #f0f0f0;}
.hover-show, .hover-show+.v-center {display: none !important;}
.common-comment .comment-bottom .comment-list li:hover .hover-show {display: inline !important;}
.common-comment .comment-bottom .comment-list li:hover .hover-show+.v-center {display: inline-block !important;}
.comment-from{margin-left: 5px;font-weight: 300;}
.comment-from a{color: #999999;}
.comment-from a:hover{color: #236DCF;}

.ziyuan{ width: 1200px; margin: 0 auto; color: #929292;}
.xiaodaohang{ padding-top: 20px;}
.xiaodaohang span{ color: #fff;}

.zhutineir{ background: #202020; margin-top: 10px;overflow: hidden;}
.zhutineirleft{ width: 50%;float: left;}
.zhutineirleftimg{ width: 600px; height: 350px;float: left;}
.zhutineirleftwz{ width: 540px; height: 290px;float: right; padding: 30px;}
.zhutineirleftwz .zhuneiz{ width: 290px;float: left;}
.zhutineirleftwz .zhuneiz .dabiaoti{ color: #fff;font-size: 22px;}
.zhutineirleftwz .zhuneiz .fubiaotis{ color: #777777;font-size: 13px; border-bottom: 1px solid #434343; padding: 20px 0;}
.zhutineirleftwz .zhuneiz .fubiaotis .vipcha{color: #fdd100;font-size: 22px;font-weight: bold;}

.zhutineirleftwz .fenxianga{width: 155px;float: right;}
.zhutineirleftwz .fenxianga span{ float: left; line-height: 25px;font-size: 13px; margin-right: 5px;}
.zhutineirleftwz .fenxianga img{ width: 25px; margin: 0 5px;}
.zhutineirleftwz .fenxianga .fxanniu{ text-align: center; margin-top: 200px;}
.zhutineirleftwz .fenxianga .fxanniu a{ width: 80%;border-radius: 5px;background: #fdd000; padding: 10px 0; display: block;font-size: 15px;color: #000;}


.xiazaiyemian{ width: 100%;background-image:url(/templates/jbtxy/img/xiazaibga.jpg); height: 300px;background-size:100% 100% ;}
.xiazaititi{ color: #fdd000;font-size: 30px; text-align: center; padding-top: 120px;}
.xiazaikuang{ width: 500px; margin: 0 auto; padding-top: 10px;}
.xiazaikuang .input{ width: 450px; height: 40px;float: left; line-height: 30px; background: #fff; padding-left: 10px; border: 0;}
.xiazaikuang .inputs{ width: 40px;height: 40px;float: left; background:url(/templates/jbtxy/img/souk.png) center no-repeat #fdd000; background-size:70% ;border: 0px;}
.ssliru{ color: #8f8f8f;font-size: 14px; padding-left: 20px; clear: both;width: 500px; margin: 0 auto; padding-top: 10px;}

.xiazaixuanz{ background: #fff; text-align: center; overflow: hidden;}
.xiazaixuanz a{ color: #b0a8a8; padding: 20px 30px;font-size: 18px; display:  inline-block;}
.xiazaixuanz a:hover,.xiazaixuanz a.sel{ background: #fdd000; color: #000;}
.lijixiazai{ margin-top: 10px;}
.lijixiazai a{ background: #202020;border-radius: 5px; color: #fdd000; text-align: center; padding: 10px 0;font-size: 15px;display: block;}
.lijixiazai a:hover,.lijixiazai a.sel{ background: #fdd000; color: #000; }

#xpc-more>a{ height: 60px;}

.new-comment {
    padding: 40px 0 20px;font-size: 12px;
}

.new-comment .starRating {
    padding: 8px 42px 30px
}

.new-comment .v-comment {
    margin-top: 40px;
    border-top: 1px solid #f8f8f8;
    padding: 25px 0 30px
}

.new-comment .v-comment .no-result {
    padding: 0 0 30px;
    margin-top: -10px
}

.new-comment .v-comment .no-result p {
    font-size: 14px
}

.new-comment .v-tab-cont {
    padding: 30px 0 0
}

.new-comment .v-tab-cont .input {
    margin: 0 42px
}

.new-comment .v-tab-cont .input .textarea {
    width: 698px;
    height: 68px;
    margin-bottom: 15px;
    background: #f6f6f6
}

.new-comment .v-tab-cont .input .tip {
    width: 688px;
    height: 68px;
    background: #f8f8f8
}

.new-comment .v-tab-cont .input .num-box {
    position: absolute;
    bottom: 50px;
    right: 20px;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: #ccc;
    font-size: 0
}

.new-comment .v-tab-cont .input .num-box .num {
    font-size: 12px
}

.new-comment .v-tab-cont .input .num-box .length {
    display: none
}

.new-comment .v-tab-cont .input .btn-tj {
    background: #ff8a00;
    font-size: 14px
}

.new-comment .v-tab-cont .input .btn-tj:hover {
    background: #ffa800
}

.new-comment .v-tab-cont .input .btn-box .num {
    color: #ff8a00
}

.new-comment .v-tab-cont .input .btn-box .progress {
    border: 1px solid #ff8a00
}

.new-comment .v-tab-cont .input .btn-box .progress span {
    background: #ff8a00
}

.new-comment .v-tab-cont .input .btn-box .btn-del:hover,.new-comment .v-tab-cont .input .btn-box .btn-sc:hover {
    color: #ff8a00
}

.new-comment .v-tab-cont .input .btn-box .btn-sc span {
    font-size: 0
}

.new-comment .v-tab-cont .input .btn-box .btn-sc input {
    cursor: pointer
}

.new-comment .v-tab-cont .input .btn-box .btn-sc .qjfont {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    margin: -3px 10px 0 0;
    font-size: 20px;
    color: #bbb
}

.new-comment .v-tab-cont .input .btn-box .btn-sc:hover .qjfont {
    color: #ff8a00;
    font-size: 20px
}

.new-comment .v-tab-cont .input .btn-box .btn-sc:hover span {
    font-size: 14px
}

.new-comment .cont {
    padding-bottom: 30px
}

.new-comment .cont li .com-box {
    padding: 30px 42px
}

.new-comment .cont li .com-box .img {
    width: 44px;
    height: 44px
}

.new-comment .cont li .com-box .img img {
    width: 44px;
    height: 44px;border-radius: 50%;vertical-align: top;
    border: 0;
    max-width: 100%;
}

.new-comment .cont li .com-box .input2 {
    padding-top: 15px;
    width: 666px;
    margin: 0 148px 0 65px
}

.new-comment .cont li .com-box .input2 .num-box {
    position: absolute;
    bottom: 50px;
    right: 20px;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    color: #ccc;
    font-size: 0
}

.new-comment .cont li .com-box .input2 .num-box .num {
    font-size: 12px
}

.new-comment .cont li .com-box .input2 .num-box .length {
    display: none
}

.new-comment .cont li .com-box .name {overflow: hidden;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    padding-top: 3px;margin: 0 0 0 65px;
}

.new-comment .cont li .com-box .name a {
    color: #333;
    font-size: 14px;
    font-weight: 700
}

.new-comment .cont li .com-box .name a:hover {
    color: #ff8a00
}

.new-comment .cont li .com-box .re {
    padding-top: 6px;
    margin-right: 168px;
    font-size: 14px
}

.new-comment .cont li .com-box .func {
    padding: 18px 0 0
}

.new-comment .cont li .com-box .func span.fl {
    top: 0
}

.new-comment .cont li .com-box .func a {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: top
}

.new-comment .cont li .com-box .func .del {
    font-size: 12px;
    color: #999
}

.new-comment .cont li .com-box .func .del:hover {
    color: #ff8a00
}

.new-comment .cont li .com-box .func .reply {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    background: none;
    color: #999;
    font-size: 13px;
    margin-left: 40px
}

.new-comment .cont li .com-box .func .reply .qjfont {
    font-size: 14px
}

.new-comment .cont li .com-box .func .reply .qj-pinglunmianxing {
    display: none
}

.new-comment .cont li .com-box .func .reply:hover {
    background: none;
    text-decoration: none;
    color: #ff8a00
}

.new-comment .cont li .com-box .func .reply:hover .qj-pinglunmianxing {
    display: inline-block;
    *display: inline;
    *zoom:1}

.new-comment .cont li .com-box .func .reply:hover .qj-pinglunxianxing {
    display: none
}

.new-comment .cont li .com-box .func .laud {
    font-size: 13px;
    color: #999;
    margin-left: 40px
}

.new-comment .cont li .com-box .func .laud .qjfont {
    margin-right: 10px;
    font-size: 15px
}

.new-comment .cont li .com-box .func .laud .qj-dianzanmianxing {
    display: none
}

.new-comment .cont li .com-box .func .laud:hover,.new-comment .cont li .com-box .func .laud.laud-yellow {
    color: #ff8a00
}

.new-comment .cont li .com-box .func .laud:hover .qj-dianzanmianxing,.new-comment .cont li .com-box .func .laud.laud-yellow .qj-dianzanmianxing {
    display: inline-block;
    *display: inline;
    *zoom:1}

.new-comment .cont li .com-box .func .laud:hover .qj-dianzanxianxing,.new-comment .cont li .com-box .func .laud.laud-yellow .qj-dianzanxianxing {
    display: none
}

.new-comment .cont li .com-box .cover img {
    width: 138px;
    height: 100px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.new-comment .cont li .com-box .re-img {
    padding: 7px;
    margin-top: 15px;
    width: 100px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.new-comment .cont li .com-box .re-img img {
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 100px;
    max-height: 100px
}

.new-comment .cont li .com-to {
    position: relative;
    padding: 20px 30px;
    background: #f6f6f6;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: -10px 42px 0 107px
}

.new-comment .cont li .com-to:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 20px;
    font-size: 0;
    border-width: 8px;
    border-color: transparent transparent #f6f6f6 transparent;
    border-style: solid;
    border-top: 0
}

.new-comment .cont li .com-to .input2 {
    margin-left: 0
}

.new-comment .cont li .com-to .img {
    margin-left: 0;
    width: 30px
}

.new-comment .cont li .com-to .img img {
    width: 30px;
    height: 30px
}

.new-comment .cont li .com-to .name,.new-comment .cont li .com-to .re,.new-comment .cont li .com-to .func {
    margin-left: 45px
}

.new-comment .cont li .com-to .name {
    padding-top: 3px;
    font-size: 14px;
    color: #999
}

.new-comment .cont li .com-to .name a {
    font-weight: 700
}

.new-comment .cont li .com-to .re {
    padding-top: 3px;
    line-height: 22px;
    margin-right: 0
}

.new-comment .cont li .com-to .func a {
    display: inline-block;
    *display: inline;
    *zoom:1}

.new-comment .cont li .com-to .func .reply,.new-comment .cont li .com-to .func .laud {
    margin-left: 13px
}

.new-comment .cont li .com-to .input2 {
    margin-left: 45px;
    width: 561px
}

.new-comment .cont li .com-to .input2 .textarea {
    width: 489px !important;
    background: #fff
}

.new-comment .cont li .com-to .input2 .tip {
    width: 519px !important;
    background: #fff
}

.new-comment .input2 {
    margin: 10px 0 0;
    border: 0
}

.new-comment .input2 .textarea {
    width: 594px !important;
    padding: 12px 50px 12px 20px;
    height: 24px;
    line-height: 24px;
    resize: vertical;
    background: #f6f6f6;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.new-comment .input2 .textarea:focus {
    background: #fff
}

.new-comment .input2 textarea::-webkit-input-placeholder {
    color: #ccc
}

.new-comment .input2 textarea::-moz-placeholder {
    color: #ccc
}

.new-comment .input2 textarea:-moz-placeholder {
    color: #ccc
}

.new-comment .input2 textarea:-ms-input-placeholder {
    color: #ccc
}

.new-comment .input2 .btn-tj {
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    margin-top: 10px;
    font-size: 14px;
    background: #ff8a00;
    color: #fff
}

.new-comment .input2 .btn-tj span {
    display: none
}

.new-comment .input2 .btn-tj:hover {
    color: #fff;
    background: #ffa800
}

.new-comment .input2 .tip {
    top: 15px;
    width: 624px !important;
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    resize: none;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f6f6f6;
    border: 1px solid #eee
}

.new-comment .input2 .tip a {
    color: #ff8a00
}

.new-comment .input2 .tip a:hover {
    color: #ffa800
}

.new-comment .tit {
    margin-bottom: 0;
    font-size: 14px;
    color: #666
}

.new-comment .tit span {
    color: #999
}

.new-comment-more {
    line-height: 20px;
    text-align: center;
    font-size: 14px
}

.new-comment-more a:hover {
    color: #ffa800
}

.new-comment-more span {
    color: #999
}

.new-comment .info-cont5 {
    padding: 0;
    margin-top: -1px
}

.new-comment .info-cont5 li {
    padding: 30px 40px;
    border-top: 1px solid #f8f8f8;
    font-size: 0
}

.new-comment .info-cont5 li:hover {
    background: #f2f2f2
}

.new-comment .info-cont5 .num {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    width: 46px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #999
}

.new-comment .info-cont5 .ico-compress {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 34px;
    margin: 0 30px 0 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAiCAMAAAAau2s5AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAXVBMVEUQyPkQyPkQyPkQyPncXm33mzOzi0LupCpd1C1d1C1d1C1d1C1d1C0QyPnDslj+qyP+tDn+tj//TFX/V1//5s//////oqb/7Mz/4K3/vL/+u0z/vMBd1C3WtSUAAADaEx7FAAAADXRSTlMTrfv8zvPO8/2uE638AFlU5wAAAAFiS0dEHnIKICsAAAAJcEhZcwAACxIAAAsSAdLdfvwAAACISURBVDjL7dI5AoMwDAXRb/ZNhAQEAcL9r0lDsNUIlRRMab3CG+Ai8rWvszZYjhzgiK4hkUNsgzHIBumBOkxEafc+6lI5wSesH/hs6MVIwpGn79HEowJnXv5bXHhW4BrC9Z7QfBjz9WgXnoly/4S5nOAn2vyn2OTkgTosbLBAaYMlqrq5hk1d7c78YJPpp5wIAAAAAElFTkSuQmCC) no-repeat 0 0
}

.new-comment .info-cont5 .name {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #666
}

.new-comment .info-cont5 .name a {
    color: #666
}

.new-comment .info-cont5 .name a:hover {
    color: #ff8a00
}

.new-comment .info-cont5 .btn {
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    width: 84px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
    background: #ff8a00;
    text-align: center;
    font-weight: 700;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.new-comment .info-cont5 .btn:hover {
    background: #ffa800
}

.hezuo{ width: 800px; margin: 0 auto;}
.hezuo .biaotixianshi{ height: 50px;line-height: 50px; background: #000; text-align: center; color: #fdd000;font-size: 25px;;}
.hezuo .tijiaonei{ background: #fff; padding: 30px 50px;}
.hezuo .tijiaonei p{color: #ff0000;font-size: 14px; text-align: center;}
.hezuo .tijiaonei .mingzishad{ color: #000;font-size: 16px; margin-top: 30px; margin-bottom: 5px;}
.hezuo .tijiaonei .mingzishad span{color: #ff0000;}
.hezuo .tijiaonei .inpustj{border:1px solid #959595; height: 30px; line-height: 30px; width: calc(100% - 30px)}
.hezuo .tijiaonei .inpustj1{ background: url(/templates/jbtxy/img/tj_ico_1.png) 5px center no-repeat; background-size:22px ; padding-left: 30px;}
.hezuo .tijiaonei .inpustj2{ background: url(/templates/jbtxy/img/tj_ico_2.png) 5px center no-repeat; background-size:22px ; padding-left: 30px;}
.hezuo .tijiaonei .inpustj3{ background: url(/templates/jbtxy/img/tj_ico_3.png) 5px center no-repeat; background-size:22px ; padding-left: 30px;}
.hezuo .tijiaonei .inpustj4{ background: url(/templates/jbtxy/img/tj_ico_4.png) 5px center no-repeat; background-size:22px ; padding-left: 30px;}
.hezuo .tijiaonei .inpustj5{ background: url(/templates/jbtxy/img/tj_ico_5.png) 5px center no-repeat; background-size:22px ; padding-left: 30px;}
.hezuo .tijiaonei .shurukuangk{ width: 100%; height: 100px;}
.hezuo .tijiaonei .tijiaoan{ margin-top: 50px; margin-bottom: 20px; text-align: center;}
.hezuo .tijiaonei .tijiaoan input{ color: #fdd000; background: #000;border-radius: 5px; padding: 10px 50px;font-size: 20px;}



.abouts{ width: 1150px; margin: 0 auto; padding-top: 50px;}
.abouts h1{font-size: 30px; padding: 10px 0;}
.abouts .daohangx{height: 40px; background: #202020; line-height: 40px;}
.abouts .daohangx a{ display: inline-block; padding: 0 20px; color: #efefef;font-size: 14px;}
.abouts .daohangx a:hover,.abouts .daohangx a.sela{background: #fdd000; color: #000;}
.abouts .neirongs{ padding: 10px 20px 50px; background: #fff;font-size: 14px; line-height:2;}
.video-play{
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,1);
	position: fixed;
	left:0;
	top:0;
	z-index: 1000001;
	text-align: center;
	 display: none; 
}
.video-play.black-full{
	background:rgba(0,0,0,1);
}
.video-play .video-top{
	position: relative;
	display: inline-block;
	margin-top: 80px;
}
.video-play video{
	width: 900px;
    height: 500px;
}
.video-play #close {
    position: absolute;
    top: -10px;
    right: -40px;
    cursor: pointer;
    color: white;
    width: 15px;
    height: 15px;
    background: url(/templates/jbtxy/img/close.jpg);
    background-size: 100%;
}
.view-intro{
	margin: 12px 0 40px;
	position: relative;
}
.view-intro .video-img{
	width: 100%;
	cursor: pointer;
	vertical-align: top;
}
.view-intro .cover-wrap{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.2);
	cursor: pointer;
	transition: .3s;
}
.view-intro .cover-wrap:hover{
	background: rgba(0,0,0,0);
}
.view-intro .cover-wrap .play-btn{
	position: absolute;
    width:66px;
    left: 50%;
    top: 50%;
    margin: -33px 0 0 -33px;
    z-index: 10;
}


.jiaoshilist{ width: 1200px; margin: 0 auto; padding-top: 20px;}
.jiaoshilist h1{font-size: 30px; padding: 10px 0;}



.tuanduix {
	width: 258px;
	height: 323px;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); margin-top: 20px;
	float: left; margin-right: 20px;
}
.tuanduix img{width:258px; height: 323px; cursor: pointer;}
.tuanduix .mingcheng{ height: 55px;background: rgba(0,0,0,.8); width: 100%; position: absolute; color: #fff; bottom: 0; text-align: center; padding-top: 3px;}
.tuanduix .mingcheng .damingzi{font-size: 18px; line-height: 1.6;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.tuanduix .mingcheng .diecheng{font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.tuanduix .jieshao{background: rgba(0,0,0,.8); width: 100%; position: absolute; height: 100%; color: #fff; text-align: center; display: none;}
.tuanduix .jieshao .damingzi{font-size: 18px; line-height: 2; margin-top: 20px;}
.tuanduix .jieshao .diecheng{font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
    .tuanduix .jieshao .xiangxi{font-size: 12px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; padding: 30px 20px 0;}
.tuanduix:hover.tuanduix .jieshao{display:  block;}
.tuanduix:hover.tuanduix .mingcheng{ display: none;}

.tuanduix .card-wrap {
	padding: 20px
}

.tuanduix .avatar-wrap {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.tuanduix .avatar-wrap .teacher-img {
	width: 100%;
	border-radius: 50%;
	transition: .3s ease
}

.tuanduix .avatar-wrap .teacher-img.hover:hover {
	opacity: .5 !important
}

.tuanduix .avatar-wrap .author-v {
	width: 18px;
	height: 18px;
	bottom: 4px;
	right: 4px
}

.tuanduix .teacher-text .name-wrap {
	text-align: center;
	padding-top: 12px
}

.tuanduix .teacher-text .name-wrap .teacher-name {
	display: inline-block;
	max-width: 100%;
	text-align: center;
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: .3s ease
}

.tuanduix .teacher-text .name-wrap .teacher-name.hover:hover {
	color: #e74b3b
}

.tuanduix .teacher-text .teacher-title {
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	color: #999;
	padding-top: 4px
}

.tuanduix .teacher-text p {
	position: relative;
	width: 100%;
	font-size: 12px;
	color: #666;
	line-height: 2.17;
	text-align: left;
	height: 182px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	padding-top: 10px
}

.tuanduihx{ position: relative; line-height: 1.5; height: 100%;}



.slide-tab{margin-top: 20px; font-size: 0; border-bottom: 1px solid #9b9b9b; padding-bottom: 30px;}
.slide-tab li{display: inline-block;  *zoom: 1;  height: 35px; text-align: center; line-height: 35px;  margin-right: 22px; margin-bottom: 10px; font-size: 14px;border: 1px solid #202020;}
.slide-tab li:last-child{margin-right: 0;}
.slide-tab li.tab-active{border-bottom: 2px solid #4bf;}

.slide-tab li a{display: block; height: 100%; color: #202020; padding:0 20px;}
.slide-tab li.active{border: 1px solid #fdd100; background: #fdd100;}

.coo-content-text {
    
    width: 100%;
}
.hide {
    display: none;
}

.xinwennrul{ margin: 0; padding: 0;}
.xinwennrul li{ height:168px; border-bottom: 1px solid #9b9b9b; padding-bottom: 15px;margin-top: 15px;}
.xinwennrul li img{float: left; width: 345px;height: 168px; }

.xinwennrul li .rightnr{float: right; width: 730px;height:168px;}
.xinwennrul li .rightnr .biaotix{ font-size: 20px; text-decoration: underline;overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
	.xinwennrul li .rightnr .biaotix a{ color: #000;}
.xinwennrul li .rightnr .btneirong{font-size: 14px; height: 90px; padding-top: 5px; line-height: 1.3;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;}
.xinwennrul li .rightnr .riqiha{font-size: 16px; padding-top: 5px; }

.xieyi{ width: 1150px; margin: 0 auto; padding-top: 50px;}
.xieyi h1{font-size: 30px; padding: 10px 0;}
.xieyi .daohangx{height: 40px; background: #c5c5c5; line-height: 40px;}
.xieyi .daohangx a{ display: inline-block; padding: 0 20px; color: #efefef;font-size: 14px;}
.xieyi .daohangx a:hover,.xieyi .daohangx a.sela{background: #000; color: #efefef;}
.xieyi .neirongs{ padding: 10px 20px 50px; background: #fff;font-size: 14px; line-height:2;}


.tanchuchuang{background: rgba(0,0,0,.5); width: 100%;height: 100%;position: fixed;z-index: 9999999;top: 0;}
.tanchuchuang .waikuangjia{ width: 994px; height:635px; margin: 0 auto;transform: translateY(-50%);top: 50%;position: relative;background: #fff;border-radius: 10px; overflow: hidden;}
.tanchuchuang .waikuangjia .toptiao{ background: #000; padding-left: 35px; display: flex; height: 70px}
.tanchuchuang .waikuangjia .toptiao .weidenglu{ color: #fff;font-size: 15px;line-height: 70px;}
.tanchuchuang .waikuangjia .toptiao .weidenglu a{ color: #fdd001;text-decoration: underline;}
.tanchuchuang .waikuangjia .toptiao .touxiang{ width: 60px; height: 60px; border-radius: 50%; margin-top: 5px;}
.tanchuchuang .waikuangjia .toptiao .nicheng{ color: #fff;font-weight: bold;font-size: 15px; padding-left: 15px; padding-top: 15px;}
.tanchuchuang .waikuangjia .toptiao .nicheng span{font-weight: normal;font-size: 13px;}
.tanchuchuang .waikuangjia .toptiao .guanbix{ margin-left: auto;color: #fff;font-size: 20PX;font-family: arial; line-height: 70px; padding-right: 20px; cursor: pointer;}
.tanchuchuang .waikuangjia .vipleft{ width: 238px;float: left;background: #f0f0f0; height: 565px;}
.tanchuchuang .waikuangjia .vipleft .tequan{ padding: 40px 0 0 25px;}
.tanchuchuang .waikuangjia .vipleft .tequan h2{font-weight: bold; padding-bottom: 20px;}
.tanchuchuang .waikuangjia .vipleft .tequan .linwenzi{font-size: 14px; line-height: 3;}
.tanchuchuang .waikuangjia .vipleft .tequan .linwenzi span{font-size: 15px;font-weight: bold;}
.tanchuchuang .waikuangjia .vipleft .tuhaha{ padding-top: 30px;}
.tanchuchuang .waikuangjia .vipright{ width: 756px;float: right;}
.tanchuchuang .waikuangjia .vipright .taocanxz{border-bottom: 1px solid #a0a0a0; padding:35px 20px;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li{ width: 200px; height: 234px;border-radius:5px;overflow: hidden; cursor: pointer;border: 1px solid #c9c9c9; float: left;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .dintop{ height: 43px; line-height: 43px;background: #fdd000; text-align: center;font-weight: bold;font-size: 17px;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian{ height: 190px;border-top: 0;border-bottom-right-radius:5px;border-bottom-left-radius:5px; text-align: center;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .vipimg{ padding: 15px 0 0 ;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .vipimg img{ width: 60px;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .yuanjia{ color: #9f9f9f;text-decoration:line-through;font-size: 14px;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .xianjia{ color: #cda160;font-size: 16px; padding: 10px 0;}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .xianjia span{font-size: 19px;font-weight: bold}
.tanchuchuang .waikuangjia .vipright .taocanxz ul li .zhongjian .beizhuk{color: #9f9f9f;font-size: 16px;}



.tanchuchuang .waikuangjia .vipright .taocanxz ul li:hover,.tanchuchuang .waikuangjia .vipright .taocanxz ul li.hahachu{border: 2px solid #000;background:url(/templates/jbtxy/img/dagou.png) right bottom no-repeat; background-size:20% ;}

.tanchuchuang .waikuangjia .vipright .taocanxz .wztixing{ clear: both;}
.tanchuchuang .waikuangjia .vipright .taocanxz .wztixing .kuang1{ width: 200px; float: left; text-align: center; font-size: 12px; text-align: center; padding-top: 5px;}
.tanchuchuang .waikuangjia .vipright .taocanxz .wztixing .kuang1 span{color: #ff003b;}
.tanchuchuang .waikuangjia .zhifuha{clear: both; text-align: center; padding-top: 30px; }
.tanchuchuang .waikuangjia .zhifuha .weixin{ display: inline-block; margin: 0 30px;}
.tanchuchuang .waikuangjia .zhifuha .weixin p i{font-size: 15px; color: #1aad19;}
.tanchuchuang .waikuangjia .xiandenglu{padding: 20px 30px; background: #eeeeee;border-radius: 10px; display: inline-block;}

.video-inline {
  
    height: 478px;
    width: 850px;
}
.jiangshigan {
    color: #666666;
    font-size: 12px;
   
    padding: 0px 0 5px;
    text-align: left;
}
.xiaotishi_guanzhu{ color: #fff;font-size: 10px;border-radius: 3px;background: #5e5e5e;padding: 3px 5px; margin-left: 10px;}
.kechenglist{ height: 300px; overflow-y:auto}
.kechenglist ul{margin: 0;padding: 0;}
.kechenglist ul li{color: #fff;font-size: 12px;clear: both;}
.kechenglist ul li h1{font-size: 14px; cursor: pointer; height: 30px;background: #353535;line-height: 30px; padding: 0 10px;}
  .kechenglist ul li h1 .zibt{ width: 90%;overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}
.kechenglist ul li h1 .yuanquan,.yuanquan1{float: right; margin-top: 13px; height: 15px;}

.zwlblib{ display: none; position: relative; overflow: hidden;}
.zwlblib .hengxianx{ margin: 0; clear: both;height: 30px; line-height: 30px;}
.zwlblib .hengxianx .leftwz{float: left; width: calc(75% - 10px);overflow: hidden; padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;text-align: left;}
	.zwlblib .hengxianx .leftwz a{ color: #fff;}
	.zwlblib .hengxianx .leftwz a:hover{ color: #fed000;}
	.zwlblib .huangsebj .leftwz a:hover{ color: #fff;}
.zwlblib .hengxianx .rightshixu{padding-right: 10px;
	float: right; 	 text-align: right;  calc(30% - 10px); height: 30px;
}
.zwlblib .hengxianx .rightshixu span{ color: #fed000;padding: 2px;border-radius: 1px;border: 1px solid #fed000; line-height: 1;font-size: 10px;cursor: pointer;}
.huangsebj{background: #fed000;}
.vipydong{
	
	position: absolute; right: -60px;top: 60px; height: 270px; width: 400px; display: none;
}
.vipydong .vipzhutinr{
	
	background: #fff; height: 160px; padding: 10px;
}

.vipydong .vipzhutinr .chaojivitbt{ background: #fed000; padding: 10px;border-radius: 5px; line-height: 1;}
.vipydong .vipzhutinr .chaojivitbt .dingtuhe{font-size: 22px;font-weight: bold;}
.vipydong .vipzhutinr .chaojivitbt .dingtuhe .leftimg{float: left; margin-right:5px; margin-bottom: 10px;}
.vipydong .vipzhutinr .chaojivitbt p{font-size: 12px; clear: both;font-weight:  normal;}
.vipydong .vipzhutinr .vipkecheng{ margin: 0; padding: 5px 0;}
.vipydong .vipzhutinr .vipkecheng li{border-radius: 3px;border: 1px solid #c0c3bd; padding: 5px 10px 8px; line-height: 1.2; float: left; width: 97px; margin-top: 5px;}
.vipydong .vipzhutinr .vipkecheng li .vipkeico{float: left; margin-right: 5px;} 
.vipydong .vipzhutinr .vipkecheng li a{font-size: 12px;}
.vipydong .vipzhutinr .vipkecheng li .vipkeico img{ width: 25px;}

.vipydong .vipgengduo{background: #dfdfdf;border-bottom-left-radius:10px;border-bottom-right-radius:10px; text-align: center;}
.vipydong .vipgengduo a:hover{ font-weight: bold;}
.nav-vip:hover .vipydong{display: block;}

.vipgengduoh{
	background: #000; text-align: center; padding: 50px 30px;
	
}
.vipgengduoh .dazi{font-size: 40px;font-weight: bold; color: #fed000;}
.vipgengduoh .quanyisuo{ border-radius: 20px; padding: 10px 30px;border:3px solid #fed000; display: inline-block; color: #fff; margin-top: 10px;font-size: 14px;}
.vipgengduoh .quanyiul{ display: block; padding-top: 30px;}
.vipgengduoh .quanyili{ display: inline-block; color: #fff; margin-left: 50px;}
.vipgengduoh .quanyili img{width: 20px;}

.chaojivip{
	background: #eee; padding: 50px 0px 30px;	
}

.chaojivipmanage{ width: 1140px; margin: 0 auto;border: 1px solid #c5c5c5;border-radius: 5px;}
.chaojiviphei{background: #000;padding: 20px; text-align: center;font-size: 30px; color: #fed000;border-radius: 5px;font-weight: bold;}
.chaojiviphei span{padding-right: 10px;}
.chaojiviphei p{font-size: 20px; padding-top: 10px;font-weight: normal;}
.chaojivipneirong{padding: 30px 0 10px; text-align: center;}
.chaojivipneirong .vipkukaix{ width: 250px; height: 300px;border: 1px solid #c9c9c9;border-radius: 5px; display: inline-block; background: #fff; cursor:  pointer;}

.chaojivipneirong .vipkukaix:hover,.chaojivipneirong .vipkukaix.hahachu{border: 1px solid #000;background:url(/templates/jbtxy/img/dagou.png) #fff right bottom no-repeat; background-size:20% ;}


.chaojivipneirong .vipkukaix .viptopha{font-weight: bold;font-size: 28px;padding: 10px 0; background: #fed000;border-top-left-radius: 5px;border-top-right-radius: 5px;}

.chaojivipneirong .vipkukaix  .zhongjian{ height: 190px;border-top: 0;border-bottom-right-radius:5px;border-bottom-left-radius:5px; text-align: center;}
.chaojivipneirong .vipkukaix  .zhongjian .vipimg{ padding: 15px 0 0 ;}
.chaojivipneirong .vipkukaix  .zhongjian .vipimg img{ width: 90px;}
.chaojivipneirong .vipkukaix  .zhongjian .yuanjia{ color: #9f9f9f;text-decoration:line-through;font-size: 18px;}
.chaojivipneirong .vipkukaix  .zhongjian .xianjia{ color: #cda160;font-size: 26px; padding: 10px 0;}
.chaojivipneirong .vipkukaix  .zhongjian .xianjia span{font-size: 29px;font-weight: bold}
.chaojivipneirong .vipkukaix  .zhongjian .beizhuk{color: #9f9f9f;font-size: 20px;}


.chaojivipneirong2{padding-bottom:50px; text-align: center; font-size: 15px;}
.chaojivipneirong2 .vipkukaix2{ width: 250px;display: inline-block;}
.chaojivipneirong2 .vipkukaix2 span{ color: #ff003b;}
.lijigoumai{ text-align: center; padding-bottom: 30px;}
.lijigoumai a{ background: #000; padding: 20px 50px; color:#fed000 ; border-radius: 10px;font-size: 20px; display: inline-block;}


.vipbaisebj{background: #fff; padding: 50px 0;}

.vipbaisebj .vipfenleikuang{ width: 1140px; margin: 0 auto; text-align: center;}
.vipbaisebj .vipfenleikuang .fenleivip{background: #dfdfdf;padding: 20px;font-size: 30px;font-weight: bold; border-radius:5px;}
.vipbaisebj .vipfenleikuang .fenleivip span{padding-right: 10px;}
.vipbaisebj .vipfenleikuang .fenleivip p{font-size: 20px; padding-top: 10px;font-weight:normal;}


.fenleineirongs{padding: 30px 0 10px; text-align: center;}
.fenleineirongs .vipkukaix{ width: 250px; height: 420px;border: 1px solid #c9c9c9;border-radius: 5px; display: inline-block; background: #fff;}



.fenleineirongs .vipkukaix .viptopha{font-weight: bold;font-size: 23px;padding: 10px 0; background: #000;border-top-left-radius: 5px;border-top-right-radius: 5px; color:#fed000 ;}
.fenleineirongs .vipkukaix .viptopha img{ width: 40px}
.fenleineirongs .vipkukaix  .zhongjian{ height: 190px;border-top: 0;border-bottom-right-radius:5px;border-bottom-left-radius:5px; text-align: center;}
.fenleineirongs .vipkukaix  .zhongjian .vipimg{ padding: 15px 0 0 ;}
.fenleineirongs .vipkukaix  .zhongjian .vipimg img{ width: 90px;}
.fenleineirongs .vipkukaix  .zhongjian .yuanjia{ color: #9f9f9f;text-decoration:line-through;font-size: 18px;}
.fenleineirongs .vipkukaix  .zhongjian .xianjia{ color: #cda160;font-size: 26px; padding: 50px 0 10px;}
.fenleineirongs .vipkukaix  .zhongjian .xianjia span{font-size: 35px;font-weight: bold}
.fenleineirongs .vipkukaix  .zhongjian .beizhuk{color: #9f9f9f;font-size: 15px;}
.fenleineirongs .vipkukaix  .zhongjian .jianjiehah{ text-align: left; padding: 30px 10px;font-size: 13px; line-height: 2;} 
.lijigoumai{ text-align:  center;}
.lijigoumai a{ display:  inline-block; background: #e0e0e0; color: #000;border-radius: 10px;padding: 10px 30px;}
.lijigoumai a:hover{background: #fed000;}

.geleiduibi{width: 1140px; margin: 0 auto;}
.geleiduibi .duibibiaoti{ text-align: center;font-size: 30px;}
.geleiduibi .duibibiaoge{border: 1px solid #000;border-radius: 10px;overflow: hidden; background: #fff}
.geleiduibi .duibibiaoge .biaogehaha { width: 100%}
.geleiduibi .duibibiaoge .biaogehaha tr th{ background: #000; text-align: center; color:#fed000; padding: 20px 0;font-size: 20px; line-height: 1;font-weight: normal;}
.geleiduibi .duibibiaoge .biaogehaha tr th span{ color: #fff;font-size: 12px;}
.geleiduibi .duibibiaoge .biaogehaha tr .rihthengxian{border-right: 1px #c3c3c3 dotted;}
.geleiduibi .duibibiaoge .biaogehaha tr .bottomhengxian{border-bottom: 1px #000 solid;}
.geleiduibi .duibibiaoge .biaogehaha tr td{font-size: 17px; text-align: center; padding: 30px 0;}
.geleiduibi .duibibiaoge .biaogehaha tr td.heisebj{ background: #dfdfdf;}
.geleiduibi .duibibiaoge .biaogehaha tr td span{ color: #919191;font-size: 13px;}

.changjianwneti{ margin: 0; padding-top: 30px;}

.changjianwneti li{width:45%; float: left; height: 120px;}
.changjianwneti li .wenda{border-bottom: 1px dotted #a0a0a0;font-size: 15px; line-height: 2;}
.changjianwneti li p{ color: #858585;font-size: 13px; padding-top: 10px;}