/********************************************  login-reg  ******************************************************/
.login-reg-box{
	padding:6rem 0;
	background: #F5F8F9;
}
.login-reg-panel{
	display:block;margin:0 auto;
	width:84rem;
	border-radius:1.2rem;
	overflow:hidden;
}
.lr-main{
	display:flex;flex-direction:row;
}
.lr-img{
	width:39rem;height:54rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.lr-con{
	flex:1;
	display:flex;flex-direction:column;
	justify-content:center;
	padding:0 4.5rem;
	background:#FFF;
}
.lr-con h1{
	line-height:3.3rem;
	font-size:2.4rem;color:#2A2F3C;font-weight:800;
}

.lr-tab{
	margin-top:1.6rem;
}
.lr-tab span{
	display:inline-block;margin-right:2.4rem;
	line-height:3.8rem;
	font-size:1.6rem;color:#858B9B;font-weight:400;
	cursor:pointer;
}
.lr-tab span.on{
	position:relative;
	color: #0E4CA2;font-weight: 600;
}
.lr-tab span.on:after{
	content:'';position:absolute;bottom:0;left:50%;
	margin-left:-1.2rem;
	width:2.4rem;height:.3rem;
	background:#0E4CA2;border-radius:.3rem;
}

.lr-row{
	position:relative;
	margin-top:2.4rem;padding:0 8rem 0 1.6rem;
	background:#FFF;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
}
.lr-row-err{
	border-color:#FF4949;
}
.lr-row-tip{
	display:none;
	position:absolute;top:100%;left:0;
	line-height: 1.7rem;
	font-size: 1.2rem;color: #FF4949;font-weight: 400;
}
.lr-row input{
	width:100%;height:4.8rem;line-height:4.6rem;
	border:none;outline:0;
	font-size:1.4rem;color:#333;
}
.lr-row input::-webkit-input-placeholder { 
	color:#BCC1CD; 
}
.lr-row input::-moz-placeholder { 
	color:#BCC1CD;
}
.lr-row input:-ms-input-placeholder { 
	color:#BCC1CD; 
}
.lr-row input::placeholder { 
	color:#BCC1CD; 
}

.lr-row-code span{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-1.1rem;
	line-height:2.2rem;
	font-size:1.4rem;color:#0E4CA2;font-weight:400;
	cursor:pointer;
}
.lr-row-code em{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-1.1rem;
	line-height:2.2rem;
	font-size:1.4rem;color:#858B9B;font-weight:800;
}
.lr-row-pass img{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-1.1rem;
	height:2.2rem;
	cursor:pointer;
}

.lr-pp{
	position:relative;
	margin-top:2.4rem;padding-left:2rem;
	line-height:2rem;
	font-size:1.2rem;color:#49536C;font-weight:400;
	cursor:pointer;
}
.lr-pp i{
	position:absolute;top:50%;left:0;
	margin-top:-.7rem;
	width:1.2rem;height:1.2rem;
	background:#0E4CA2;
}
.lr-pp i.on:after{
	content: '';
	position: absolute;top:.3rem;left:.3rem;
	width:.6rem;height:.4rem;
	border:.2rem solid #FFF;
	border-top: transparent;border-right: transparent;
	transform: rotate(-45deg);
}
.lr-pp a{
	color:#0E4CA2;
}

.lr-submit{
	margin-top:2.4rem;
}
.lr-btn-submit{
	display:block;
	height:4.8rem;line-height:4.8rem;
	background:#0E4CA2;border-radius:.4rem;
	font-size:1.8rem;color:#FFF;font-weight:600;letter-spacing:.2rem;
	text-align:center;
	cursor:pointer;
}
.lr-btn-submit:hover{
	background:#2B65F4;
}
.lr-btn-submit:focus, .lr-btn-submit:active{
	background:#0b3b7c;
}
.lr-btn-submit.disabled{
	opacity:.4;
}

.lr-more{
	margin-top:1.6rem;line-height:1.7rem;
	font-size:1.2rem;font-weight:400;
	text-align:center;
}
.lr-more span{
	color: #49536C;
}
.lr-more a{
	margin-left:.8rem;
	color:#0E4CA2;
}

/************** top ****************/
.user-top{
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.ut-con{
	display:flex;flex-direction:row;
	justify-content:space-between;
}
.ut-profile{
	display:flex;flex-direction:column;
	justify-content:center;
	position:relative;padding-left:9.2rem;
	height:20rem;
}
.ut-img{
	position:absolute;top:50%;left:0;
	margin-top:-3.8rem;
	width:7.6rem;height:7.6rem;
	border-radius:50%;
	overflow:hidden;
}
.ut-img img{
	width:7.6rem;height:7.6rem;
}
.ut-t span{
	display:inline-block;vertical-align:middle;
	margin-right:.8rem;height:3rem;line-height:3rem;
	font-size:2.2rem;color:#000;font-weight:600;
}
.ut-gender{
	width:1.4rem;
}
.ut-gender.male{
	background-image:url(../imgs/svg/male.svg);
	background-repeat:no-repeat;background-size:100% auto;background-position:center center;
}
.ut-gender.female{
	background-image:url(../imgs/svg/female.svg);
	background-repeat:no-repeat;background-size:100% auto;background-position:center center;
}

.ut-auth-tip{
	margin-top:1rem;
}
.ut-auth-tip a{
	position:relative;display:inline-block;
	padding-right:2rem;
	line-height:2rem;
	font-size:1.4rem;color:#49536C;font-weight:400;
}
.ut-auth-tip a:after{
	content:'';position:absolute;top:.8rem;right:0;
	width:.6rem;height:.6rem;
	border-top:.1rem solid #858B9B;border-right:.1rem solid #858B9B;
	transform:rotate(45deg);
}
.ut-rgt{
	display:flex;flex-direction:column;
	justify-content:center;
	padding-right:2.4rem;
}
.ut-rgt a{
	display:inline-block;padding: 0 2.4rem;
	height: 4rem;line-height:4rem;
	background: rgba(43, 101, 244, 0.7);
	border: .1rem solid #FFFFFF;
	font-size: 1.8rem;color: #FFF;font-weight: 600;
	text-align:center;
	box-shadow: 0 .4rem 2rem rgba(14, 76, 162, 0.25);
}

/************** main ****************/
.user-pro{
	padding-bottom:4rem;
	background:#F5F8F9;
}
.user-pro-more{
	position:relative;padding-bottom:6.4rem;
}

.u-path a, .u-path em, .u-path span{
	display:inline-block;height:4.4rem;line-height:4.2rem;
	vertical-align:top;
}
.u-path a{
	font-size: 1.4rem;color: #858B9B;font-weight: 400;
}
.u-path em{
	position:relative;
	width:1.2rem;margin:0 .3rem;
}
.u-path em:after{
	content:'';position:absolute;top:50%;left:50%;
	width:.6rem;height:.6rem;
	border-top:.1rem solid #858B9B;border-right:.1rem solid #858B9B;
	transform:translate(-50%, -50%) rotate(45deg);
}
.u-path span{
	font-size:1.4rem;color: #2A2F3C;font-weight: 400;
}

.user-con{
	margin-top:1.6rem;
	display:flex;flex-direction:row;
	gap:1.6rem;
}
.user-navs{
	padding:2.4rem 1.6rem;
	width:24rem;
	background:#FFF;
}
.user-main{
	flex:1;
	padding:2.4rem 2.4rem;
	background:#FFF;
}

/************** navs ****************/
.user-navs li{
	margin-top:.8rem;
	border-left:.3rem solid #FFF;
}
.user-navs li:first-child{
	margin:0;
}
.user-navs li a{
	position:relative;
	display:block;padding-left:4.4rem;
	line-height:4.4rem;
}
.user-navs li a svg{
	position:absolute;top:50%;left:1.2rem;
	margin-top:-1.3rem;
	height:2.4rem;
}
.user-navs li a span{
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}
.user-navs li.on{
	background:#EBF0FF;
	border-left:.3rem solid #3078DD;border-top-right-radius:1.6rem;
}
.user-navs li.on span{
	color:#0E4CA2;font-weight:600;
}

.user-navs li:nth-child(1) a svg, 
.user-navs li:nth-child(2) a svg rect, 
.user-navs li:nth-child(3) a svg, 
.user-navs li:nth-child(4) a svg rect, 
.user-navs li:nth-child(6) a svg,
.user-navs li:nth-child(8) a svg rect
{
	stroke:#49536C;
}
.user-navs li:nth-child(2) a svg path, 
.user-navs li:nth-child(4) a svg path, 
.user-navs li:nth-child(5) a svg path, 
.user-navs li:nth-child(7) a svg path, 
.user-navs li:nth-child(8) a svg path, 
.user-navs li:nth-child(9) a svg path
{
	fill:#49536C;
}

.user-navs li.on:nth-child(1) a svg, 
.user-navs li.on:nth-child(2) a svg rect, 
.user-navs li.on:nth-child(3) a svg, 
.user-navs li.on:nth-child(4) a svg rect, 
.user-navs li.on:nth-child(6) a svg,
.user-navs li.on:nth-child(8) a svg rect
{
	stroke:#0E4CA2;
}
.user-navs li.on:nth-child(2) a svg path, 
.user-navs li.on:nth-child(4) a svg path, 
.user-navs li.on:nth-child(5) a svg path, 
.user-navs li.on:nth-child(7) a svg path, 
.user-navs li.on:nth-child(8) a svg path, 
.user-navs li.on:nth-child(9) a svg path{
	fill:#0E4CA2;
}

/************** title ****************/
.user-page-title{
	position:relative;padding-left:3.2rem;
	line-height:3.4rem;
	font-size:2.4rem;color:#000;font-weight:600;
}
.user-page-title:before{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-1.2rem;
	width:.8rem;height:2.4rem;
	background: rgba(43, 101, 244, 0.5);
	border-radius: 0 .4rem;
}

.user-sct-title{
	position:relative;
	height:3.2rem;line-height:3.2rem;
}
.user-sct-title h4{
	padding-left:1.4rem;
	font-size:1.8rem;color:#000;font-weight:600;
}
.user-sct-title h4:before{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-.9rem;
	width:.6rem;height:1.8rem;
	background: rgba(43, 101, 244, 0.5);
	border-radius: 0 .4rem;
}
.user-sct-title span{
	position:absolute;top:0;right:0;
}

/********************************************  main page  ******************************************************/
/************** table ****************/
.u-tb{
	width:100%;
	border-spacing:0;border-collapse:collapse;
}
.u-tb th, .u-tb td{
	padding:1.2rem 2.4rem;
	height:2.4rem;line-height:2.4rem;
}
.u-tb th{
	background:rgba(188, 193, 205, 0.2);
	font-size:1.4rem;color:#495363;font-weight:400;
	white-space:nowrap;
}
.u-tb td{
	font-size:1.4rem;color:#2A2F3C;font-weight:500;
	text-align:center;
}
.u-tb tbody{
	box-shadow: inset -.1rem 0 0 rgba(188, 193, 205, 0.2), inset .1rem 0 0 rgba(188, 193, 205, 0.2);
}
.u-tb tbody tr{
	box-shadow: inset 0 -.1rem 0 rgba(188, 193, 205, 0.2);
}

.u-tb td a{
	color:#0E4CA2;
}
.u-tb td.ops{
	white-space:nowrap;
}
.u-tb td.ops a{
	margin:0 .4rem;
}

.u-btn-add{
	position:relative;margin-top:1.6rem;
	height:3.2rem;line-height:3.2rem;
}
.u-btn-add span{
	position:absolute;top:0;left:0;
}

/************** coin ****************/
.u-coin{
	margin-top:2rem;
}
.u-coin-top{
	display:flex;flex-direction:row;
	justify-content:space-between;
	background-image:url(../imgs/user/coin_bg.jpg);
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	border:.1rem solid #FFFFFF;
	box-shadow:0 .4rem 1.5rem rgba(43, 101, 244, 0.15);
	border-radius:.8rem;
}
.u-coin-blk{
	display:flex;flex-direction:row;
}
.u-coin-itm{
	position:relative;
	display:flex;flex-direction:column;
	align-items:center;justify-content:center;
	padding:2.3rem 3.2rem;
}
.u-coin-itm:before{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-1.3rem;
	width:0;height:2.6rem;
	border-left:.1rem solid #FFF;
}
.u-coin-itm:first-child:before{
	display:none;
}
.u-coin-v{
	line-height:4rem;
	font-size:2.8rem;color:#0F1826;font-weight:600;
}
.u-coin-n{
	margin-top:.5rem;line-height:2rem;
	font-size:1.4rem;color:#49536C;font-weight:400;
}
.u-coin-lnks{
	display:flex;flex-direction:row;align-items:center;
	padding-right:12rem;
}
.u-coin-lnks a{
	display:inline-block;margin:0 .8rem;
	width:12rem;height:4rem;line-height:3.6rem;
	border:.1rem solid #49536C;border-radius:.4rem;
	font-size:1.4rem;color:#2A2F3C;font-weight:600;
	text-align:center;
}
.u-coin-lnks a:nth-child(2){
	border:.1rem solid rgba(45, 113, 255, 0.8);
	background:rgba(45, 113, 255, 0.8);
	color:#FFF;
}

.u-coin-list{
	margin:1.6rem 0;
}
.u-coin-list td.v-up{
	color:#FC3C3C;font-weight:600;
}
.u-coin-list td.v-ne{
	color:#34C759;font-weight:600;
}
.u-coin-list th:nth-child(1){
	width:9rem;
}
.u-coin-list th:nth-child(2){
	width:43rem;
}
.u-coin-list th:nth-child(3){
	width:24rem;
}

/************** fav ****************/
.u-fav{
	margin-top:2.4rem;
}

.u-fav-types a{
	display:inline-block;margin-right:2.4rem;
	height:3.5rem;line-height:3.5rem;
	font-size:1.4rem;color:#000;font-weight:400;
}
.u-fav-types a.on{
	color:#0E4CA2;
	border-bottom:.3rem solid #0E4CA2;
}

.u-fav-btn a{
	display:inline-block;
	width:12rem;height:4rem;line-height:4rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
	font-size:1.4rem;color:#49536C;font-weight:400;
	text-align:center;
}
.u-fav-btn span{
	position:relative;display:inline-block;
	padding-left:2.2rem;
}
.u-fav-btn span img{
	position:absolute;top:50%;left:0;
	margin-top:-.7rem;
	width:1.4rem;height:1.4rem;
}

.u-fav-itms-list{
	margin:2.4rem 0;
}

.u-fav-itms-list .arbitrator{
	margin-top:2.4rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);
}
.u-fav-itms-list .arbitrator:first-child{
	margin:0;
}
.u-fav-itms-list .arbitrator .u-fav-btn{
	position:absolute;top:50%;right:2.4rem;
	transform:translate(0, -50%);
}

.u-fav-itms-list .lawyer{
	margin-top:2.4rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);
}
.u-fav-itms-list .lawyer:first-child{
	margin:0;
}
.u-fav-itms-list .lawyer .u-fav-btn{
	flex:1;
	display:flex;flex-direction:column;justify-content:center;
	align-items:end;
}

