/* #5229 lq 2022-12-16 */
html, body { min-height: 100%; max-width: 750px; margin: auto; }
/* body { background-color: #0e0943; }  */
.f16 { font-size: .8rem !important; }
.f14 { font-size: .7rem !important; }
.f12 { font-size: .6rem !important; }
.tc { text-align: center !important; }
.mlr15{ margin-left: .75rem; margin-right: .75rem; }
.mt25 { margin-top: 1.25rem; }
.mt40 { margin-top: 2rem; }
.mt45 { margin-top: 2.25rem; }
.mt50 { margin-top: 2.5rem; }
.pb20 { padding-bottom: 1rem !important; }
.pb30 { padding-bottom: 1.5rem; }
.pb40 { padding-bottom: 2rem; }
.btn-brown { 
    background: linear-gradient(270deg, #9666F6, #0FADF3); border-radius: 1rem;
	font-size: .7rem; color: #fff; line-height: 2rem; font-weight: 600; text-align: center;
}
.btn-brown.is-disabled { background: #999 !important; color: #fff !important; }
.btn-brown .ico-jt-2 { margin-left: .4rem; }
.ico-jt-2 {
	display: inline-block; vertical-align: middle; width: .8rem; height: .65rem;
	background: url('../../../pic/activity/2023/good_lawyer/ico_jt.png'); background-size: cover;
}
.s-cff { color: #fff !important; }
.flex-column { background-color: #0e0943; }

/* cont-bar */
.cont-bar { position: relative; z-index: 2; margin: -4.5rem .75rem 0; }
.cont-box { position: relative; z-index: 2; margin-top: -4.5rem; }

/* banner */
.banner { position: relative; }
.banner .bg { display: block; width: 100%; }
.banner .logo { position: absolute; left: .75rem; top: 1rem; width: 8.3rem; height: 1.1rem; }

/* fixed-apply */
.fixed-apply { position: fixed; right: .3rem; bottom: 20%; z-index: 100; width: 3rem; height: 3rem; }

/* box-tit */
.box-tit img { display: block; margin: auto; height: 1.8rem; }
.box-tit p { font-size: .7rem; color: #31C0FF; text-align: center; margin-top: .4rem; }
.box-tit .f12-ff-lh18 { font-size: .6rem; line-height: .9rem; color: #fff; opacity: 1; margin-top: .65rem; }

/* box-info */
.box-info { 
    background: #1F1967 url('../../../pic/activity/2023/good_lawyer/info_bg.png'); background-size: 100% auto; 
    height: 5.6rem; padding: 1rem 1.9rem; border-radius: .4rem;
    font-size: .65rem; color: rgba(255,255,255, .8); line-height: 1rem; text-align: justify; word-wrap: break-word; word-break: break-all;
}
.box-info2 { 
    background: #171159 url('../../../pic/activity/2023/good_lawyer/info2_bg.png') no-repeat center bottom; background-size: 100% 9.85rem; 
    padding: 1rem 1.9rem .75rem; border-radius: .4rem; font-size: .65rem; color: rgba(255,255,255, .8); line-height: 1rem;
	text-align: justify; word-wrap: break-word; word-break: break-all;
}

/* horiz-line */
.horiz-line { position: relative; }
.horiz-line:before,
.horiz-line:after {
	position: absolute; top: 50%; content: '';
	width: 2.5rem; height: 1px; 
}
.horiz-line:before {
	background: linear-gradient(270deg, #fff, rgba(255,255,255,0.01));
	left: -0.5rem; transform: translateX(-100%);
}
.horiz-line:after  {
	background: linear-gradient(90deg, #fff, rgba(255,255,255,0.01));
	right: -0.5rem; transform: translateX(100%);
}

/* box-data */
.box-data { padding-bottom: 2rem; background-color: #1F1967; border-radius: .4rem; }
.deco-ball { 
    position: absolute; left: -0.25rem; bottom: -1.45rem; width: 2.5rem; height: 2.55rem; 
    background: url('../../../pic/activity/2023/good_lawyer/deco-ball.png'); background-size: cover; 
}
.deco-r-line { 
    position: absolute; right: -0.75rem; bottom: -6.3rem; z-index: -1; width: 9.35rem; height: 9.3rem; 
    background: url('../../../pic/activity/2023/good_lawyer/deco-rline.png'); background-size: cover; 
}
.deco-l-line { 
    position: absolute; left: -0.75rem; width: 9.35rem; height: 9.3rem; 
    background: url('../../../pic/activity/2023/good_lawyer/deco-leftline.png'); background-size: cover; }
.deco-ball-right {
    position: absolute; right: -0.75rem; width: 2.5rem; height: 2.55rem; 
    background: url('../../../pic/activity/2023/good_lawyer/deco-ball2.png'); background-size: cover; 
}
.data-list { padding-top: 1.5rem; }
.data-list dd { float: left; width: 33.333%; text-align: center; margin-bottom: .5rem; }
.data-list dd.r-2 { width: 50%; }
.data-list dd .tray { 
    position: relative; z-index: 2; display: block; margin: auto;
    width: 5rem; height: 5rem; padding-top: .3rem; box-sizing: border-box;
}
.data-list dd .tray .bg { 
    position: absolute; left: 0; top: 0; z-index: -1;
    width: 5rem; height: 4.9rem; background: url('../../../pic/activity/2023/good_lawyer/icon_data_bg.png'); background-size: cover; 
}
.data-list dd .tray .num { height: .9rem; color: #02b6ec; }
.data-list dd .tray .num .f-num { font-size: .9rem; line-height: 1; font-weight: 600; vertical-align: bottom; }
.data-list dd .tray .num .unit { font-size: .5rem; line-height: 1; margin: .2rem 0 0 .1rem; }
.data-list dd .tray img { display: block; width: 1.2rem; height: 1.2rem; margin: .4rem auto 0; }
.data-list dd .txt { font-size: .6rem; color: #fff; margin-top: -1.2rem; }
.data-list dd .f10 { font-size: .5rem; color: #fff; opacity: .5; line-height: .6rem; }
    /*  */
.erwe-box { margin-top: 1.75rem; text-align: center; }
.erwe-box dt {
    background: url('../../../pic/activity/2023/good_lawyer/nav_line.png') no-repeat center; background-size: 15.7rem auto;
    font-size: .8rem; color: #fff; font-weight: 600;
}
.erwe-box dd { font-size: .6rem; color: #fff; line-height: 1.1rem; margin-top: .5rem; }
.erwe-box dd .btn-brown {
    display: block; margin: .75rem auto 0;
    width: 9.5rem; height: 2rem; 
}

/* timer-shaft */
.path-box {
    margin-left: -0.75rem; margin-right: -0.75rem; padding: 0 .75rem 1.3rem;
    background: url('../../../pic/activity/2023/good_lawyer/path_box_bg.png') no-repeat center bottom; background-size: auto 3.35rem; 
}
.timer-shaft { margin-left: 5.6rem; }
.timer-shaft li { position: relative; padding: 0 0 1.8rem 1.45rem; color: #fff; }
.timer-shaft li:after {
    position: absolute; left: 0; top: 1rem; bottom: -0.65rem; content: '';
    width: 1px; background-color: #03bceb;
}
.timer-shaft li:last-child:after { background-color: transparent; }
.timer-shaft li .time {
    position: absolute; left: -5.1rem; top: -0.3rem;
    font-size: .6rem; color: #02b6ec; line-height: 1.2rem;
}
.timer-shaft li .time.t6 { top: .3rem; }
.timer-shaft li .time p { position: relative; }
.timer-shaft li .time p:nth-child(2):after {
	position: absolute; left: 50%; top: 0; content: '';
	width: .4rem; height: 1px; background-color: #02b6ec; transform: translateX(-50%);
}
.timer-shaft li .f16 { font-weight: 600; }
.timer-shaft li .f12 { opacity: .7; line-height: .8rem; margin-top: .2rem; }
.timer-shaft .dot { 
    position: absolute; left: -0.45rem; top: .4rem;
    width: .9rem; height: .9rem; border-radius: 50%;
    background: radial-gradient(circle, rgba(0,152,186, .5) 0%, rgba(0,152,186, 0) 100%);
}
.timer-shaft .dot:after {
    position: absolute; left: .25rem; top: .25rem; content: '';
    width: .4rem; height: .4rem; background: #02b6ec; border-radius: 50%;
}

/* expert-box */
.expert-box .deco-ball { left: -0.3rem; bottom: -1.9rem; }
.expert-box .deco-r-line { bottom: -5.1rem; }
/* swiper-expert-list */
.swiper-expert-list .swiper-wrapper { padding-bottom: 3rem; }
.swiper-container-horizontal>.swiper-pagination-bullets { height: .15rem; bottom: 1.5rem; }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: .5rem; height: .15rem; background: #fff; opacity: 0.5; border-radius: .1rem; margin: -0.3rem .1rem 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 1rem; opacity: 1; }
.swiper-expert-list .swiper-slide { width: 6rem; }
.swiper-expert-list .swiper-slide img { display: block; width: 100%; }
.swiper-expert-list .swiper-slide .tx { margin-top: 1rem; color: #fff; }
.swiper-expert-list .swiper-slide .name { font-size: .8rem; font-weight: 600; }
.swiper-expert-list .swiper-slide p { font-size: .55rem; line-height: .8rem; opacity: .7; margin-top: .1rem; }

/* criteria-box */
.criteria-box { position: relative; padding: 0 .8rem; background: #171159; border-radius: .4rem; }
.criteria-box dt { 
    position: absolute; left: 50%; top: -0.15rem; transform: translatex(-50%);
    width: 8rem; height: 1.65rem; background: url('../../../pic/activity/2023/good_lawyer/tit_pxbz.png') no-repeat; background-size: cover; 
    padding-top: .15rem; font-size: .7rem; color: #fff; font-weight: 600; text-align: center;
}
.criteria-box dd { padding: 1.6rem 0 .8rem; }
.criteria-box .item { 
    display: flex; padding: .7rem 0; border-radius: .4rem; margin-top: .25rem;
    background: linear-gradient(90deg, rgba(82,167,204, 1) 0%, rgba(82,167,204, .5) 30%, rgba(102,119,204,0) 80%);
}
.criteria-box .item.bg-reversal {
	background: linear-gradient(270deg, rgba(82,167,204, 1) 0%, rgba(82,167,204, .5) 30%, rgba(102,119,204,0) 80%);
}
.criteria-box .item div { position: relative; width: 5.2rem; padding-left: 1.5rem; font-size: .9rem; color: #fff; display: flex; align-items: center; }
.criteria-box .item div:after {
    position: absolute; left: .75rem; top: 50%; content: ''; transform: translatey(-50%);
    width: .25rem; height: .25rem; background: #fff; border-radius: 50%;
}
.criteria-box .item p { font-size: .6rem; line-height: .9rem; color: #fff; opacity: .7; }

/* prize-box */
.prize-box { position: relative; }
.prize-box .deco-l-line { bottom: -4.6rem; }
.prize-box .deco-ball-right { bottom: -1.45rem; z-index: 2; }

/* prizes-list */
.prizes-list { margin-left: -0.75rem; }
.prizes-list li { 
    float: left; width: 8.25rem; height: 7.5rem; margin: .5rem 0 0 .75rem; padding: .9rem .75rem 0; text-align: center;
    background: url('../../../pic/activity/2023/good_lawyer/prizes_bg.png'); background-size: cover; 
}
.prizes-list li .f14 { color: #31C0FF; font-weight: 600; line-height: 1rem; }
.prizes-list li p { font-size: .55rem; color: #fff; line-height: .75rem; opacity: .7; margin-top: .4rem; }

/* prize-card */
.prize-card {
    position: relative; z-index: 1; padding: .8rem 1rem .7rem; border-radius: .4rem;
    background: linear-gradient(180deg, #299BCC 15%, #1F1967 100%);
}
.prize-card .tit {
    position: absolute; left: 50%; top: -0.15rem; transform: translatex(-50%);
    width: 9.5rem; height: 1.75rem; background: url('../../../pic/activity/2023/good_lawyer/card_tit.png') no-repeat; background-size: cover; 
    padding-top: .2rem; font-size: .7rem; color: #fff; font-weight: 600; text-align: center;
}
.prize-card .item { padding: .5rem 0; }
.prize-card .item dt { font-size: .8rem; color: #fff; font-weight: 600; line-height: 1rem; margin-bottom: .4rem; }
.prize-card .item dd { display: flex; font-size: .6rem; color: #fff; line-height: .9rem; opacity: .8; }
.prize-card .item dd span { margin-top: 0; white-space: nowrap; }

/* sign-up-box */
.sign-up-box { position: relative; padding: 0 .65rem; background: #1F1967; border-radius: .4rem; }
.sign-up-box .deco-ball { left: -0.5rem; bottom: -1.3rem; }
.rule-box { color: #fff; }
.rule-box dt { padding: 1.5rem 0 .6rem; font-size: .8rem; text-align: center; }
.rule-box dt b { position: relative; }
.rule-box dt b:before,
.rule-box dt b:after { position: absolute; top: .4rem; content: ''; width: 5.3rem; height: 1px; opacity: .5; }
.rule-box dt b:before{ left: -6.5rem; background: linear-gradient(270deg, #fff, rgba(255,255,255, .01) 80%); }
.rule-box dt b:after { right: -6.5rem; background: linear-gradient(90deg, #fff, rgba(255,255,255, .01) 80%); }
.rule-box dd { padding: .25rem 0; font-size: .6rem; line-height: .9rem; }
.login-box { padding: 1rem 0 1.5rem; text-align: center; }
.login-box .btn-brown { width: 14rem; line-height: 2rem; margin: auto; }
.login-box p { font-size: .6rem; color: #fff; opacity: .8; margin-top: .75rem; }
.login-box p a { color: #31C0FF; text-decoration: underline; }

/* partnership-box */
.partnership-box { overflow: hidden; margin-left: -0.65rem; }
.partnership-box li { float: left; width: 5.3rem; height: 2.4rem; margin: .55rem 0 0 .65rem; }

/* previous-show */
.previous-show .swiper-wrapper { padding-bottom: 1.6rem; }
.previous-show .swiper-slide { width: 6.5rem; height: 5rem; border-radius: .1rem; overflow: hidden; }
.previous-show .swiper-container-horizontal>.swiper-pagination-bullets { bottom: .5rem; }

/* footer-box */
.footer-box { padding-bottom: 2rem; background: url('../../../pic/activity/2023/good_lawyer/ft_bg.png') no-repeat center bottom; background-size: 100% auto; }
.footer-box .logo { display: block; width: 9.75rem; height: .85rem; margin: auto; }
.footer-box p { font-size: .55rem; line-height: .75rem; color: #fff; opacity: .7; text-align: center; margin-top: 1rem; }

/* botm-nav */
.botm-nav { display: flex; background-color: #fff; }
.botm-nav .item { flex: 1; font-size: .7rem; text-align: center; line-height: 2.5rem; font-weight: 500; }
.botm-nav .item.is-this { background: url('../../../pic/activity/2023/good_lawyer/botm_nav_click.png') no-repeat; background-size: 100% auto; color: #fff; }

/* tabs-inclusion */
.f12-lh20-ff { font-size: .6rem; color: #fff; line-height: 1rem; opacity: .7; }
.tabs-inclusion .nav-item { padding: 0; width: 100%; float: none; }
.tabs-inclusion .tab-item { padding: 0 .8rem; }
.tabs-inclusion .swiper-container-horizontal>.swiper-pagination-bullets { bottom: .4rem; }
/* inclusion-nav */
.inclusion-nav dt { 
    height: 2.2rem; background: url('../../../pic/activity/2023/good_lawyer/inclusion_nav.png') no-repeat; background-size: 100% auto; 
    padding-top: .15rem; font-size: .7rem; color: #fff; font-weight: 600; text-align: center;
}
.inclusion-nav dd { padding: .2rem .8rem 0; text-align: left; }

/* lawyer-list */
.lawyer-list .hr-line { padding: 0; }
.lawyer-list .hr-line:after { left: 4.75rem; right: .75rem; opacity: .2; }
.lawyer-list .hr-line:last-child:after { border: none; }
.lawyer-list .item { display: block; padding: 1rem .75rem; overflow: hidden; font-size: .6rem; color: #fff; }
.lawyer-list .item .photo { 
    float: left; width: 3.25rem; height: 3.25rem; padding: .15rem; border-radius: 50%; margin-right: .75rem;
    background: linear-gradient(180deg, #33C0FF 0%, #FFFFFF 45%, #C3A6FF 100%);
}
.lawyer-list .item .photo img { border-radius: 50%; }
.lawyer-list .item .name { font-size: .8rem; color: #31C0FF; font-weight: 600; }
.lawyer-list .item .h14 { height: .7rem; line-height: .7rem; opacity: .7; margin-top: .3rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.lawyer-list .item .h14 span { max-width: 6.8rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.lawyer-list .item .h14 .line-vertical { height: .5rem; top: 0; }
	/*  */
.lawyer-list.res-list { margin: 0 .75rem; }
.lawyer-list.res-list li { margin-top: .25rem; background: #171159; padding: 0; border-radius: .4rem; }
.lawyer-list.res-list li .item { padding: .9rem .75rem; }
.lawyer-list.res-list li .photo { width: 3.75rem; height: 3.75rem; padding: 0; background: transparent; margin: 0 1.15rem 0 .4rem; }
.lawyer-list.res-list li .photo:after {
	position: absolute; left: -0.55rem; top: -0.55rem; content: '';
	width: 4.9rem; height: 4.9rem; background: url('../../../pic/activity/2023/good_lawyer/res_lable.png') no-repeat; background-size: cover;
}
.lawyer-list.res-list li:nth-child(2n) .photo { float: right; margin: 0 .4rem 0 1.15rem; }
/* hand-box */
.hand-box { position: absolute; top: 10.25rem; right: 0; z-index: 10; }
.hand-box p { font-size: .5rem; color: #fff; line-height: .6rem; text-align: center; opacity: .8; margin-top: -1.75rem; }
.hand-gif {
    background-image: url('../../../pic/activity/2023/good_lawyer/hand.png');
    width: 140px; height: 140px; transform: scale(.5);
    animation: myAnimation 1.50s steps(1) infinite;
}
@keyframes myAnimation {
	0% { background-position: 0px 0px; }
	1.12% { background-position: -140px 0px; }
	2.25% { background-position: -280px 0px; }
	3.37% { background-position: -420px 0px; }
	4.49% { background-position: -560px 0px; }
	5.62% { background-position: -700px 0px; }
	6.74% { background-position: -840px 0px; }
	7.87% { background-position: -980px 0px; }
	8.99% { background-position: -1120px 0px; }
	10.11% { background-position: -1260px 0px; }
	11.24% { background-position: -1400px 0px; }
	12.36% { background-position: -1540px 0px; }
	13.48% { background-position: -1680px 0px; }
	14.61% { background-position: -1820px 0px; }
	15.73% { background-position: -1960px 0px; }
	16.85% { background-position: -2100px 0px; }
	17.98% { background-position: -2240px 0px; }
	19.10% { background-position: -2380px 0px; }
	20.22% { background-position: -2520px 0px; }
	21.35% { background-position: -2660px 0px; }
	22.47% { background-position: -2800px 0px; }
	23.60% { background-position: -2940px 0px; }
	24.72% { background-position: -3080px 0px; }
	25.84% { background-position: -3220px 0px; }
	26.97% { background-position: -3360px 0px; }
	28.09% { background-position: -3500px 0px; }
	29.21% { background-position: -3640px 0px; }
	30.34% { background-position: -3780px 0px; }
	31.46% { background-position: -3920px 0px; }
	32.58% { background-position: -4060px 0px; }
	33.71% { background-position: -4200px 0px; }
	34.83% { background-position: -4340px 0px; }
	35.96% { background-position: -4480px 0px; }
	37.08% { background-position: -4620px 0px; }
	38.20% { background-position: -4760px 0px; }
	39.33% { background-position: 0px -140px; }
	40.45% { background-position: -140px -140px; }
	41.57% { background-position: -280px -140px; }
	42.70% { background-position: -420px -140px; }
	43.82% { background-position: -560px -140px; }
	44.94% { background-position: -700px -140px; }
	46.07% { background-position: -840px -140px; }
	47.19% { background-position: -980px -140px; }
	48.31% { background-position: -1120px -140px; }
	49.44% { background-position: -1260px -140px; }
	50.56% { background-position: -1400px -140px; }
	51.69% { background-position: -1540px -140px; }
	52.81% { background-position: -1680px -140px; }
	53.93% { background-position: -1820px -140px; }
	55.06% { background-position: -1960px -140px; }
	56.18% { background-position: -2100px -140px; }
	57.30% { background-position: -2240px -140px; }
	58.43% { background-position: -2380px -140px; }
	59.55% { background-position: -2520px -140px; }
	60.67% { background-position: -2660px -140px; }
	61.80% { background-position: -2800px -140px; }
	62.92% { background-position: -2940px -140px; }
	64.04% { background-position: -3080px -140px; }
	65.17% { background-position: -3220px -140px; }
	66.29% { background-position: -3360px -140px; }
	67.42% { background-position: -3500px -140px; }
	68.54% { background-position: -3640px -140px; }
	69.66% { background-position: -3780px -140px; }
	70.79% { background-position: -3920px -140px; }
	71.91% { background-position: -4060px -140px; }
	73.03% { background-position: -4200px -140px; }
	74.16% { background-position: -4340px -140px; }
	75.28% { background-position: -4480px -140px; }
	76.40% { background-position: -4620px -140px; }
	77.53% { background-position: -4760px -140px; }
	78.65% { background-position: 0px -280px; }
	79.78% { background-position: -140px -280px; }
	80.90% { background-position: -280px -280px; }
	82.02% { background-position: -420px -280px; }
	83.15% { background-position: -560px -280px; }
	84.27% { background-position: -700px -280px; }
	85.39% { background-position: -840px -280px; }
	86.52% { background-position: -980px -280px; }
	87.64% { background-position: -1120px -280px; }
	88.76% { background-position: -1260px -280px; }
	89.89% { background-position: -1400px -280px; }
	91.01% { background-position: -1540px -280px; }
	92.13% { background-position: -1680px -280px; }
	93.26% { background-position: -1820px -280px; }
	94.38% { background-position: -1960px -280px; }
	95.51% { background-position: -2100px -280px; }
	96.63% { background-position: -2240px -280px; }
	97.75% { background-position: -2380px -280px; }
	98.88% { background-position: -2520px -280px; }
	100.00% { background-position: -2660px -280px; }
}

/* abs-menu */
.abs-menu {
	position: absolute; right: 0; top: 5.4rem; z-index: 50;
	height: 1.2rem; padding: 0 .65rem 0 .45rem; font-size: .6rem;
	background: #1F1967 url('../../../pic/activity/2023/good_lawyer/jt-r.png') no-repeat; 
	background-size: .2rem .3rem; background-position: right .2rem center;
	border: 1px solid #0FADF3; border-right: none;
	/* border-image: linear-gradient(-90deg, #9666F6, #0FADF3) 10 10; */
	/* 边框渐变和圆角只能有一个 */
	border-radius: .6rem 0rem 0rem .6rem;
}
.abs-menu span {
	color: #E7C18C;
	background: linear-gradient(270deg, #C4A6FF 0%, #31C0FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* right-type-bar */
.right-type-bar {
	position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 800;
	visibility: hidden; transition: .2s linear;
}
.right-type-bar .bg {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-color: rgba(0,0,0, .5); visibility: hidden; opacity: 0; transition: .2s linear;
}
.right-type-bar .type-box {
	position: absolute; top: 0; right: -100%; bottom: 0; 
	width: 9rem; padding: .75rem 0; background-color: #fff;
	display: flex; flex-direction: column; transition: right .2s linear;
} 
.right-type-bar .type-box dt { padding: 1.25rem 0 .75rem; }
.right-type-bar .type-box dt img { display: block; width: 5.55rem; margin: auto; }
.right-type-bar .type-box dd { padding: 0 .75rem; flex: 1; height: 100%; overflow-y: auto; }
.right-type-bar .type-box .nav-item { 
	height: 1.6rem; border-radius: .4rem; margin-top: .25rem;
	font-size: .7rem; line-height: 1.6rem; text-align: center; 
}
.right-type-bar .type-box .nav-item.is-this { background: linear-gradient(90deg, #DDCCFF, #BFEBFF); font-weight: 600; }
.right-type-bar.is-show { visibility: visible; }
.right-type-bar.is-show .bg { visibility: visible; opacity: 1; }
.right-type-bar.is-show  .type-box { right: 0; }

/* expert-list */
.expert-list { margin-left: -0.75rem; }
.expert-list li { float: left; width: 8.25rem; margin: 1.5rem 0 0 .75rem; }
.expert-list li .tx { color: #fff; margin-top: 1rem; }
.expert-list li .tx .name { font-size: .8rem; font-weight: 600; }
.expert-list li .tx p { font-size: .55rem; line-height: .75rem; margin-top: .2rem; opacity: .7; }

@media screen and (min-width: 750px) {
    html {
        font-size:40px!important
    }
}

/* get-poster */
.get-poster {
	position: fixed; top: 45%; right: 0; z-index: 100;
	width: 1rem; height: 6.2rem;
	background: url('../../../pic/activity/2023/good_lawyer/get_res.png');
	background-size: 100% 100%;
}

/* poster-native */
.poster-native { 
	position: fixed; left: 0; top: 0; z-index: -10;
	/* width: 18.75rem; height: 33.35rem; background: url('../../../pic/activity/2023/good_lawyer/bg_result.jpg');
	background-size: 100% 100%; */
}
.poster-native .bg { display: block; width: 18.75rem; height: 33.35rem; }
.poster-native .info {
	position: absolute; left: 0; top: 0; right: 0;
	line-height: 1; text-align: center; padding-top: 7rem; 
}
.poster-native .info span {
	/* background: linear-gradient(90deg, #FFB580 0%, #FFE1CC 50%, #FFB580 100%); */
	/* -webkit-background-clip: text; -ms-background-clip: text; background-clip: text; color: transparent;   */
	color: #FFE1CC; font-weight: 600;
}
.poster-native .info .awards { font-size: 1.6rem; }
.poster-native .info .tip { font-size: 1.2rem; margin-top: 1.5rem; }
.poster-native .info .winners { font-size: .8rem; margin-top: .6rem; }
.poster-native .info .photo { width: 6.1rem; height: 6.1rem; margin: 1.25rem auto 0; } 
.poster-native .info .photo img { border-radius: 50%; }
.poster-native .botm-left {
	position: absolute; left: .95rem; top: 27.8rem;
	font-size: .5rem; color: #FFE1CC; line-height: .8rem; font-weight: 300;  opacity: .8;
}
.poster-native .erwei { position: absolute; right: .9rem; bottom: 2rem; }
.poster-native .erwei dt { width: 3.7rem; height: 3.7rem; padding: .2rem; background-color: #fff; margin: auto; }
.poster-native .erwei dd { font-size: .5rem; color: #fff; opacity: .8; }

/* popup-poster */
.popup-poster { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; }
.popup-poster .bg {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
	background-color:rgba(255, 255, 255, 0.1); 
	-webkit-backdrop-filter: blur(.5rem);
	-moz-backdrop-filter: blur(.5rem);
	-o-backdrop-filter: blur(.5rem);
	-ms-backdrop-filter: blur(.5rem);
	backdrop-filter: blur(.5rem);
}
.popup-poster .pop-box { position: absolute; left: 50%; top: 1rem; width: 15rem; margin-left: -7.5rem; z-index: 5; }
.popup-poster .pop-close { 
	position: absolute; top: -0.3rem; right: -0.3rem; z-index: 10; width: 1rem; height: 1rem; 
	background: url('../../../pic/activity/2023/good_lawyer/ico_close.png'); background-size: cover;
}
.popup-poster .btn {
	width: 9rem; height: 2.4rem; margin: 1.2rem auto 0;
	background: linear-gradient(90deg, #FFE1CC 0%, #FFB580 100%); border-radius: 1.2rem; 
	font-size: .8rem; color: #000433; font-weight: 600; line-height: 2.4rem; text-align: center;
}