/* 公共样式 */
html{
	height:100%;
}
body{
	min-height: 100%;
	margin:0;
	font-family:Tahoma,Arial,Roboto,”Droid Sans”,”Helvetica Neue”,”Droid Sans Fallback”,”Heiti SC”,sans-self;
	background-color:#f7f7f7;
	font-size:14px;
	color:#666;
	padding-bottom:60px;
	position: relative;
	box-sizing:border-box;
}
p,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight: normal;
}
ul,ol,li{
	margin:0;
	padding:0;
	list-style: none;
}
a,a:visited{
	color:#666;
	text-decoration: none;
}
.panel{
	margin-bottom:10px;
}
.center{
	text-align: center;
}
.right{
	float:right;
}
.left{
	float:left;
}
.comment, .play-small, .collection, .pm{
	padding-left:16px;
	font-size:12px;
	color:#666;
	margin-right:6px;
}
.comment{
	background:url(../images/icon-comment.png) no-repeat left center;
	background-size: 12px auto;
}
.pm{
	background:url(../images/icon-msg.png) no-repeat left center;
	background-size: 12px auto;
}
.collection{
	background:url(../images/icon-star.png) no-repeat left 20%;
	background-size: 12px auto;
}
.play-small{
	background:url(../images/icon-play-small.png) no-repeat left center;
	background-size: 12px auto;
}
.comment-btn, .collection-btn, .back-btn{
	height:48px;	
	width:40px;
	display: inline-block;
	vertical-align: middle;
}
.comment-btn{
	background:url(../images/icon-comment.png) no-repeat left center;
	background-size: auto 20px;
}
.collection-btn{
	background:url(../images/icon-star.png) no-repeat left 45%;
	background-size: auto 20px;
}
.collection-btn.active{
	background:url(../images/icon-star-active.png) no-repeat left 45%;
	background-size: auto 20px;
}
.back-btn{
	background:url(../images/icon-back-gray.png) no-repeat left center;
	background-size: auto 20px;
}
.slider{
	height: 0;
	overflow: hidden;
	transition:height .3s ease;
}
/* 导航条 */
.nav{
	height:48px;
	background:#fff;
}
.navbtn{
	height:48px;
	width:44px;
}
.menu{
	background:url(../images/list.png) no-repeat center center;
	background-size:26px;
	float:left;
}
.ucenter{
	background:url(../images/ucenter.png) no-repeat center center;
	background-size:28px;
	float:right;
	text-align: center;
}
.ucenter img{
	width:30px;
	height:30px;
	border-radius: 50%;
	margin-top:8px;
}
.search{
	background:url(../images/search.png) no-repeat center center;
	background-size:24px;
	float:right;
}
.nav-center{
	text-align: center;
	margin-left:100px;
	margin-right:100px;
}
.home{
	background:url(../images/logo.png) no-repeat center center;
	background-size:30px auto;
	display: inline-block;
}
/* 弹出导航 */
.nav-pop{
	background:rgba(0,0,0,.8);
	position:absolute;
	top:44px;
	width:100%;
	height:100%;
	z-index: 20;
	display: none;
}
.nav-pop .close{
	float:right;
	width:40px;
	height:40px;
	background: url(../images/btn-close.png) no-repeat center center;
	background-size: 15px;
}
.nav-pop .menu-wrapper{
	clear:both;
	margin-top:100px;
	overflow: hidden;
}
.nav-pop .left-menu{
	float:left;
	width:50%;
	text-align: right;
	padding-right:20px;
	box-sizing:border-box;
	border-right:1px solid #fff;
}
.nav-pop .right-menu{
	float:right;
	width:50%;
	padding-left:20px;
	box-sizing:border-box;
	text-align: left;
}
.left-menu a, .right-menu a{
	font-size:20px;
	color:#fff;	
	display:block;
	line-height: 50px;
}
ul.btn-list{
	overflow: hidden;
	font-size:14px;
	padding:18px 0;
}
ul.btn-list li{
	float:left;
	width:25%;
}
ul.btn-list a{
	display:block;
	text-align: center;
	padding:55px 0 0;
}
ul.btn-list li:nth-child(1) a{
	background:url(../images/btn-new.png) no-repeat center top;
	background-size: auto 45px;
}
ul.btn-list li:nth-child(2) a{
	background:url(../images/btn-vip.png) no-repeat center top;
	background-size: auto 50px;
}
ul.btn-list li:nth-child(3) a{
	background:url(../images/btn-lession.png) no-repeat center top;
	background-size: auto 53px;
}
ul.btn-list li:nth-child(4) a{
	background:url(../images/btn-tab.png) no-repeat center top;
	background-size: auto 52px;
}
.carousel{
	background-color: #fff;
}
.carousel img{
	width:100%;
	display:block;
}
.swiper-slide{
	width:33.3333%;
}
.lazy{
	background: url(../images/thumb.png) no-repeat center center;
	background-size: cover;
	height:200px !important;
}
.main{
	padding:0 10px;
}
/* 一级标题 */
h1{
	font-size: 16px;
	color:#666;
	margin-bottom:10px;
	font-weight:normal;
}
h1:nth-of-type(1){
	margin-top:10px;
}
/* 课程按钮 */
.lession-btn{
	font-size:0;
}
.lession-btn a{
	font-size:16px;
	display:inline-block;
	width:48%;
	height:68px;
	line-height: 68px;
	border-radius: 6px;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding-left:15px;
	margin-bottom:10px;
}
.lession-btn a:nth-child(1){
	background: #f5f9fa url(../images/lession1.jpg) no-repeat right center;
	background-size:auto 68px;
	margin-right:4%;
}
.lession-btn a:nth-child(2){
	background: #f6fcfd url(../images/lession2.jpg) no-repeat right center;
	background-size:auto 68px;
}
.lession-btn a:nth-child(3){
	background: #f8feff url(../images/lession3.jpg) no-repeat right center;
	background-size:auto 68px;
	margin-right:4%;
}
.lession-btn a:nth-child(4){
	background: #f0f8fb url(../images/lession4.jpg) no-repeat right center;
	background-size:auto 68px;
}
/* 新手和vip */
.new-vip{
	font-size:0;
	margin-bottom: 10px;
}
.new-vip a:first-child{
	display: inline-block;
	background:#c13737 url(../images/new.png) no-repeat center center;
	background-size: auto 66px;
	width:48%;
	margin-right:4%;
	border-radius:6px;
	height:66px;
}
.new-vip a:last-child{
	height:66px;
	width:48%;
	display: inline-block;
	background:#8e45c8 url(../images/vip.png) no-repeat center center;
	background-size: auto 66px;
	border-radius:6px;
}
/* 口琴列表 */
.harp-list{
	margin-bottom: 10px !important;
}
.harp-list  a{
	display:block;
}
.harp-list a img{
	max-width: 100%;
	display:block;
	margin:0 auto;
}
.harp-list  .title{
	background:#fff;
	margin:0 auto;
	padding:0 4px;
	text-align: center;
	font-size:12px;
}