.u-fav-itms-list .institution{
	margin-top:2.4rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);
}
.u-fav-itms-list .institution:first-child{
	margin:0;
}
.u-fav-itms-list .institution .u-fav-btn{
	display:flex;flex-direction:column;justify-content:center;
	align-items:end;
}

.u-fav-itms-list .ruling{
	position:relative;margin-top:2.4rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);
}
.u-fav-itms-list .ruling:first-child{
	margin:0;
}
.u-fav-itms-list .ruling .u-fav-btn{
	position:absolute;top:50%;right:2.4rem;
	transform:translate(0, -50%);
}

.u-fav-itms-list .news{
	display:flex;flex-direction:row;
	align-items:center;justify-content:space-between;
	gap:2rem;
	padding:2rem 2.4rem;
	background:#FFF;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
	overflow:hidden;
	transition:all ease .6s;
}
.u-fav-itms-list .news-title{
	line-height:2.8rem;
	font-size:2rem;color:#000;font-weight:600;
}
.u-fav-itms-list .news-title a{
	color:#000;
}
.u-fav-itms-list .news:hover{
	border:.1rem solid #3078DD;
	box-shadow: 0 .3rem 3.5rem rgba(188, 193, 205, 0.55);
}

/************** ruling ****************/
.u-ruling-list{
	margin:1.6rem 0;
}

