/* hlx-6288 lq 2022-06-24 */
span, em, i, strong { margin-top: 0; }
.gap-line { height: .5rem; }
.ico-corpus { 
    display: inline-block; vertical-align: middle; 
    background: url('/images/ico.png') no-repeat; background-size: 6.6rem 2.6rem;
}

/* top-banner */
.top-banner { 
    height: 13rem; padding: 5rem .8rem .5rem; 
    background: url('/images/bg_banner.png'); background-size: 100% auto;
}
.top-banner .swiper-bar { height: 7.5rem; }
.top-banner .img-block img { border-radius: .4rem; }

/* article-number */
.article-number { display: flex; padding: .3rem 0 0; }
.article-number li { flex: 1; font-size: .6rem; color: #999; line-height: .8rem; text-align: center; }
.article-number li p { font-size: .7rem; color: #333; margin-bottom: .2rem; }
.article-number li p .f-num { font-size: 1rem; line-height: 1.2rem; }
.article-number li p span { margin-top: -0.2rem; }

/* creative-star */
.creative-star { height: 5.5rem; margin: 1.2rem .8rem 0; }
.creative-star .swiper-slide { background: url('/images/bg_start.png') no-repeat; background-size: cover; border-radius: .4rem; }
.creative-star .swiper-slide .lawyer { display: block; padding: 1.9rem 5.5rem 0 .9rem; }
.creative-star .swiper-slide .photo { 
    position: absolute; top: 1.7rem; right: 2.2rem;
    width: 2.5rem; height: 2.5rem; border-radius: 50%;
    padding: 1px; background-color: rgba(255,255,255, .6);
}
.creative-star .swiper-slide .lable {
    position: absolute; top: .75rem; left: 1rem;
    height: .8rem; line-height: .8rem; background: #fbf9ff; border-radius: .2rem .4rem .4rem 0;
    padding-right: .5rem; font-size: .5rem; color: #7c5635;
}
.creative-star .swiper-slide .lable .num { 
    position: relative; z-index: 2; float: left; margin: 0 .75rem 0 0; padding: 0 .25rem; 
    background: linear-gradient(270deg, #fbdfb3 0%, #fdce93 100%); border-radius: .2rem 0 0 0;
    font-size: .6rem; font-weight: 600;
}
.creative-star .swiper-slide .lable .num:after {
    position: absolute; top: 0; right: -0.25rem; content: ''; z-index: -1;
    width: 1rem; height: .8rem; background-color: #fbdfb3; transform: skew(330deg);
}
.creative-star .swiper-slide .lable .num .ico-corpus { width: .3rem; height: .6rem; margin-top: .1rem; }
.creative-star .swiper-slide .lable .num .brackets-l { float: left; background-position: -3.75rem 0; margin-right: .2rem; }
.creative-star .swiper-slide .lable .num .brackets-r { float: right; background-position: -4.25rem 0; margin-left: .2rem; }
.creative-star .swiper-slide .tit { height: 1.2rem; }
.creative-star .swiper-slide .tit .name { float: left; font-size: .9rem; line-height: 1.2rem; max-width: 6.3rem; }
.creative-star .swiper-slide .tit .help { float: left; font-size: .6rem; line-height: .8rem; margin: .25rem 0 0 .2rem; }
.creative-star .swiper-slide .info { font-size: .6rem; line-height: .8rem; color: #666; margin-top: .1rem; }
.creative-star .swiper-pagination-bullets { bottom: .3rem; }
.creative-star .swiper-pagination-bullets .swiper-pagination-bullet { width: .3rem; height: .3rem; }

/* bar-title  */
.bar-title .tit .ico-corpus { float: left; width: .8rem; height: .8rem; margin: .15rem .2rem 0 0; }
.bar-title .tit .corpus-wheel { background-position: 0 0; }
.bar-title .tit .hot-article  { background-position: -1rem 0; }
.bar-title .tit .rank  { background-position: -2rem 0; }
.bar-title .more { color: #bbb; }
.bar-title .more .icon-arrow-right { transform: scale(.8); }

/* swiper-corpus */
.swiper-corpus { margin-top: .4rem; padding-bottom: 2.4rem; }
.swiper-corpus .swiper-pagination { 
    left: 50%; right: auto; bottom: 1.5rem !important; transform: translatex(-50%); 
    width: auto; height: .2rem; background-color: #e5e5e5; border-radius: .2rem;
}
.swiper-corpus .swiper-pagination-bullet { width: .45rem; height: .2rem; border-radius: 0; margin: -0.3rem 0 0 !important; }
.swiper-corpus .swiper-pagination-bullet-active { background-color: #0057ff; border-radius: .2rem; }

/* corpus-list */
.corpus-list li .block { padding: .4rem .8rem; overflow: hidden; }
.corpus-list li .img-block { width: 5.5rem; height: 3.65rem; }
.corpus-list li .tit { height: 2.2rem; }
.corpus-list li .other { height: .8rem; line-height: .8rem; font-size: .55rem; color: #bbb; margin-top: .6rem; }
.corpus-list li .other .user { float: left; max-width: 7.5rem; }

/* big-wheel */
.big-wheel { display: flex; padding: 2.6rem .8rem 0; }
.big-wheel li { 
    position: relative; width: 5.75rem; height: 6.6rem; background-color: #fff;
    padding: 1.25rem .4rem 0; border-top: .1rem solid transparent; border-radius: .4rem .4rem 0 0; 
    box-shadow: 1px -0.5rem .5rem rgba(0,0,0, .03); text-align: center;
}
.big-wheel li .rank-num { 
    position: absolute; left: 50%; top: -0.4rem; transform: translatex(-50%);
    width: .8rem; height: .8rem; line-height: .8rem; border-radius: .1rem;
    font-size: .6rem; color: #fff;
}
.big-wheel li .photo { display: block; width: 2.75rem; height: 2.75rem; border: .1rem solid #f2f2f2; margin: 0 auto .5rem; z-index: 2; }
.big-wheel li .photo .crown { position: absolute; left: -0.15rem; top: -0.65rem; z-index: -1; width: 1.35rem; height: 1.15rem; }
.big-wheel li .tit { height: 1.1rem; font-weight: bold; }
.big-wheel li .hot { height: .8rem; line-height: .8rem; font-size: .6rem; color: #666; margin-top: .1rem; }
    /**/
.big-wheel li.first { width: 5.7rem; border-top-color: #e6c783; top: -1.6rem; z-index: 10; height: 8.2rem; padding-top: 1.5rem; }
.big-wheel li.first .rank-num { width: 1.4rem; height: 1.6rem; background-position: 0 -1rem; top: -0.9rem; }
.big-wheel li.first .photo { width: 3.9rem; height: 3.9rem; padding: .1rem; margin-bottom: .7rem; }
.big-wheel li.first .photo .crown { background-position: -1.75rem -1rem; left: .1rem; top: -0.65rem; }
.big-wheel li.second { border-top-color: #cecece; }
.big-wheel li.second .rank-num { background: linear-gradient(360deg, #c7c7c7 0%, #e3e3e3 100%); }
.big-wheel li.second .photo .crown { background-position: -3.5rem -1rem; }
.big-wheel li.thirdly { border-top-color: #dfb9a4; }
.big-wheel li.thirdly .rank-num { background: linear-gradient(360deg, #e49162 0%, #e2b49d 100%); }
.big-wheel li.thirdly .photo .crown { background-position: -5.25rem -1rem; }

/* article-list */
.article-list li:after { left: 2rem; right: .8rem; }
.article-list li .block { padding: 1rem .8rem 1rem 2rem; }
.article-list li .f-num { position: absolute; left: 1rem; top: 1rem; font-size: .8rem; color: #9195a3; line-height: 1rem; }
.article-list li .tit .ico-corpus { width: .65rem; height: .65rem; background-position: -3rem 0; margin: -0.1rem 0 0 .2rem; }
.article-list li .tit { max-height: 2rem; line-height: 1rem; font-size: .8rem; font-weight: 600; overflow: hidden; }
.article-list li .tit .ect { display: inline-block; vertical-align: middle; margin-top: -0.1rem; max-width: 15rem; }
.article-list li .other { height: .9rem; line-height: .9rem; font-size: .6rem; color: #bbb; margin-top: .6rem; }
.article-list li .other img { float: left; width: .9rem; height: .9rem; border-radius: 50%; margin-right: .2rem; }
.article-list li .other .user { float: left; color: #999; max-width: 12rem; height: .9rem; line-height: 1rem; }
.article-list li.first .f-num { color: #fe2d46; }
.article-list li.second .f-num { color: #f60; }
.article-list li.thirdly .f-num { color: #faa90e; }

/* lawyer-list */
.lawyer-list li { padding: 1rem .8rem; }
.lawyer-list li:after { left: .8rem; right: .8rem; }
.lawyer-list li .u-btn { right: .8rem; }
.lawyer-list li .img-block { border: .1rem solid #e8c590; border-radius: .4rem; }
.lawyer-list li .img-block img { border-radius: .3rem !important; }
.lawyer-list li .img-block .ico-vip { right: -0.1rem; bottom: -0.1rem; }
.lawyer-list li .img-block .rank-num { 
    position: absolute; left: -0.1rem; top: -0.1rem; 
    padding: .1rem .2rem 0; line-height: 1; border-radius: .4rem 0 .2rem 0; font-size: .5rem; 
}
.lawyer-list li .lawyer .tit .name { max-width: 8rem; }
.lawyer-list li .other em { margin-top: -0.1rem; }
.lawyer-list li .other .gap-dot { margin-top: 0; }
.lawyer-list li.first .rank-num  { background: linear-gradient(90deg, #f2cd9d 0%, #e9c290 100%); color: #5b4f41; }
.lawyer-list li.second .rank-num { background: linear-gradient(90deg, #c7c7c7 0%, #e3e3e3 100%); color: #9195a3; }
.lawyer-list li.thirdly .rank-num{ background: linear-gradient(90deg, #e49365 0%, #e2b29a 100%); color: #7b5635; }

/* last-tip */
.last-tip { height: 3rem; line-height: 3rem; text-align: center; }
.last-tip .txt { position: relative; font-size: .6rem; color: #bbb; }
.last-tip .txt:before,
.last-tip .txt:after {
    position: absolute; top: 1.5rem; content: '';
    width: 1.3rem; height: 1px;
}
.last-tip .txt:before{ left: -1.6rem;  background: linear-gradient(90deg, rgba(232, 232, 232, 0) 0%, #e8e8e8 100%); }
.last-tip .txt:after { right: -1.6rem; background: linear-gradient(270deg, rgba(232, 232, 232, 0) 0%, #e8e8e8 100%); }