.recmd-list, .tab-list{
	background: #fff;
	margin-bottom:10px !important;
	padding:10px;
	border:1px solid #cfcfcf;
}
.recmd-list a{
	display: block;
	overflow: hidden;
}
.recmd-list img, .tab-list img{
	display: block;
	width:100%;
}
.recmd-list .title, .tab-list .title{
	background:#fff;
	margin:0 auto;
	padding:4px;
	text-align: center;
	font-size:12px;
}
.tab-list ul{
	overflow: hidden;
	margin-right:-10px;
}
.tab-list li{
	float:left;
	width:33.33%;
}
.tab-list a{
	margin-right:10px;
	overflow: hidden;
	display: block;
}
/* 教程页面 */
.lession-nav{
	padding:15px 0;
	border-bottom:1px solid #eee;
	height:24px;
}
.lession-nav > li{
	width:25%;
	float:left;
	position: relative;
}
.lession-nav > li > a{
	display: block;
	border-right:1px solid #aeaeae;
	text-align: center;
	line-height:24px;
	font-size:14px;
}

.lession-nav  li a.active{
	color:#10b3ff;
}

.lession-list{
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-radius:4px;
	margin-bottom: 10px;
}
.lession-list > li{
	border-bottom:1px solid #eaeaea;
	background-color: #fff;
}
.lession-list > li:first-child{
	border-top:1px solid #eaeaea;
}
.lession-list > li > a{
	font-size:14px;
	display: block;
	line-height: 45px;
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	background-origin: content-box;
	background-size: auto 13px;
	padding:0 10px;
	position:relative;
}
.lession-list i.vip{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/icon-vip.png) no-repeat;
	background-size: 36px auto;
	width:36px;
	height:36px;
	z-index:1;
}
.lession-list > li.open > a{
	background:url(../images/icon-arrow-down.png) no-repeat right center;
	background-origin: content-box;
	background-size: 13px auto;
}
.lession-list > li div.content{
	border-top: 1px solid #eaeaea;
	background:#eff8fc;
	padding:10px;
}
.lession-list > li img{
	max-width:100%;
	display: block;
	margin:10px auto;
}
.category{
	padding:10px;
	border:1px solid #eaeaea;
	margin:10px 0;
	background:#fff;
	overflow: hidden;
}
.category img{
	float:right;
	width:100px;
}
.category .text{
	margin-right:120px;
}
.category h2{
	font-size:14px;
	padding-bottom: 6px;
	margin-bottom:10px;
	border-bottom:1px solid #eaeaea;
}
.category .descrition{
	line-height: 1.5;
}
.license{
	background: #fff;
	padding:10px;
	border:1px solid #eaeaea;
	margin-bottom:10px;
	line-height: 1.5;
}
.music{
	border-top: 1px solid #eaeaea;
	background: #eff8fc;
}
/* 音乐列表 */
.music > li{
	position: relative;
}
.music > li > a{
	font-size:14px;
	display: block;
	line-height: 45px;
	padding:0 10px;
	background:url(../images/blue-play.png) no-repeat right center;
	background-origin: content-box;
	background-size: auto 20px;
	position: relative;
	border-bottom:1px solid #eaeaea;
}
.music > li.playing > a{
	background-image:url(../images/blue-pause.png);
}
.music > li .progress{
	width:0;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background: #90dcff;
}
.music li:last-child a{
	border-bottom:0;
}
/* 电台 */
.player {
	height:200px;
	background: url(../images/player-bg.jpg) no-repeat left center;
	background-size: cover;
	overflow:hidden;
	position:relative;
}
.player .title{
	color:#fff;
	font-size:16px;
	text-align: center;
	margin:80px 20px 0;
}
.player .play-btn{
	position: absolute;
	text-align: center;
	bottom:20px;
	width:100%;
}
.player .backward, .player .forward{
	display: inline-block;
	vertical-align: middle;
	height:15px;
	width:20px;
	margin:0 20px;
}
.player .play, .player .pause{
	display: inline-block;
	vertical-align: middle;
	height:40px;
	width:40px;
}
.player .play{
	background: url(../images/icon-play.png) no-repeat center center;
	background-size:auto 40px;
}
.player .pause{
	background: url(../images/icon-pause.png) no-repeat center center;
	background-size:auto 40px;
}
.player .backward{
	background: url(../images/icon-backward.png) no-repeat center center;
	background-size:auto 15px;
}
.player .forward{
	background: url(../images/icon-forward.png) no-repeat center center;
	background-size:auto 15px;
}
.radio-list{
	margin-bottom:10px;
}
.radio-list li{
	padding:10px;
	background: #fff;
	border-bottom:4px solid #f7f7f7;
}
.radio-list li a.title, .radio-row a.title{
	font-size:14px;
	line-height:1.2;
	display: block;
}
.radio-list .btn{
	overflow: auto;
	margin-top:10px;
}

