.main {
	float: left;
	width:100%;
	margin-right: 32px;
}


.tutor-content {
	padding-bottom: 11px;
	text-align: justify;
	word-break: break-word;
	color: #666
}

.tutor-content h2,.tutor-content h3 {
	font-weight: 700;
	color: #343434
}

.tutor-content h2 {
	font-size: 20px;
	display: inline-block
}

.tutor-content h3 {
	margin-bottom: 10px
}

.tutor-content img {
	display: block;
	margin: 10px auto 17px;
	height: auto !important;
	border-radius: 8px
}

.tutor-content p {
	margin-bottom: 10px;
	line-height: 22px
}

.tutor-content a {
	color: #339ef9
}

.tutor-content a:hover {
	color: #343434
}

.tutor-content .about-tutor-title {
	overflow: hidden;
	margin: 10px 0 15px
}

.tutor-content .about-tutor-title .tutor-tips {
	float: right;
	margin: 0 0 0 20px;
	line-height: 40px !important;
	margin-bottom: 0 !important
}

.tutor-content .about-tutor-title .tutor-tips .num {
	color: #6fabe1;
	margin: 0 2px
}

.tutor-content .about-tutor-summary ul {
	list-style: disc;
	margin-bottom: 22px
}

.tutor-content .about-tutor-summary ul:first-child {
	margin-top: 0
}

.tutor-content .about-tutor-summary ol {
	list-style: decimal;
	margin-bottom: 22px
}

.tutor-content .about-tutor-summary li {
	border: 0;
	margin-left: 30px;
	padding: 0;
	margin-bottom: 8px;
	overflow: visible
}

.topic-list li {
	background: #f9f9f9;
	border-radius: 8px;
	padding: 30px 20px 0;
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #eeeeee;
}

.topic-list li h2 {
	font-size: 18px;
	line-height: 20px;
	margin: 10px 0
}

.topic-list li ul {
	list-style: disc;
	margin-bottom: 22px
}

.topic-list li ul:first-child {
	margin-top: 0
}

.topic-list li ol {
	list-style: decimal;
	margin-bottom: 22px
}

.topic-list li li {
	border: 0;
	margin-left: 30px;
	padding: 0;
	margin-bottom: 8px;
	overflow: visible
}

.topic-list .tag-space {
	margin-top: 38px
}

.topic-list .topic-price {
	position: relative;
	clear: both;
	float: left;
	display: block;
	line-height: 25px;
	font-size: 14px;
	color: #343434
}

.topic-list .topic-price .yuan {
	vertical-align: top;
	font-size: 12px
}

.topic-list .topic-price .price {
	vertical-align: middle;
	font-size: 20px
}

.topic-list .topic-price .time {
	vertical-align: sub;
	font-size: 12px
}

.topic-list .original-price {
	float: left;
	display: block;
	line-height: 25px;
	color: #666;
	margin: 4px 0 0 15px;
	text-decoration: line-through
}

.topic-list .icebreaker-price {
	color: #6fabe1;
	cursor: pointer
}

.topic-list .icebreaker-price .icon,.topic-list .icebreaker-price .stars
	{
	line-height: 25px;
	color: #6fabe1;
	vertical-align: bottom;
	font-size: 16px;
	cursor: pointer
}

.topic-list .topic-info {
	position: relative;
	margin-bottom: 10px
}

.topic-list .topic-introduction .info {
	font-size: 12px;
	line-height: 100%;
	margin: 25px 0
}

.topic-list .topic-introduction .info p {
	margin: 0
}

.topic-list .topic-introduction .info p:after,.topic-list .topic-introduction .info p:before
	{
	content: " ";
	display: table
}

.topic-list .topic-introduction .info p:after {
	clear: both
}

.topic-list .topic-introduction .info span {
	display: block
}

.topic-list .topic-introduction .info span:first-child {
	float: left
}

.topic-list .topic-introduction .info span:nth-child(2) {
	margin-left: 220px
}

.topic-list .topic-introduction .info .info-item {
	line-height: 22px;
	margin: 25px 0
}

.topic-list .topic-introduction .info .icon,.topic-list .topic-introduction .info .stars
	{
	display: inline-block;
	color: #b3b3b3;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 10px;
	background: #fcfaf9;
	float: none;
	font-size: 20px;
	padding: 0
}

.topic-list .topic-introduction .info .icon:hover,.topic-list .topic-introduction .info .stars:hover
	{
	color: #6fabe1
}

.topic-list .topic-introduction .info .voice {
	overflow: hidden
}

.topic-list .topic-introduction .info .voice .qrcode {
	width: 120px;
	float: left
}

.topic-list .topic-introduction .info .voice .download {
	float: left;
	margin: 90px 0 0 10px
}

.topic-list .topic-introduction .info .voice-mobile {
	display: none
}

