@charset "UTF-8";
.container{
	padding-left:0;
	padding-right:0;
}
.best-author-condition-box{
	padding-left:15px;
	padding-right:15px;
	padding-top: 30px;
	padding-bottom: 40px;
}
.best-author-condition-box .header-title{
	color: #6a82ec;
    font-weight: 600;
    font-size: 13px;
}
.best-author-condition-box .comment{
	color:#252525;
	font-size: 16px;
    margin-top: 10px;
	margin-bottom: 20px;
}
.best-author-condition-box .d{
	color: #252525;
	font-size:15px;	
}
.best-author-condition-box .list-title{	
    font-size: 18px;
    font-weight: 600;
	margin-bottom: 3px;
}
.best-author-condition-box .wrapper{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 12px;
    border-radius: 7px;
    box-shadow: 0 0 7px 0 rgb(202 202 202 / 50%);
    margin-bottom: 15px;
}
.best-author-condition-box ol{
    margin-top: 15px;
}
.best-author-condition-box .wrapper .circle-box{
	width: 28px;
    height: 28px;
    background-color: #6a82ec;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
	margin-right: 10px;
	font-size: 16px;
    font-weight: 600;
}
.best-author-condition-box .wrapper .txt{
	font-size: 15px;
	color: #555555;
}
.best-author-class-replies-box{
	padding-left:15px;
}
.best-author-class-replies-box .header-title{
	font-size: 16px;
	color:#252525;
	margin-bottom: 10px;
}
.best-author-class-replies-box .header-title strong{
	font-size: 20px;
}
.best-author-class-reply-swiper .reply-box{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 120%;
    border-radius:7px;
    position:relative;
}
.best-author-class-reply-swiper .reply-box .replier-nick{
	position: absolute;
    bottom: 21px;
    left: 16px;
    color: #fff;
    font-size: 16px;
}
.footer-box{
	background: #f0f0f0;
    color: #6a82ec;
    height: 110px;
    margin-top: 38px;
    display: flex;
    align-items: center;
    padding-left: 40px;
    font-size: 18px;
    background-image: url(/m/statics/img/contents/bestauthor/top-30-trophy.png);
    background-position: 85%;
    background-repeat: no-repeat;
    background-size: 56px 66px;
}
.float-btn-box{
	position: fixed;
    display: block;
    bottom: 0;
    background-color: transparent;
    width: 100%;
    text-align: center;
    max-width: 480px;
    z-index: 2;
}
.move-btn{
	color: #fff;
    width: 100%;
    padding: 20px 20px;
    font-size: 16px;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 700;
    background: #6a82ec;
}