.radio-row{
	background:#fff;
	padding:10px;
	margin-bottom:5px;
	overflow: auto;
}
/* 评论列表  */
.comment-block{
	background:#fff;
	padding:10px;
}
.comment-list li{
	margin:10px 0;
}
.comment-list li img{
	width:32px;
	height:32px;
	float:left;
	border-radius:16px;
}
.comment-list a.at{
	color:#0086c5;
}
.comment-list .content-wrap{
	margin-left:50px;
	color:#666;
	line-height: 1.2;
}
.comment-list h2{
	font-size:14px;
}
.comment-list .btn{
	float:right;
}
.comment-list .time{
	font-size:12px;
}
.more{
	background: url(../images/icon-arrow-down.png) no-repeat center center;
	background-size: auto 8px;
	width:20px;
	height:8px;	
	display: inline-block;
}
.more-btn{
	background: url(../images/icon-triangle-down.png) no-repeat center center;
	background-size: 12px auto;
	height:40px;
	line-height: 40px;
	display: block;
 	text-align: center;
	text-indent: -99999px;	
}
.more-btn.loading{
	background:transparent;
	text-indent:0;
}
.more-btn-index{
	background:transparent;
	text-indent:0;
}
.comment-toolbar{
	box-sizing:border-box;
	border-top:1px solid #efefef;
	width:100%;
	background:#f8f8f8;
	padding:0 20px;
	position:fixed;
	bottom:0;
	z-index: 10;
}
.comment-form{
	height:30px;
	padding:5px;
	display:none;
}
.msg-toolbar{
	box-sizing:border-box;
	border-top:1px solid #efefef;
	width:100%;
	background:#f8f8f8;
	padding:4px 20px;
	position:fixed;
	bottom:0;
	z-index: 10;
}
.comment-form input, .msg-form input{
	font-size:14px;
	line-height: 20px;
	padding:5px;
	outline: none;
	box-sizing: border-box;
	border:1px solid #ddd;
	border-radius:4px;
}
.comment-form input.text, .msg-form input.text{
	width:80%;
}
.comment-form input.btn, .msg-form input.btn{
	width:18%;
	border:1px solid #0086c5;
	color:#0086c5;
	background-color:transparent;
}
.comment-form input.btn[disabled], .msg-form input.btn[disabled]{
	border:1px solid #ddd;
	color:#ddd;
}
/* 教程详情, 新闻详情*/
.lession, .article, .master, .video{
	font-size:14px;
	color:#666;
	padding:20px 10px;
	background:#fff;
	margin-bottom:10px;
}
.lession h2, .article h2{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
.video{
	padding:10px;
}
.lession .icon-wrap, .article .icon-wrap, .master .icon-wrap{
	margin-bottom:10px;
}
.icon-wrap .time{
	margin-right:10px;
	float:right;
}
.content{
	line-height: 1.8;
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}
.content img{
	max-width:100%;
	height:auto !important;
	display:block;
	margin:0 auto;
}
.content table{
	max-width: 100%;
	width:100% !important;
}
.master h2{
	font-size:16px;
	margin-bottom: 10px;
}
.master .avatar{
	border:2px solid #2d9fff;
	width:120px;
	height:120px;
	border-radius:50%;
	margin:10px auto;
	display: block;
}
.video-player{
	background:#666;
	min-height:200px;
}
/* 名家 */
.master-nav{
	margin:10px;
	height: 30px;
	border:1px solid #c8c8c8;
}
.master-nav li{
	width:25%;
	float:left;
}
.master-nav li a{
	display:block;
	line-height: 30px;
	font-size: 14px; 
	text-align: center;
	border-right:1px solid #c8c8c8;
}
.master-nav li:last-child a{
	border-right:0;
}
.master-nav li a.active{
	background: #000;
	color:#fff;
}
.master-list{
	margin:0 10px;
	overflow: auto;
}
.master-list li{
	width:50%;
	float:left;
}
.master-list li a{
	width:145px;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	background: #fff;
	margin:0 auto 10px;
	display: block;
	position: relative;
}
.master-list li i{
	position: absolute;
	left:10px;
	top:0;
	width:20px;
	height:22px;
	padding-top:6px;
	background:url(../images/flag.png) no-repeat;
	background-size: 20px auto;
	text-align: center;
	color:#fff;
	font-size:9px;
	font-style: normal;
}
.master-list li img{
	width:145px;
	height:145px;
	display:block;
	margin:0 auto;
}
.master-list li .title{
	line-height: 1.2;
	padding:6px 0;
	margin:0 10px;
	border-bottom:1px solid #e6e6e6;
}
.master-list li .title span{
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
	white-space: nowrap;
}
.master-list li .icon-wrap{
	text-align: right;
	padding:2px 10px;
}
.video-list{
	padding:0 10px 0;
	margin-bottom: 0;
}
.video-list li a{
	display: block;
	border-bottom:1px solid #eaeaea;
	padding:10px 0;
	overflow:hidden;
}
.video-list li img{
	float:left;
	width:120px;
}
.video-list li .text{
	margin-left:130px;
}
.video-list li h2{
	font-size:14px;
	line-height: 1.4;
}
.video-list .btn{
	height:20px;
}
/* 新闻分类 */
.cat-list {
	height:40px;
}
.cat-list li{
	float:left;
	width:16.6666%;
	text-align: center;
}
.cat-list li a{
	line-height: 40px;
	font-size:16px;
}
.cat-list li.current a{
	border:1px solid #999;
	padding:2px 6px;
	color:#00b6ff;
}

.article-list li{
	background:#fff;
	margin-bottom:20px;
	padding:10px;
}
.article-list li:last-child{
	margin-bottom:0;
}
.article-list .cat-line{
	margin:10px 0;
	line-height: 20px;
}
.article-list .category{
	border:1px solid #999;
	padding:2px 6px;
}
.article-list li .time{
	float:right;
	font-size:12px;
	color:#666;
}
.article-list li .title{
	font-size:16px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.article-list li a{
	display:block;
}
.article-list li .thumbnail{
	margin:0 -10px -10px;
}
.article-list li .thumbnail img{
	display: block;
	width:100%;
}
.article-list.index{
	margin-bottom: 10px;
	padding:0;
}
.content .about-logo{
	margin:20px auto;
	display:block;
	height:28px;
}
.contact img{
	height:14px;
	vertical-align: middle;
	margin-right:4px;
}
.contact{
	margin:20px 0;
	line-height: 2;
}
.contact .weibo{
	padding-left:18px;
	background: url(../images/weibo.png) no-repeat left center;
	background-size:14px auto;
}
.contact .wechat{
	padding-left:18px;
	background: url(../images/wechat.png) no-repeat left center;
	background-size:14px auto;
}
.vip-table{
	border-collapse: collapse;
	margin-bottom: 10px;
	color:#666;
}
.vip-table th{
	background:#ccc;
	color:#333;
	padding:10px;
}
.vip-table td{
	border:1px solid #c8c8c8;
	padding:10px;
	background: #fff;
	line-height:1.5;
}
.vip-table td p{
	margin-bottom:8px;
}
.vip-flow{
	margin-bottom: 20px;
	line-height: 2.4;
}
.circle{
	vertical-align: middle;
	display: inline-block;
	width:22px;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	background: #beeaff;
	margin-right: 10px;
}
.bank-info{
	line-height: 2.0;
}

/* 我的蓝调 */
.user-info{
	background: url(../images/my-bg.jpg) no-repeat;
	background-size: cover;
	padding:15px;
	text-align: center;
}
.avatar-upload {
	width:100px;
	height:100px;
	position: relative;
	overflow: hidden;
	margin:0 auto;
}
.avatar-upload img{
	display: block;
	width:100px;
	height:100px;
	border-radius: 50%;
	background-color:#fff;
	background-size:100px auto;
}
.avatar-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	height: 100%;
	text-align: center;
	width:100%;
}
.user-info .title{
	color:#fff;
	font-size:16px;
	font-weight: bold;
	margin:10px auto;
}
.user-info .vip, .user-info .novip{
	display: block;
	background:url(../images/icon-crown.png) no-repeat center center;
	background-size: 43px 45px;
	width:50px;
	height:50px;
	margin:auto;
}
.user-info .novip{
	background:url(../images/icon-crown-gray.png) no-repeat center center;
	background-size: 43px 45px;
}
.user-info .icon{
	color:#fff;
	margin-top:10px;
	height:30px;
}
.user-info .btn-msg, .user-info .btn-comment{
	display: inline-block;
	width:30px;
	height:30px;
	position: relative;
}
.user-info .icon .left{
	text-align: right;
	width:50%;
	padding-right: 30px;
	box-sizing: border-box;
}
.user-info .icon .right{
	text-align: left;
	width: 50%;
	box-sizing:border-box;
	border-left:1px solid #fff;
	padding-left:30px;
}
.user-info .btn-msg{
	background:url(../images/icon-msg-white.png) no-repeat center center;
	background-size:auto 20px;
}
.user-info .btn-comment{
	margin-top:1px;	
	background:url(../images/icon-comment-white.png) no-repeat center center;
	background-size:auto 25px;
}
.user-info .login-btn{
	margin-top:10px;
	font-size:14px;
}
.user-info .login-btn a{
	width:4em;
	color:#fff;
	display: inline-block;
	margin-right:-4px;
}
.user-info .login-btn a:first-child{
	border-right:1px solid #fff;
}
.logobg{
	background: url(../images/logo-gray.png) no-repeat 56% center;
	background-size:130px auto;
	height:400px;
}
/* 通用列表 */
.list{
	margin-bottom: 10px;
	background: #fff;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.list > li{
	border-bottom:1px solid #eee;
	margin-left:10px;
	padding-right: 10px;
}
.list > li:last-child{
	border-bottom:0;
}
.list > li > a{
	font-size:16px;
	display: block;
	line-height: 45px;
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	background-size: auto 13px;
}
.list > li.open > a{
	background:url(../images/icon-arrow-down.png) no-repeat right center;
	background-size: 13px auto;
}
/* boogieman */
.boogieman-brand{
	margin-top:10px;
	border:1px solid #eee;
	background:#fff url(../images/boogieman-logo.png) no-repeat center 60px;
	background-size: auto 60px;
	padding-top:130px;
	text-align: center;
}
.boogieman-brand h2{
	font-size:30px;
}
.boogieman-brand > p{
	margin:10px 0 30px;
	font-size:20px;
}
.boogieman-brand .story{
	color:#3dc89c;
	font-size:14px;
	cursor: pointer;
} 
.boogieman-brand div.arrow{
	background: url(../images/icon-arrow-down.png) no-repeat center center;
	background-size:auto 8px;
	height:40px;
	display:block;
	cursor: pointer;
	-webkit-transition:-webkit-transform .3s .6s;
	transition: transform .3s .6s;
}
.boogieman-brand div.arrow.open{
	-webkit-transform:rotateZ(180deg);
	-webkit-transition: -webkit-transform .3s .6s;
	transform:rotateZ(180deg);
	transition: transform .3s .6s;
}
.boogieman-brand .content{
	text-align: left;
	padding:10px;
}
.list.boogieman{
	box-shadow:none;
	border:1px solid #eee;
	margin-top:10px;
}
.list.boogieman > li > a{
	line-height:100px;
}
.list.boogieman .boogieman-pic{
	display: inline-block;
	margin:10px 20px 10px 10px;
	width:110px;
	vertical-align: middle;
}
.music.boogieman{
	border:1px solid #eaeaea;
	margin-bottom: 10px;
}
a.buy-btn, a.btn{
	color:#4fcba2;
	border:1px solid #4fcba2;
	border-radius: 4px;
	font-size:14px;
	padding:10px 20px;
	display: block;
	text-align: center;
	margin:10px 0;
}
/* 登录和注册 */
.login{
	background: #10b3ff url(../images/login-bg.png) no-repeat top center;
	background-size: cover;
	height:100%;
}
.login form{
	padding-top:65%;
}
.login .form-control,.login .form-btn{
	margin:0 auto 15px;
	width:50%;
	border:1px solid #fff;
	border-radius: 18px;
	display:block;
	padding:8px 15px;
	-webkit-appearance:none;
	outline: none;
	box-sizing:border-box;
}
.login .form-control-group{
	width:50%;
	margin: 0 auto 15px;
	position: relative;
}
.form-control-group .form-control{
	width:100%;
	padding-right:80px;
}
.form-control-group .code{
	position: absolute;
	right:0;
	top:0;
	height:36px;
	background: #fff;
	border-top-right-radius:18px;
	border-bottom-right-radius:18px;
	padding-right:10px;
}
.form-control-group a.change{
	position: absolute;
	top:0;
	right:-4em;
	font-size:10px;
	color:#fff;
  	line-height: 36px;
}
.login .form-control{
	font-size:14px;
	background:transparent;
	color:#fff;
}
.login ::-webkit-input-placeholder{
	color:#fff;
}
.login .form-btn{
	background: #fff;
	color:#10b3ff;
	font-size:15px;
}
.login .go-reg{
	text-align: center;
	margin-bottom:10px;
}
.login .go-reg a{
	color:#fff;
}
.nav-bar{
	padding-top:20px;
	height: 44px;
	line-height: 44px;
	font-size:18px;
	color:#fff;
	text-align: center;
	border-bottom:1px solid rgba(255,255,255, .3);
	position:relative;
}
.nav-btn{
	position: absolute;
	color:#fff;
	line-height: 44px;
}
.nav-btn:first-child{
	left:10px;
}
.nav-btn.back{
	background:url(../images/icon-back-white.png) no-repeat left 45%;
	padding-left:14px;
	background-size: auto 18px;
}
/* 我的评论 */
.my-comment{
	margin-bottom:-10px;
	background:transparent;
}
.my-comment > li{
	background: #fff;
	margin-bottom:10px;
	padding:10px 20px;
}
.my-comment a.title{
	font-size:14px;
	line-height: 1.5;
	display:block;
	background:#dedede;
	padding:6px 10px;
}
.my-comment .avatar{
	float:left;
	width:30px;
	height:30px;
	border-radius:50%;
}
.my-comment .rbox{
	margin-left:40px;
}
.my-comment h2{
	font-size:16px;
}
.my-comment .reply-btn{
	float:right;
	padding:2px 6px;
	border:1px solid #eaeaea;
	background:#fff;
	font-size:14px;
}
.my-comment .time{
	font-size:12px;
	color:#aaa;
}
.message-list{
	border-top:1px solid #eee;
}
.message-list > li{
	background: #fff;
	height:76px;
}
.message-list > li.removed{
	background:#f0f0f0;
	overflow: hidden;
	transition:height .3s ease;
	height: 0;
}

.message-list .avatar{
	float:left;
	width:40px;
	height:40px;
	border-radius: 50%;
}
.message-list .rbox{
	margin-left:50px;
}
.message-list h2{
	font-size:14px;
	height:20px;
}
.message-list li > a{
	display:block;
	padding:15px 20px;
	border-bottom:1px solid #eee;
}
.message-list .time{
	font-size:12px;
	color:#aaa;
	float:right;
}
.message-list .del-btn{
	color:#69c;
	float:right;
}
.message-list .content{
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	margin-right:3em;
	margin-bottom: 0;
}
.dialog {
	padding-bottom:60px;
}
.dialog li{
	margin:15px 10px;
	overflow: hidden;
}
.dialog li img{
	float:left;
	width:40px;
	height:40px;
	border-radius: 50%;
}
.dialog li .content{
	background: #fff;
	padding:8px 10px;
	min-height:40px;
	box-sizing:border-box;
	word-break:break-all;
	border-radius: 5px;
	line-height: 1.4;
	max-width: 60%;
	margin-bottom:0;
}
.dialog li .timeline{
	clear: both;
	margin-top:10px;
	text-align: center;
	border-bottom:1px solid #ddd;
	line-height:30px;
	margin:10px 100px 0;
}
.dialog li.friend .content{
	margin-left: 10px;
	float:left;
}
.dialog li.me img{
	float:right;
}
.dialog li.me .content{
	margin-right:10px;
	float:right;
}
.reply-list{
	margin-bottom: 10px;
	background:#eaf8fe;
	padding:5px;
}
.reply-list li{
	font-size:10px;
	line-height: 1.5;
}
.toast{
	background-color:rgba(0,0,0, .8);
	padding:8px 1em;
	font-size:14px;
	color:#fff;
	position:fixed;
	border-radius:4px;
	min-width: 6em;
	text-align:center;
}
.logout{
	font-size: 16px;
	display: block;
	line-height: 45px;
	text-align: center;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	background:#fff;
}
.error{
}
.error h1{
	font-size:20px;
	text-align:center;
	padding:20px;
}
.error .content{
	font-size:16px;
	text-align: center;
}
.error .btn-area{
	text-align: center;
}
.success h1{
	background:url(../images/success.png) no-repeat left center;
	background-size:auto 18px;
	padding-left:25px;
}
.success .content{
	padding:20px;
	background-color:#fff;
}

.btn-area a.btn{
	margin:20px;
}
h1.list-title{
	margin:0;
	padding:10px;
	background-color:#ebebeb;
}
.no-content{
	text-align: center;
	line-height: 80px;
	font-size: 16px;
}
.no-comment{
	text-align: center;
	line-height: 40px;
	font-size:14px;
	display:none;
}
.prev-next{
	margin:20px 0 -10px;
	overflow: auto;
}
a.prev{
	float:left;
}
a.next{
	float:right;
}
.hidden{
	display:none;
}
.hot{
	background:url(../images/hot.png) no-repeat;
	background-size:15px auto;
	display: inline-block;
	margin-left:4px;
	width:15px;
	height:9px;
}
.red{
	color:red;
}
.mobile-form{
	padding:10px;
	background-color: #fff;
}
.mobile-form label{
	display: block;
	margin-bottom: 5px;
}
.helper{
	font-size:14px;
	color:#999;
	line-height: 1.3;	
	margin-bottom: 30px;
}
.helper.error{
	color: red;
}
.helper dt{
	margin-bottom:6px;
}
.helper dd{
	margin-left:1em;
}
.mobile-form input{
	padding: 8px 10px;
	border-radius: 4px;
	font-size:14px;
	margin-bottom:10px;
	display: block;
	-webkit-appearance:none;
	border:1px solid #ddd;
	outline:none;
	width:100%;
	box-sizing:border-box;
}
.mobile-form input[type=submit], .mobile-form input[type=button]{
	color:#4fcba2;
	border:1px solid #4fcba2;
	text-align: center;
	background:transparent;
}
.input-group{
	display: flex;
	margin-bottom:10px;
}
.input-group input[type=text]{
	flex: 1;
	border-radius: 4px;
	margin-right: 10px;
}
.input-group input[type=button]{
	display: inline-block;
	width: auto;
}
input[disabled], input[type=button][disabled], .btn[disabled], .disabled{
	opacity: 0.4;
}
/* 新手入门里的两个button */
.lession-start-btn{
	margin-top:20px;
	text-align: center;
}
.lession-start-btn a{
    text-align: center;
    padding: 58px 20px 0;
	margin-bottom: 10px;
	display:inline-block;
	text-align: center;
	font-size:14px;
}
.lession-start-btn a:first-child{
	background: url(../images/btn-lession.png) no-repeat center top;
    background-size: auto 53px;
}
.lession-start-btn a:last-child{
	background: url(../images/btn-reg.png) no-repeat center top;
    background-size: auto 53px;
}
.badge, .inline-badge, .badge-dot {
	background:#f13c34;
	color:#fff;
	font-size:10px;
	width:16px;
	height:16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	display: block;
	right:-4px;
	top:-4px;
}
.ucenter{
	position:relative;
}
.badge-dot{
	width:10px;
	height:10px;
	top:8px;
	right:8px;
}
.inline-badge{
	display:inline-block;
	margin-left:10px;
	vertical-align: middle;
}
.new-msg-title {
	font-size:14px;
	text-align: center;
	background: #f6b313;
	color:#fff;
	line-height:24px;
	margin-bottom:0;
}
ul.new-msg-list li{
	padding:6px 10px;
	background:#fff;
	margin-bottom:2px;
}
ul.new-msg-list li a{
	display: block;
	overflow: auto;
}
ul.new-msg-list a > .avatar{
	float:left;
	width:32px;
	height:32px;
}
ul.new-msg-list a .time {
	font-size:12px;
	color:#aaa;
	float:right;
	margin-left:10px;
}
ul.new-msg-list a > .content {
	margin-left:42px;
	display:block;
	vertical-align: middle;
	line-height:1.3;
	min-height: 32px;
}
ul.new-msg-list a > .item-title{
	margin-top:4px;
	color:#888;
	clear:both;
}
.hidden{
	display: none;
}
.comment-title-tab > a{
	width:50%;
	display:inline-block;
	margin:15px 0;
	font-size:16px;
	box-sizing:border-box;
	line-height: 16px;
}
.comment-title-tab > a:first-child{
	text-align: right;
	padding-right:20px;
}
.comment-title-tab > a:last-child{
	text-align: left;
	padding-left:20px;
	border-left:1px solid #999;
}
.comment-title-tab > a.active{
	color:#33ccff;
}
.footer{
	padding:10px;
	font-size:12px;
	color:#fff;
	background:#111;
	width:100%;
	box-sizing:border-box;
	position: absolute;
	bottom:0;
}
.pos-bottom{
	position:absolute;
	bottom: 0;
}
.scroll-top{
	background:url(../images/scroll.png) no-repeat center center;
	width:30px;
	height:30px;
	background-size:contain;
	float:right;
	margin-top:2px;
}
.banner {
	height:130px;
	background:#3bc2ff url(../images/be-vip.png) no-repeat center center;
	background-size:59px auto;
	margin-bottom:10px;
}
.pay-button{
	height:60px;
}
.pay-button .wechat, .pay-button .alipay{
	width:50%;
	float:left;
}
.pay-button a{
	display:block;
	font-size:14px;
	color:#fff;
	line-height:40px;
	text-align: center;
	border-radius: 3px;
}
.pay-button .wechat a{
	margin-right:10px;
	background-color:#3bb31f;
}
.pay-button .alipay a{
	margin-left:10px;
	background-color:#39a9ff;
}
.overlay{
	width:100%;
	position:absolute;
	height:100%;
	background-color: rgba(0,0,0,0.4);
	left:0;
	top:0;
	display:none;
	z-index:100;
}
.wechat-layer{
	width:100%;
	position:fixed;
	left:0;
	top:0;
	display: none;
	z-index:101;
}
.wechat-layer .inner{
	margin:0 10px;
	background:#fff;
	border-radius: 5px;
}
.wechat-layer .step-list{
	padding:20px 10px;
}
.wechat-layer .close{
	background: url(../images/close.png) no-repeat left top;
	background-size: 30px auto;
	float:right;
	width:30px;
	height:30px;
	margin-top:-10px;
}
.wechat-layer h1{
	clear:both;
	font-size:18px;
	margin-bottom:15px;
}
.wechat-layer .step{
	line-height: 50px;
}
.wechat-layer .step .title{
	float:left;
	font-size:16px;
}
.wechat-layer .step .box{
	border:2px solid #7ecef4;
	border-radius: 5px;
	line-height: 50px;
	margin-left: 5em;
	display:block;
	padding:0 10px;
}
.wechat-layer .arrow{
	margin-left: 6em;
	display:block;
	background: url(../images/arrow.png) no-repeat center center;
	background-size: 10px auto;
	height:30px;
}
.wechat-layer .qrcode {
	background:#b5b5b5;
	border-radius: 0 0 5px 5px;
	text-align: center;
	color:#fff;
	padding:10px;
}
.wechat-layer .qrcode img{
	width:103px;
	height:103px;
}
.wechat-layer .qrcode p{
	margin:6px;
}

/* 支付相关 */
.pay-success{
	color:#3f7329;	
	font-size:16px;
	border-bottom:1px solid #d4d4d4;
	padding:24px 0 24px 50px;
	background:#f5f5f5 url(data:image/png;base64,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) no-repeat 16px center;
	background-size:28px 28px;
}
.success-tbl{
	width:100%;
	background: #fff;
}
.success-tbl td{
	padding:8px 10px;
	vertical-align:top;
}
.success-tbl .label{
	width:6em;
	color:#aaa;
}
.success-tbl .value{
	text-align:right;
}

.pay-error{
	color:#d7370a;	
	font-size:16px;
	border-bottom:1px solid #d4d4d4;
	padding:24px 0 24px 50px;
	background:#f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAACLlBMVEUAAAD00cL46eTDfG2gLxn++vnarqX36eXkv7f89/X9+fjqqo7mx8Hkkm61XUv039r79PLqqIy+cmPttJv44de3YlGwUT/uuaO7aVnut5/ooYL33dHrr5Xpzsj55t314tzjjmjvvajiu7Lwz8TVopi3YE/Ki36oQSyzWkjjjWf11smmPCfzzLvRm5CsSjbVpJrnnn7yybjrxbqhMxzZelXafFjdjXDOZkTah2nLYD3///+cKBHNPwyzLgjKPQzIPArMPgyrKQauKwjHOwusKgiwLAfFOgupKAfDOQuaIQrBOAqYHweWGgG+NQq1MAmnJwemJge3MQicJw/ANgqcKRK5MgibJA3MOgeXHAOaHgS6Mwi8NAqkJQaiJAe7LwP16OPOQhDNPQrSUyPDNQaWEwDGNAKzKwXbn460YU3MPAjhiGC/MQTHOAfy8vL09PSfJw7cdEmpIAD//v6eJArSmo60JwDCLwGvJADefFLVWSqfHQHghV3Fi3nSs6ugIgXozcjbua+3JwD16ealGQCfLxndeU+/Ti3z+frOxMGsIgDf6OujIQPXZzycFwC6TTC+KwDEak7bcEStQy/DUSy4NQ3ZaT2/dmjToJbevLDUtazGbVHt6+vQRhWvKAO3Lwbh7/PHSyDIQhOiNyKoJwbdtq2uVkSsSzj6+PfNSBipQi/QsafFVzPBRyLWXjDAY0bDfnDCfXC/dmfFRBfHeV3cxr705N/1/v/MclPJb1GvLAdTyziSAAAAhXRSTlMAUxuJ9wVPFT4IAq00+a4jC7aUljiowISejsM/oi0uKP52RTtbsnrjufVG6l5r0WDTa0bx6+Sy4rzp///////////////////////////////////////////////////////////////////////////////////////////////////+Hacg8wAABA5JREFUSMeN1ndb00AcwPEWS60dKMO99967KQ4UNSYoRkyiQg0trXZoWxBoqVYRq1YqioILcO+99eV5ueZyuULH9y9y/D6kee54Gl2OSqr06+fPX6+vKtEV33h95TrbPL8/Hvf759nWVerHF8VmzrLFo+HBzzEXKPY5HY7GbbNmFmQrZvijg67hZkHwwQShWXINRv0zVuRlEy3+ZEwSfM0OTc0+QYqF/ZaJud0qWzLmELDCVnDEkvNW5WDm6fG0RDCCSul4ZelYboIl6iLYKOqKlk8aw5WHhwVH3oTh8IxR0mzpl3yOAvmk/nJzFpwalny7CuZz9E8nnT4p7dxRRDulpJ44ZMvfBXeiPPjH0SvBd8u1p7fS5d6jFAz+/OHZQ+S58xGvuF2zsJsTdu9TCnouPH14AFziOv4O3bjnUS/d/VUqtDx3H8jkdl+4abc/PAiuUR3/ztmv37jXga7dz8uRm5sOHMx0NCA7IOvkFdjtx+fAgizRSiA9B23FvsBRWJ3sYJfrlCXooLx2+6gydUDZktLNzjol5IA8GZAXkIP3BCsw56YJEFY9c56EOb88RQ7IAbDaDRzqz4cTJ5W5ZzMhnO88diLTkdN2QnbfOYuvT310nlByToVwS/cxpSfthKwm3DU4BuveBh9xa/sRFCl/DWkdmEK1by+Vj9sn7yG16k6tJNwhnPdTibyLA95qnBdLwnUe0g4NyDu50FtbrakWS+z6OvGADL0LZThSSzSSQhK7VC1Z5wYATakaspEIKX/3RWqySkEY2UtWs7vnlca97eup2ZtVZIEMu3ZnFTkzpIGtH/ansie6ZGhlQvuJes6ctRM9OhwhJ0KMSd4OjgvVvzyshh2W9b349y/rKYqfLR+AqxxFNdajkCNlY6860ERRXIN8AMxLaYqiQo2ZupAju9jUqwyEwDC/En4XLGYoWTbJ3dK6t1rZ1gUHZEcxy3RyS1gK1pZIEO7U3fOkTCTaKBi7BEIrQ2XislzLrSzJKYOMCcJS8JAw+vV1wiWOtxCSVyC9coIONk75rPyLS+rUlbstx0Ea2fqNpjKx49AXuPKnGuirl5B7DxxIVGXrfRY9ET1bpzRZpDKSgRI7LLGjxMU61Gyao/A9gXvD8jwN42nxAek4xqpTq2ApfE/gxAY5cAnimQf21u+qo9hp2q+5jbQqX7x6LQKDA/IrdryBeM8yihyS4DNCh+NoGv/MGrHCWwLjCIVW8FaQmScDWTi2zDzqdWUZW4SbMtaLThnL5WccW4Yd+Zx8PsezFfhzki0yiLlvKjYs0uWsZDLDjE0ZsWyiLl8LpjAin614kZmyQFco0zSDKNLof48Dh1U0TDMV9zJvrFhj4BkYb1hTYUSHrChsNa5dvXqt0ZoL/QdbYKOl9/sTWAAAAABJRU5ErkJggg==) no-repeat 16px center;
	background-size:28px 28px;
}
.panel{
	background: #fff;
	padding:10px;
}
#backbtn{
	display:block;
	padding:10px;
	font-size:16px;
	margin:1em 0;
}