/************** interview ****************/
.u-interview-list{
	margin:1.6rem 0;
}

/************** viewpoint ****************/
.u-viewpoint-list{
	margin:1.6rem 0;
}

/************** comments ****************/
.u-comments-list{
	margin:1.6rem 0;
}


/************** auth ****************/
.u-auth{
	margin-top:3.2rem;
	display:flex;flex-direction:row;
	gap:2.4rem;
}
.u-auth-itm{
	flex:1;
	display:block;
	position:relative;padding-left:3.3rem;
	height:10rem;
	border:.1rem solid #FFFFFF;border-radius: .4rem;
	box-shadow: 0 .4rem 1.5rem rgba(14, 76, 162, 0.15);
	overflow:hidden;
	transition: ease all .5s;
}
.u-auth-itm:before{
	content:'';position:absolute;top:0;left:0;z-index:1;
	width:100%;height:100%;
	background: linear-gradient(90deg, #FFFFFF 0%, #E7EAF2 100%);
	transition: ease all .5s;
}
.u-auth-itm img{
	position:absolute;z-index:1;
}
.u-auth-itm:nth-child(1) img{
	top:1.3rem;right:-.5rem;
	width:9.2rem;
	transform:scaleX(-1);
}
.u-auth-itm:nth-child(2) img{
	top:.1rem;right:.9rem;
	width:12.1rem;
}
.u-auth-itm h4{
	position:absolute;top:50%;left:3.3rem;z-index:2;
	margin-top:-1.6rem;
	line-height:3rem;
	font-size:2rem;color:#0E4CA2;font-weight:700;
}
.u-auth-itm i{
	position:absolute;top:50%;left:18rem;z-index:3;
	margin-top:-1.5rem;height:3rem;line-height:2.8rem;
	font-size:1.2rem;
}
.u-auth-itm i.state-ing{
	color:#ff7300;
	font-weight: bold;
}
.u-auth-itm i.state-succ{
	color:#28a745;
	font-weight: bold;
}
.u-auth-itm i.state-err{
	padding-right:2rem;color:#d81e06;
	background-image:url(../imgs/svg/faq.svg);
	background-repeat:no-repeat;
	background-size:1.2rem 1.2rem;
	background-position:right .2rem center;
	cursor:pointer;
	font-weight: bold;
}
.u-auth-itm b, .u-auth-itm .auth-btn{
	position:absolute;top:50%;right:7.3rem;z-index:2;
	margin-top:-1.6rem;
	width:9rem;height:3.2rem;line-height:3.2rem;
	background: rgba(107, 124, 166, 0.6);
	border-radius: .4rem;
	font-size:1.4rem;color:#FFF;font-weight:600;
	text-align:center;
	transition: ease all .5s;
}
.u-auth-itm:hover{
	border: .1rem solid #0E4CA2;
}
.u-auth-itm:hover:before{
	background: linear-gradient(90.02deg, #D8EEFF 0.01%, #E5ECFD 99.99%);
}
.u-auth-itm:hover b, .u-auth-itm:hover .auth-btn{
	background:#3078DD;
}
.u-auth-itm .auth-err-msg{
	position:absolute;left:3.3rem;bottom:1rem;z-index:3;
	line-height:1.6rem;
	font-size:1.2rem;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.u-auth-itm .auth-err-msg span{
	color:#dc3545;
}

/************** auth-inf ****************/
.user-auth-inf{
	flex:1;
	display:flex;flex-direction:column;
	gap:1.6rem;
}

.uai-top{
	display:flex;justify-content:center;align-items:center;
	height:8rem;
	background:#FFF;
	border-radius: .8rem;
}
.uai-top-con{
	display:flex;flex-direction:row;gap:.8rem;
}
.uai-top-itm{
	position:relative;padding-left:3.8rem;
	line-height:3rem;
}
.uai-top-itm b{
	position:absolute;top:0;left:0;
	width:3rem;height:3rem;line-height:3rem;
	background: linear-gradient(90deg, rgba(188, 193, 205, 0.5) 0%, #BCC1CD 100%);
	border-radius:50%;
	font-size:2rem;color:#FFF;font-weight:600;
	text-align:center;
}
.uai-top-itm.active b{
	background: linear-gradient(180deg, #96C0FF 0%, #1E6CD7 100%);
}
.uai-top-itm span{
	font-size:1.6rem;color:#000;font-weight:600;
}
.uai-top-blank{
	position:relative;
	width:44rem;height:3rem;
}
.uai-top-blank:after{
	content:'';
	position:absolute;top:50%;left:0;right:0;
	border-top:.2rem dotted #BCC1BD;
}

.uai-blk{
	padding:2.4rem 2.4rem;
	background:#FFF;
}
.uai-con{
	margin-top:2rem;
}
.uai-con.has-photo{
	position:relative;
}
.uai-con.has-photo .frm-row:nth-child(2) .frm-itm:nth-child(2) .frm-itm-select{
	padding-right:13rem;
}

.uai-tb{
	width:100%;
	border-spacing:0;border-collapse:collapse;
}
.uai-tb thead{
	border-width:.1rem .1rem 0 .1rem;
	border-style: solid;
	border-color: rgba(19, 94, 199, 0.08);
}
.uai-tb tbody{
	border-width: 0 .1rem .1rem .1rem;
	border-style: solid;
	border-color: rgba(188, 193, 205, 0.5);
}
.uai-tb th{
	height:3.6rem;line-height:3.6rem;
	background: rgba(19, 94, 199, 0.08);
	font-size:1.4rem;color:#49536C;font-weight:600;
	text-align:center;
}
.uai-tb td{
	height:3.6rem;line-height:3.6rem;
	font-size: 1.4rem;color: rgba(42, 47, 60, 0.9);
	text-align:center;
}
.uai-tb tbody tr:nth-child(2n) td{
	background: rgba(236, 242, 251, 0.5);
}
.uai-tb-itm-ops a, .uai-tb-itm-ops em{
	display:inline-block;height:2rem;line-height:2rem;
	vertical-align:middle;
}
.uai-tb-itm-edit svg{
	display:inline-block;vertical-align:middle;
	width:1.6rem;height:1.6rem;
	fill:#495363;
}
.uai-tb-itm-edit:hover svg{
	fill:#0E4CA2;
}
.uai-tb-itm-remove svg{
	display:inline-block;vertical-align:middle;
	width:2rem;height:2rem;
	fill:#495363;
}
.uai-tb-itm-remove:hover svg{
	fill:#0E4CA2;
}
.uai-tb-itm-ops em{
	margin:0 .3rem;
	color:#BCC1CD;
}

/************** account ****************/
.u-account{
	margin-top:2rem;
}


/********************************************  filter  ******************************************************/
.u-filter{
	margin-top:2.4rem;
}
.u-filter-row{
	margin-top:1.6rem;
	display:flex;flex-direction:row;justify-content:space-between;
	gap:1.6rem;
}
.u-filter-row:first-child{
	margin:0;
}
.uf-itm{
	display:flex;flex-direction:row;
}
.uf-itm span{
	line-height:3.2rem;
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}

.uf-sbt{
	flex:1;
}
.uf-sbt span{
	display:inline-block;
	padding:0 1.6rem;height:3.2rem;line-height:3rem;
}
.uf-sbt span:first-child{
	margin-right:.8rem;
}

/********************************************  dialog  ******************************************************/
.ui-dialog{
	position:fixed;top:0;left:0;z-index:999;
	width:100%;height:100%;
	user-select:none;
}
.ui-dialog-mask{
	position:absolute;top:0;left:0;z-index:1;
	width:100%;height:100%;
	background: rgba(0, 0, 0, 0.6);
}
.ui-dialog-con{
	min-width: 26rem;
	position:absolute;top:50%;left:50%;z-index:2;
	display:flex;flex-direction:column;
	gap:2.4rem;
	padding:2.4rem 2.4rem;
	background:#FFF;border-radius:.4rem;
	transform:translate(-50%, -50%);
	box-shadow:0 .4rem 3.2rem rgba(188, 193, 205, 0.3);
}
.ui-dialog-cls{
	position:absolute;top:2.4rem;right:2.4rem;
	width:2.4rem;height:2.4rem;
	cursor:pointer;
}
.ui-dialog-cls:before, .ui-dialog-cls:after{
	content:'';position:absolute;top:50%;left:.2rem;
	width:2rem;height:.3rem;
	background:#495363;border-radius:.3rem;
}
.ui-dialog-cls:before{
	transform:rotate(45deg);
}
.ui-dialog-cls:after{
	transform:rotate(-45deg);
}
.ui-dialog-title{
	line-height:2.6rem;
	font-size:1.6rem;color:#2A2F3C;font-weight:600;
}
.ui-dialog-btns{
	text-align:right;
}
.ui-dialog-btns span{
	display:inline-block;margin-left:.8rem;padding:0 1.6rem;
	height:3.2rem;line-height:3rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
	font-size:1.4rem;color:#2A2F3C;font-weight:500;
	cursor:pointer;
}
.ui-dialog-btns span:nth-child(2), .ui-dialog-btns span.btn-primary{
	background:#0E4CA2;
	color:#FFF;
}

.ui-dialog-main{
	min-height:17rem;
}
.ud-msg{
	padding:1.6rem 2.4rem;line-height:3rem;
	font-size:1.6rem;color:#2A2F3C;font-weight:500;
}
.ud-msg p{
	max-width:50rem;
}
.ud-msg li{
	position:relative;padding-left:2rem;line-height:3rem;
	font-size:1.6rem;color:#2A2F3C;font-weight:500;
}
.ud-msg li:before{
	content:'';position:absolute;top:50%;left:.5rem;
	margin-top:-.2rem;
	width:.5rem;height:.5rem;
	background:#49536C;border-radius:50%;
}

/************** frm  content ****************/
.ud-recharge-panel{
	width:52rem;
}
.ud-recharge-label{
	margin-top:3.2rem;line-height:2rem;
	font-size:1.4rem;color:#49536C;font-weight:400;
}
.ud-recharge-label-first{
	margin-top:0;
}
.ud-recharge-blks{
	margin-top:2rem;
	display:grid;grid-template-columns:1fr 1fr 1fr;
	gap:2rem;
}
.ud-recharge-blk-itm{
	position:relative;line-height:4.4rem;
	border:.1rem solid #BCC1CD;border-radius:.4rem;
	font-size:1.6rem;color:#0F1826;font-weight:400;
	text-align:center;
	cursor:pointer;
}
.ud-recharge-blk-itm-select{
	background: rgba(43, 101, 244, 0.1);
	border:.1rem solid #0E4CA2;
}
.ud-recharge-blk-itm-select:before{
	content:'';
	position:absolute;top:0;right:0;z-index:1;
	width:1.6rem;height:1.6rem;
	background:#0E4CA2;border-radius:0 .4rem 0 .4rem;
}
.ud-recharge-blk-itm-select:after{
	content:'';
	position:absolute;top:.5rem;right:.4rem;z-index:2;
	width:.7rem;height:.4rem;
	background:none;
	border-left:.2rem solid #FFF;border-bottom:.2rem solid #FFF;
	transform:rotate(-45deg);
}
.ud-recharge-blks2 .ud-recharge-blk-itm span{
	position:relative;padding-left:3.2rem;
}
.ud-recharge-blks2 .ud-recharge-blk-itm img{
	position:absolute;top:50%;left:0;
	width:2.4rem;
	transform:translate(0, -50%);
}
.ud-recharge-blks2 .ud-recharge-blk-itm:nth-child(2) img{
	width:2rem;
}

.ud-cropper-box{
	width:37rem;height:37rem;
	overflow:hidden;
}

/************** frm ****************/
.ud-frm{
	display:flex;flex-direction:column;
	gap:2rem;
}

.ud-frm-notice{
	position:relative;padding-left:2.8rem;
	line-height:2.8rem;
	font-size:1.4rem;color:#000;font-weight:400;
}
.ud-frm-notice img{
	position:absolute;top:50%;left:0;
	margin-top:-1rem;
	width:2rem;height:2rem;
}

.ud-frm-itm{
	width:40rem;
}
.ud-frm-label{
	line-height:2.2rem;
	font-size:1.4rem;color:#858B9B;font-weight:400;
}

.ud-frm-ipt{
	margin-top:.4rem;height:4rem;
}
.ud-frm-ipt input{
	height:3.8rem;line-height:3.6rem;
}
.ud-frm-ipt:hover{
	border:.1rem solid #2463EB;
}

.ud-frm-itm-code .ud-frm-ipt, .ud-frm-itm-pass .ud-frm-ipt{
	position:relative;padding:0 10rem 0 .8rem;
}
.ud-frm-itm-code .ud-frm-ipt span{
	position:absolute;top:50%;right:0;
	margin-top:-1.1rem;padding:0 .8rem;
	line-height:2.2rem;
	font-size:1.4rem;color:#0E4CA2;font-weight:400;
	cursor:pointer;
}
.ud-frm-itm-code .ud-frm-ipt span:before{
	content:'';position:absolute;top:50%;left:0;
	margin-top:-.8rem;width:0;height:1.6rem;
	border-left:.1rem solid #C9CED6;
}
.ud-frm-itm-code .ud-frm-ipt em{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-1.1rem;
	line-height:2.2rem;
	font-size:1.4rem;color:#858B9B;font-weight:800;
}
.ud-frm-itm-pass img{
	position:absolute;top:50%;right:1.6rem;
	margin-top:-1.1rem;
	height:2.2rem;
	cursor:pointer;
}

.u-account .frm-sr-label{
	width:10.5rem;
}
.u-account .frm-sr-lg-label{
	width:23rem;
}
.ui-dialog .frm-sr-label{
	width:11.5rem;
}

.ud-frm-sel{
	margin-top:.4rem;height:4rem;
}
.ud-frm-sel .frm-select-val{
	height:3.8rem;line-height:3.6rem;
}
.frm-select.ud-frm-sel:after{
	top:1.6rem;right:1.2rem;
	border-top:.6rem solid #858B9B;border-left:.5rem solid transparent;border-right:.5rem solid transparent;
}
.frm-single-row .ud-frm-sel{
	margin:0;
}
.frm-single-row .ud-frm-sel .frm-select-val{
	padding:0 3rem 0 1.6rem;
}

.u-filter-row .frm-date-range{
	width:32rem;
}
.ud-frm-itm .frm-date-range{
	margin-top:.4rem;padding:0;
	height:4rem;
	border:none;
	gap:1.6rem;
}
.ud-frm-itm .frm-date-range span{
	display:flex;align-items:center;
	font-size:1.4rem;color:#2A2F3C;font-weight:400;
}
.ud-frm-itm .frm-date-range input{
	flex:1;
	padding:0 .8rem;
	height:3.8rem;line-height:3.6rem;
	border:.1rem solid rgba(188, 193, 205, 0.5);border-radius:.4rem;
}
.ud-frm-itm .frm-date-range input:hover{
	border:.1rem solid #2463EB;
}