.topic-list .topic-content-fold {
	max-height: 90px;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px
}

.topic-list .topic-content-fold .fold {
	position: absolute;
	top: 70px;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(245, 245, 245, 0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fcfaf9',
		endColorstr='#fffcfaf9', GradientType=0 );
	background: -webkit-linear-gradient(rgba(252, 250, 249, .1) 0, #fcfaf9
		75% );
	background: linear-gradient(rgba(252, 250, 249, .1) 0, #fcfaf9 75% )
}

.topic-list .topic-info:after,.topic-list .topic-info:before {
	content: " ";
	display: table
}

.topic-list .topic-info:after {
	clear: both
}

.topic-list .topic-info .topic-title {
	float: left
}

.topic-list .topic-title {
	margin: 0
}

.topic-list .duration {
	font-size: 14px;
	color: #999
}

.topic-list .rating {
	position: absolute;
	top: 2px;
	right: 0;
	line-height: 25px;
	font-size: 20px;
	color: #343434;
	cursor: pointer
}

.topic-list .rating .unit {
	font-size: 12px;
	vertical-align: baseline
}

.topic-list .rating .icon,.topic-list .rating .stars {
	line-height: 25px;
	color: #b3b3b3;
	vertical-align: bottom;
	font-size: 16px;
	cursor: pointer
}

.topic-list .topic-content {
	margin-bottom: 15px;
	color: #666
}

.topic-list .topic-ft {
	border-top: 1px solid #ddd;
	height: 50px;
	line-height: 18px
}

.topic-list .topic-ft:after,.topic-list .topic-ft:before {
	content: " ";
	display: table
}

.topic-list .topic-ft:after {
	clear: both
}

.topic-list .topic-ft .topic-info {
	display: inline-block
}

.topic-list .topic-ft .topic-info .meet-num,.topic-list .topic-ft .topic-info .meet-time
	{
	display: inline-block;
	margin: 16px 6px 16px 0;
	padding-right: 10px
}

.topic-list .topic-ft .topic-info .meet-time {
	border-right: 1px solid #ddd
}


.topic-list .topic-ft .topic-info .icon:hover,.topic-list .topic-ft .topic-info .stars:hover
	{
	background: #6fabe1;
	color: #fff
}

.topic-list .topic-ft .topic-info .icon-weibo {
	line-height: 28px !important
}


.topic-list .topic-ft .topic-more-btn .icon,.topic-list .topic-ft .topic-more-btn .stars
	{
	vertical-align: middle;
	font-size: 26px;
	color: #6fabe1;
	margin-top: -4px
}

.topic-list .topic-ft .topic-more-btn:hover {
	background: #6fabe1;
}

.topic-more-btn {
	float: right;
	height: 18px;
	line-height: 16px;
	border-radius: 9px;
	border: 1px solid #6fabe1;
	color: #6fabe1;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 6px;
	margin-top: 16px
}
.bg-cover,.cover 
.cover-image{width: 100%;height: 400px;overflow: hidden;}
.cover{position:relative;margin-top: 5px;overflow: hidden;height: 400px;}
.cover .cover-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index: 0}
.single-white-wrap{margin:0 10px;padding:28px 10px}

.operation-list{padding:10px}.operation-list a{border-radius:20px}
.btn-hg{width:100%;height:40px;line-height:40px;text-align:center;display: block;}
.btn-primary,
.btn-unavailable,
.btn-warning,.login-overlay 
.login-overlay-inner .btn-submit,.login-overlay 
.btn-primary{background:#4d96db;border:1px solid #4d96db;color:#fff;}
.btn-primary:hover{background:#3974ac;border:1px solid #3974ac;color:#fff;}

.follow-btn{margin-top:12px}

.btn-plat{border:1px solid #ccc;color:#343434}
.btn-plat:hover{border:1px solid #3974ac;color:#3974ac}
.btn-plat:active{border:1px solid #ccc}

.topic-tutor-pic{display:block;width:50px;height:50px;float:left;border-radius:50%;background-size:cover;
background-position:center;background-color:#ededed}

.btn-primary-2{background:#ffffff;border:1px solid #4d96db}
.btn-primary-2:hover{border:1px solid #225d95;color:#666666;}
.btn-primary-active{background:#4d96db;border:1px solid #4d96db;color:#fff;}
.btn-primary-active:hover{background:#4d96db;border:1px solid #4d96db;color:#fff;}



.layui-tab-title {
	position: relative;
	left: 0;
	height: 40px;
	white-space: nowrap;
	font-size: 0;
	border-bottom: 0px;
	transition: all .2s;
	-webkit-transition: all .2s
}

.topic-tutor-pic{
display:block;
width:150px;height:150px;
border:5px solid #ffffff;
border-radius:50%;
float: left;
margin-top: -80px;
position:absolute;
z-index: 2;
background-size:cover;
background-position:center;
}