/* 支付宝购买vip */
#vip-form {
	margin-top:20px;
}
#vip-form input{
	width:100%;
	outline: none;
	border:0;
	-webkit-appearance:none;
	box-sizing:border-box;
	display: block;
}
#vip-form .username {
	padding:20px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:4px;
	color: #000;
}
#vip-form .helper {
	font-size:14px;
	margin:0 10px 10px;
}
#vip-form .duration {
	margin-bottom:20px;
	font-size:16px;
	margin-left: 10px;
	overflow:auto;
}
#vip-form .duration .radio{
	float: left;
	width:50%;
}
#vip-form .duration .radio a{
	display:block;
	box-sizing:border-box;
	border-radius: 5px;
	background:#fff;
	color:#39a9ff;
	border:1px solid #39a9ff;
	text-align: center;
	line-height: 50px;
	margin-right:10px;
	margin-bottom:10px;
}
#vip-form .duration .radio a.active {
	color:#fff;
	background:#39a9ff;
}
#vip-form .btn{
	padding:20px 0;
	background:#39a9ff;
	border-radius: 5px;
	text-align: center;
	color:#fff;
	font-size:16px;
}
#vip-form .btn[disabled]{
	background:#c0c0c0;
}
#vip-form.pay-wechat .radio a{
	color:#05bc04;
	border:1px solid #05bc04;
}
#vip-form.pay-wechat .radio a.active{
	color:#fff;
	background-color:#05bc04;
	border:1px solid #05bc04;
}
#vip-form.pay-wechat .btn{
	background:#05bc04;
	border:1px solid #05bc04;
}
.copyright{
	border:1px solid #ccc;
	color:red;
}
.copyright h2{
	font-size:16px;
	text-align: center;
	background:#ccc;
	line-height: 2;
}
.copyright p{
	line-height: 1.5;
	padding:10px;
}
.gt{
	background:url(../images/icon-arrow-right.png) no-repeat right center;
	background-size: auto 13px;
	width:10px;
	height:14px;
	display: inline-block;
	vertical-align: middle;
}
.swiper-button-next, .swiper-button-prev{
	width:40px;
	height:40px;
	border-radius: 50%;
	margin-top:-34px;
	background-color:rgba(0,0,0,.4);
	background-size: auto 20px;
}
h1.question{
	background:url(../images/question.png) no-repeat left center;
	background-size:auto 18px;
	padding-left:25px;
}
h1.info{
	background:url(../images/info.png) no-repeat left center;
	background-size:auto 18px;
	padding-left:25px;
}
h1.success{
	background:url(../images/success.png) no-repeat left center;
	background-size:auto 18px;
	padding-left:25px;
}

/* 公告的样式 */
.broadcast{
	padding:10px;
	background:#fff;
}
.broadcast .time{
	float: right;
}
.broadcast .content{
	clear:right;
	margin-top:20px;
}
.message-list .unread{
	background-color:#e3f2f9;
}
.wx-login-btn{
	line-height: 30px;
	background: url(../images/wx_logo_64.png) no-repeat left center;
	background-size: contain;
	padding-left: 20px;
	margin-right: 2.5em;
}
a.link{
	color: #0c82ff;
}
.logout-area{
	margin:20px 0 10px;
	display: flex;
	justify-content: flex-end;
}